Comparing version 0.1.0-pre to 0.7.0-beta1
'use strict'; | ||
var _interopRequireWildcard = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; | ||
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; }; | ||
Object.defineProperty(exports, '__esModule', { | ||
@@ -11,15 +7,17 @@ value: true | ||
var _React = require('react'); | ||
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 _React2 = _interopRequireWildcard(_React); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
'use strict'; | ||
var _react = require('react'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var prefixCls = 'ant-breadcrumb'; | ||
var BreadcrumbItem = _React2['default'].createClass({ | ||
var BreadcrumbItem = _react2['default'].createClass({ | ||
displayName: 'BreadcrumbItem', | ||
render: function render() { | ||
var link = _React2['default'].createElement( | ||
var link = _react2['default'].createElement( | ||
'a', | ||
@@ -29,3 +27,3 @@ _extends({ className: prefixCls + '-link' }, this.props), | ||
); | ||
var slash = _React2['default'].createElement( | ||
var slash = _react2['default'].createElement( | ||
'span', | ||
@@ -36,3 +34,3 @@ { className: prefixCls + '-slash' }, | ||
if (typeof this.props.href === 'undefined') { | ||
link = _React2['default'].createElement( | ||
link = _react2['default'].createElement( | ||
'span', | ||
@@ -43,3 +41,3 @@ _extends({ className: prefixCls + '-link' }, this.props), | ||
} | ||
return _React2['default'].createElement( | ||
return _react2['default'].createElement( | ||
'span', | ||
@@ -53,7 +51,7 @@ null, | ||
var Breadcrumb = _React2['default'].createClass({ | ||
var Breadcrumb = _react2['default'].createClass({ | ||
displayName: 'Breadcrumb', | ||
contextTypes: { | ||
router: _React2['default'].PropTypes.func.isRequired | ||
router: _react2['default'].PropTypes.func | ||
}, | ||
@@ -72,3 +70,3 @@ render: function render() { | ||
if (i === routes.length - 1) { | ||
link = _React2['default'].createElement( | ||
link = _react2['default'].createElement( | ||
'span', | ||
@@ -79,3 +77,3 @@ null, | ||
} else { | ||
link = _React2['default'].createElement( | ||
link = _react2['default'].createElement( | ||
Link, | ||
@@ -86,5 +84,5 @@ { to: route.path, params: params }, | ||
} | ||
return _React2['default'].createElement( | ||
return _react2['default'].createElement( | ||
BreadcrumbItem, | ||
null, | ||
{ key: name }, | ||
link | ||
@@ -96,3 +94,3 @@ ); | ||
} | ||
return _React2['default'].createElement( | ||
return _react2['default'].createElement( | ||
'div', | ||
@@ -99,0 +97,0 @@ { className: prefixCls }, |
@@ -1,1 +0,40 @@ | ||
"use strict"; | ||
'use strict'; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
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; } | ||
var Collapse = require('rc-collapse'); | ||
var React = require('react'); | ||
var prefixCls = 'ant-collapse'; | ||
var AntCollapse = (function (_React$Component) { | ||
_inherits(AntCollapse, _React$Component); | ||
function AntCollapse() { | ||
_classCallCheck(this, AntCollapse); | ||
_get(Object.getPrototypeOf(AntCollapse.prototype), 'constructor', this).apply(this, arguments); | ||
} | ||
_createClass(AntCollapse, [{ | ||
key: 'render', | ||
value: function render() { | ||
return React.createElement(Collapse, this.props); | ||
} | ||
}]); | ||
return AntCollapse; | ||
})(React.Component); | ||
AntCollapse.defaultProps = { | ||
prefixCls: prefixCls | ||
}; | ||
AntCollapse.Panel = Collapse.Panel; | ||
module.exports = AntCollapse; |
'use strict'; | ||
var _interopRequireWildcard = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; | ||
Object.defineProperty(exports, '__esModule', { | ||
@@ -9,44 +7,44 @@ value: true | ||
var _React = require('react'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
var _React2 = _interopRequireWildcard(_React); | ||
var _react = require('react'); | ||
var _Calendar = require('rc-calendar'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _Calendar2 = _interopRequireWildcard(_Calendar); | ||
var _rcCalendar = require('rc-calendar'); | ||
var _GregorianCalendar = require('gregorian-calendar'); | ||
var _rcCalendar2 = _interopRequireDefault(_rcCalendar); | ||
var _GregorianCalendar2 = _interopRequireWildcard(_GregorianCalendar); | ||
var _gregorianCalendar = require('gregorian-calendar'); | ||
var _zhCn = require('gregorian-calendar/lib/locale/zh-cn'); | ||
var _gregorianCalendar2 = _interopRequireDefault(_gregorianCalendar); | ||
var _zhCn2 = _interopRequireWildcard(_zhCn); | ||
var _gregorianCalendarLibLocaleZhCn = require('gregorian-calendar/lib/locale/zh-cn'); | ||
var _CalendarLocale = require('rc-calendar/lib/locale/zh-cn'); | ||
var _gregorianCalendarLibLocaleZhCn2 = _interopRequireDefault(_gregorianCalendarLibLocaleZhCn); | ||
var _CalendarLocale2 = _interopRequireWildcard(_CalendarLocale); | ||
var _rcCalendarLibLocaleZhCn = require('rc-calendar/lib/locale/zh-cn'); | ||
var _DateTimeFormat = require('gregorian-calendar-format'); | ||
var _rcCalendarLibLocaleZhCn2 = _interopRequireDefault(_rcCalendarLibLocaleZhCn); | ||
var _DateTimeFormat2 = _interopRequireWildcard(_DateTimeFormat); | ||
var _gregorianCalendarFormat = require('gregorian-calendar-format'); | ||
var _gregorianCalendarFormat2 = _interopRequireDefault(_gregorianCalendarFormat); | ||
// 和顶部文案保持一致 | ||
var _Locale = require('gregorian-calendar-format/lib/locale/zh-cn'); | ||
var _gregorianCalendarFormatLibLocaleZhCn = require('gregorian-calendar-format/lib/locale/zh-cn'); | ||
var _Locale2 = _interopRequireWildcard(_Locale); | ||
var _gregorianCalendarFormatLibLocaleZhCn2 = _interopRequireDefault(_gregorianCalendarFormatLibLocaleZhCn); | ||
'use strict'; | ||
var Datepicker = _rcCalendar2['default'].Picker; | ||
var Datepicker = _Calendar2['default'].Picker; | ||
_gregorianCalendarFormatLibLocaleZhCn2['default'].shortMonths = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']; | ||
_Locale2['default'].shortMonths = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']; | ||
// 以下两行代码 | ||
// 给没有初始值的日期选择框提供本地化信息 | ||
var defaultCalendarValue = new _GregorianCalendar2['default'](_zhCn2['default']); | ||
var defaultCalendarValue = new _gregorianCalendar2['default'](_gregorianCalendarLibLocaleZhCn2['default']); | ||
defaultCalendarValue.setTime(Date.now()); | ||
exports['default'] = _React2['default'].createClass({ | ||
exports['default'] = _react2['default'].createClass({ | ||
displayName: 'index', | ||
@@ -57,3 +55,3 @@ | ||
if (this.props.value) { | ||
value = new _GregorianCalendar2['default'](_zhCn2['default']); | ||
value = new _gregorianCalendar2['default'](_gregorianCalendarLibLocaleZhCn2['default']); | ||
value.setTime(new Date(this.props.value).valueOf()); | ||
@@ -67,3 +65,3 @@ } | ||
if (nextProps.value) { | ||
var value = new _GregorianCalendar2['default'](_zhCn2['default']); | ||
var value = new _gregorianCalendar2['default'](_gregorianCalendarLibLocaleZhCn2['default']); | ||
value.setTime(new Date(nextProps.value).valueOf()); | ||
@@ -90,5 +88,5 @@ this.setState({ | ||
render: function render() { | ||
var calendar = _React2['default'].createElement(_Calendar2['default'], { | ||
disabledDate: this.props.disabled, | ||
locale: _CalendarLocale2['default'], | ||
var calendar = _react2['default'].createElement(_rcCalendar2['default'], { | ||
disabledDate: this.props.disabledDate, | ||
locale: _rcCalendarLibLocaleZhCn2['default'], | ||
orient: ['top', 'left'], | ||
@@ -100,14 +98,14 @@ defaultValue: defaultCalendarValue, | ||
showClear: false }); | ||
return _React2['default'].createElement( | ||
return _react2['default'].createElement( | ||
Datepicker, | ||
{ | ||
transitionName: this.props.transitionName, | ||
trigger: _React2['default'].createElement('span', { className: 'ant-calendar-picker-icon' }), | ||
trigger: _react2['default'].createElement('span', { className: 'ant-calendar-picker-icon' }), | ||
calendar: calendar, | ||
adjustOrientOnCalendarOverflow: false, | ||
formatter: new _DateTimeFormat2['default'](this.props.format), | ||
formatter: new _gregorianCalendarFormat2['default'](this.props.format), | ||
value: this.state.value, | ||
prefixCls: 'ant-calendar-picker', | ||
onChange: this.handleChange }, | ||
_React2['default'].createElement('input', { placeholder: this.props.placeholder, className: 'ant-calendar-picker-input' }) | ||
_react2['default'].createElement('input', { disabled: this.props.disabled, placeholder: this.props.placeholder, className: 'ant-calendar-picker-input ant-input' }) | ||
); | ||
@@ -114,0 +112,0 @@ } |
@@ -1,1 +0,88 @@ | ||
"use strict"; | ||
'use strict'; | ||
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 _rcNotification = require('rc-notification'); | ||
var _rcNotification2 = _interopRequireDefault(_rcNotification); | ||
var defaultDuration = 1.5; | ||
var getMessageInstance = function getMessageInstance() { | ||
return _rcNotification2['default'].newInstance({ | ||
prefixCls: 'ant-message', | ||
transitionName: 'move-up', | ||
style: {} // 覆盖原来的样式 | ||
}); | ||
}; | ||
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 | ||
) | ||
) | ||
}); | ||
}, | ||
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 | ||
) | ||
) | ||
}); | ||
}, | ||
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 | ||
) | ||
) | ||
}); | ||
} | ||
}; | ||
module.exports = exports['default']; |
@@ -51,7 +51,7 @@ 'use strict'; | ||
'button', | ||
{ type: 'button', className: 'ant-btn-default ant-btn', onClick: this.handleCancel }, | ||
{ key: 'cancel', type: 'button', className: 'ant-btn-default ant-btn', onClick: this.handleCancel }, | ||
'取 消' | ||
), React.createElement( | ||
'button', | ||
{ type: 'button', className: 'ant-btn-primary ant-btn', onClick: this.handleOk }, | ||
{ key: 'confirm', type: 'button', className: 'ant-btn-primary ant-btn', onClick: this.handleOk }, | ||
'确 定' | ||
@@ -58,0 +58,0 @@ )]; |
'use strict'; | ||
var _interopRequireWildcard = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; | ||
Object.defineProperty(exports, '__esModule', { | ||
@@ -9,15 +7,15 @@ value: true | ||
var _React = require('react'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
var _React2 = _interopRequireWildcard(_React); | ||
var _react = require('react'); | ||
var _Tooltip = require('rc-tooltip'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _Tooltip2 = _interopRequireWildcard(_Tooltip); | ||
var _rcTooltip = require('rc-tooltip'); | ||
'use strict'; | ||
var _rcTooltip2 = _interopRequireDefault(_rcTooltip); | ||
var prefixCls = 'ant-popover'; | ||
exports['default'] = _React2['default'].createClass({ | ||
exports['default'] = _react2['default'].createClass({ | ||
displayName: 'index', | ||
@@ -52,26 +50,26 @@ | ||
render: function render() { | ||
var overlay = _React2['default'].createElement( | ||
var overlay = _react2['default'].createElement( | ||
'div', | ||
null, | ||
_React2['default'].createElement( | ||
_react2['default'].createElement( | ||
'div', | ||
{ className: prefixCls + '-content' }, | ||
_React2['default'].createElement( | ||
_react2['default'].createElement( | ||
'p', | ||
{ className: prefixCls + '-message' }, | ||
_React2['default'].createElement('i', { className: 'anticon anticon-exclamation-circle' }), | ||
_react2['default'].createElement('i', { className: 'anticon anticon-exclamation-circle' }), | ||
this.props.title | ||
), | ||
_React2['default'].createElement( | ||
_react2['default'].createElement( | ||
'div', | ||
{ className: prefixCls + '-buttons' }, | ||
_React2['default'].createElement( | ||
_react2['default'].createElement( | ||
'button', | ||
{ onClick: this.cancel, className: 'ant-btn ant-btn-sm' }, | ||
'取 消' | ||
), | ||
_react2['default'].createElement( | ||
'button', | ||
{ onClick: this.confirm, className: 'ant-btn ant-btn-primary ant-btn-sm' }, | ||
'确 定' | ||
), | ||
_React2['default'].createElement( | ||
'button', | ||
{ onClick: this.cancel, className: 'ant-btn ant-btn-sm' }, | ||
'取 消' | ||
) | ||
@@ -89,4 +87,4 @@ ) | ||
return _React2['default'].createElement( | ||
_Tooltip2['default'], | ||
return _react2['default'].createElement( | ||
_rcTooltip2['default'], | ||
{ placement: this.props.placement, | ||
@@ -93,0 +91,0 @@ prefixCls: prefixCls, |
'use strict'; | ||
var _interopRequireWildcard = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; | ||
Object.defineProperty(exports, '__esModule', { | ||
@@ -9,15 +7,15 @@ value: true | ||
var _React = require('react'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
var _React2 = _interopRequireWildcard(_React); | ||
var _react = require('react'); | ||
var _Tooltip = require('rc-tooltip'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _Tooltip2 = _interopRequireWildcard(_Tooltip); | ||
var _rcTooltip = require('rc-tooltip'); | ||
'use strict'; | ||
var _rcTooltip2 = _interopRequireDefault(_rcTooltip); | ||
var prefixCls = 'ant-popover'; | ||
exports['default'] = _React2['default'].createClass({ | ||
exports['default'] = _react2['default'].createClass({ | ||
displayName: 'index', | ||
@@ -33,6 +31,6 @@ | ||
render: function render() { | ||
var overlay = _React2['default'].createElement( | ||
var overlay = _react2['default'].createElement( | ||
'div', | ||
null, | ||
_React2['default'].createElement( | ||
_react2['default'].createElement( | ||
'div', | ||
@@ -42,3 +40,3 @@ { className: prefixCls + '-title' }, | ||
), | ||
_React2['default'].createElement( | ||
_react2['default'].createElement( | ||
'div', | ||
@@ -57,6 +55,7 @@ { className: prefixCls + '-content' }, | ||
return _React2['default'].createElement( | ||
_Tooltip2['default'], | ||
return _react2['default'].createElement( | ||
_rcTooltip2['default'], | ||
{ placement: this.props.placement, | ||
prefixCls: prefixCls, | ||
delay: 0.1, | ||
renderPopupToBody: false, | ||
@@ -63,0 +62,0 @@ transitionName: transitionName, |
@@ -6,2 +6,3 @@ 'use strict'; | ||
var React = require('react'); | ||
var assign = require('object-assign'); | ||
@@ -21,23 +22,25 @@ var Line = React.createClass({ | ||
var statusColorMap = { | ||
normal: '#3FC7FA', | ||
exception: '#FE8C6A', | ||
success: '#85D262' | ||
'normal': '#3FC7FA', | ||
'exception': '#FE8C6A', | ||
'success': '#85D262' | ||
}; | ||
if (parseInt(this.props.percent) === 100) { | ||
this.props.status = 'success'; | ||
var props = assign({}, this.props); | ||
if (parseInt(props.percent) === 100) { | ||
props.status = 'success'; | ||
} | ||
var style = { | ||
width: this.props.width | ||
'width': props.width | ||
}; | ||
var fontSize = this.props.width / 100 * this.props.strokeWidth; | ||
var fontSize = props.width / 100 * props.strokeWidth; | ||
var iconStyle = { | ||
'font-size': fontSize < 14 ? 14 : fontSize | ||
'fontSize': fontSize < 12 ? 12 : fontSize | ||
}; | ||
var textStyle = { | ||
color: statusColorMap[this.props.status] | ||
'color': statusColorMap[props.status] | ||
}; | ||
var progressInfo; | ||
if (this.props.status === 'exception') { | ||
if (props.status === 'exception') { | ||
progressInfo = React.createElement( | ||
@@ -48,3 +51,3 @@ 'span', | ||
); | ||
} else if (this.props.status === 'success') { | ||
} else if (props.status === 'success') { | ||
progressInfo = React.createElement( | ||
@@ -59,3 +62,3 @@ 'span', | ||
{ className: 'ant-progress-line-text' }, | ||
this.props.percent, | ||
props.percent, | ||
'%' | ||
@@ -71,4 +74,4 @@ ); | ||
{ className: 'ant-progress-line-inner', style: style }, | ||
React.createElement(Progressline, { percent: this.props.percent, strokeWidth: this.props.strokeWidth, | ||
strokeColor: statusColorMap[this.props.status], trailColor: '#e9e9e9' }) | ||
React.createElement(Progressline, { percent: props.percent, strokeWidth: props.strokeWidth, | ||
strokeColor: statusColorMap[props.status], trailColor: '#e9e9e9' }) | ||
), | ||
@@ -93,23 +96,25 @@ progressInfo | ||
var statusColorMap = { | ||
normal: '#3FC7FA', | ||
exception: '#FE8C6A', | ||
success: '#85D262' | ||
'normal': '#3FC7FA', | ||
'exception': '#FE8C6A', | ||
'success': '#85D262' | ||
}; | ||
if (parseInt(this.props.percent) === 100) { | ||
this.props.status = 'success'; | ||
var props = assign({}, this.props); | ||
if (parseInt(props.percent) === 100) { | ||
props.status = 'success'; | ||
} | ||
var style = { | ||
width: this.props.width, | ||
height: this.props.width | ||
'width': props.width, | ||
'height': props.width | ||
}; | ||
var wrapStyle = { | ||
'font-size': this.props.width * 0.16 + 6 | ||
'fontSize': props.width * 0.16 + 6 | ||
}; | ||
var textStyle = { | ||
color: statusColorMap[this.props.status] | ||
'color': statusColorMap[props.status] | ||
}; | ||
var progressInfo; | ||
if (this.props.status === 'exception') { | ||
if (props.status === 'exception') { | ||
progressInfo = React.createElement( | ||
@@ -120,3 +125,3 @@ 'span', | ||
); | ||
} else if (this.props.status === 'success') { | ||
} else if (props.status === 'success') { | ||
progressInfo = React.createElement( | ||
@@ -131,3 +136,3 @@ 'span', | ||
{ className: 'ant-progress-circle-text' }, | ||
this.props.percent, | ||
props.percent, | ||
'%' | ||
@@ -143,4 +148,4 @@ ); | ||
{ className: 'ant-progress-circle-inner', style: style }, | ||
React.createElement(Progresscircle, { percent: this.props.percent, strokeWidth: this.props.strokeWidth, | ||
strokeColor: statusColorMap[this.props.status], trailColor: '#e9e9e9' }), | ||
React.createElement(Progresscircle, { percent: props.percent, strokeWidth: props.strokeWidth, | ||
strokeColor: statusColorMap[props.status], trailColor: '#e9e9e9' }), | ||
progressInfo | ||
@@ -147,0 +152,0 @@ ) |
@@ -19,2 +19,4 @@ 'use strict'; | ||
} | ||
}); | ||
}); | ||
module.exports.Option = Select.Option; |
@@ -1,1 +0,19 @@ | ||
"use strict"; | ||
'use strict'; | ||
var React = require('react'); | ||
var Slider = require('rc-slider'); | ||
var AntSlider = React.createClass({ | ||
displayName: 'AntSlider', | ||
getDefaultProps: function getDefaultProps() { | ||
return { | ||
className: 'ant-slider' | ||
}; | ||
}, | ||
render: function render() { | ||
return React.createElement(Slider, this.props); | ||
} | ||
}); | ||
module.exports = AntSlider; |
@@ -12,3 +12,5 @@ 'use strict'; | ||
prefixCls: 'ant-steps', | ||
size: 'default' | ||
iconPrefix: 'ant', | ||
size: 'default', | ||
maxDescriptionWidth: 100 | ||
}; | ||
@@ -19,3 +21,6 @@ }, | ||
Steps, | ||
{ size: this.props.size, prefixCls: this.props.prefixCls }, | ||
{ size: this.props.size, | ||
iconPrefix: this.props.iconPrefix, | ||
maxDescriptionWidth: this.props.maxDescriptionWidth, | ||
prefixCls: this.props.prefixCls }, | ||
this.props.children | ||
@@ -22,0 +27,0 @@ ); |
@@ -1,1 +0,19 @@ | ||
"use strict"; | ||
'use strict'; | ||
var Switch = require('rc-switch'); | ||
var React = require('react'); | ||
var AntSwitch = React.createClass({ | ||
displayName: 'AntSwitch', | ||
getDefaultProps: function getDefaultProps() { | ||
return { | ||
prefixCls: 'ant-switch' | ||
}; | ||
}, | ||
render: function render() { | ||
return React.createElement(Switch, this.props); | ||
} | ||
}); | ||
module.exports = AntSwitch; |
@@ -1,1 +0,386 @@ | ||
"use strict"; | ||
'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; }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
var _react = require('react'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _jquery = require('jquery'); | ||
var _jquery2 = _interopRequireDefault(_jquery); | ||
var _rcTable = require('rc-table'); | ||
var _rcTable2 = _interopRequireDefault(_rcTable); | ||
var _dropdown = require('../dropdown'); | ||
var _dropdown2 = _interopRequireDefault(_dropdown); | ||
var _checkbox = require('../checkbox'); | ||
var _checkbox2 = _interopRequireDefault(_checkbox); | ||
var _filterMenu = require('./filterMenu'); | ||
var _filterMenu2 = _interopRequireDefault(_filterMenu); | ||
var _pagination = require('../pagination'); | ||
var _pagination2 = _interopRequireDefault(_pagination); | ||
var _objectAssign = require('object-assign'); | ||
var _objectAssign2 = _interopRequireDefault(_objectAssign); | ||
var AntTable = _react2['default'].createClass({ | ||
displayName: 'AntTable', | ||
getInitialState: function getInitialState() { | ||
// 支持两种模式 | ||
if (Array.isArray(this.props.dataSource)) { | ||
this.mode = 'local'; | ||
// 保留原来的数据 | ||
this.originDataSource = this.props.dataSource.slice(0); | ||
} else { | ||
this.mode = 'remote'; | ||
this.dataSource = (0, _objectAssign2['default'])({ | ||
resolve: function resolve(data) { | ||
return data || []; | ||
}, | ||
getParams: function getParams() {}, | ||
getPagination: function getPagination() {} | ||
}, this.props.dataSource); | ||
} | ||
var pagination = undefined; | ||
if (this.props.pagination === false) { | ||
pagination = false; | ||
} else { | ||
pagination = (0, _objectAssign2['default'])({ | ||
pageSize: 10, | ||
total: this.props.dataSource.length | ||
}, this.props.pagination); | ||
} | ||
return { | ||
selectedRowKeys: [], | ||
loading: false, | ||
pagination: pagination, | ||
data: [] | ||
}; | ||
}, | ||
getDefaultProps: function getDefaultProps() { | ||
return { | ||
prefixCls: 'ant-table', | ||
useFixedHeader: false, | ||
rowSelection: null, | ||
size: 'normal' | ||
}; | ||
}, | ||
toggleSortOrder: function toggleSortOrder(order, column) { | ||
var sortColumn = this.state.sortColumn; | ||
var sortOrder = this.state.sortOrder; | ||
var sorter = undefined; | ||
// 同时允许一列进行排序,否则会导致排序顺序的逻辑问题 | ||
if (sortColumn) { | ||
sortColumn.className = ''; | ||
} | ||
if (sortColumn !== column) { | ||
// 当前列未排序 | ||
sortOrder = order; | ||
sortColumn = column; | ||
sortColumn.className = 'ant-table-column-sort'; | ||
} else { | ||
// 当前列已排序 | ||
if (sortOrder === order) { | ||
// 切换为未排序状态 | ||
sortOrder = ''; | ||
sortColumn = null; | ||
} else { | ||
// 切换为排序状态 | ||
sortOrder = order; | ||
sortColumn.className = 'ant-table-column-sort'; | ||
} | ||
} | ||
if (this.mode === 'local') { | ||
sorter = function () { | ||
var result = column.sorter.apply(this, arguments); | ||
if (sortOrder === 'ascend') { | ||
return result; | ||
} else if (sortOrder === 'descend') { | ||
return -result; | ||
} | ||
}; | ||
} | ||
this.setState({ | ||
sortOrder: sortOrder, | ||
sortColumn: sortColumn, | ||
sorter: sorter | ||
}, this.fetch); | ||
}, | ||
handleFilter: function handleFilter(column) { | ||
var columnIndex = this.props.columns.indexOf(column); | ||
var filterFns = []; | ||
if (this.mode === 'local') { | ||
filterFns[columnIndex] = function (record) { | ||
if (column.selectedFilters.length === 0) { | ||
return true; | ||
} | ||
return column.selectedFilters.some(function (value) { | ||
return column.onFilter.call(this, value, record); | ||
}); | ||
}; | ||
} | ||
this.setState({ | ||
filterFns: filterFns | ||
}, this.fetch); | ||
}, | ||
handleSelect: function handleSelect(rowIndex, e) { | ||
var _this = this; | ||
var checked = e.target.checked; | ||
if (checked) { | ||
this.state.selectedRowKeys.push(rowIndex); | ||
} else { | ||
this.state.selectedRowKeys = this.state.selectedRowKeys.filter(function (i) { | ||
return rowIndex !== i; | ||
}); | ||
} | ||
this.setState({ | ||
selectedRowKeys: this.state.selectedRowKeys | ||
}); | ||
if (this.props.rowSelection.onSelect) { | ||
var currentRow = this.state.data[rowIndex - 1]; | ||
var selectedRows = this.state.data.filter(function (row, i) { | ||
return _this.state.selectedRowKeys.indexOf(i + 1) >= 0; | ||
}); | ||
this.props.rowSelection.onSelect(currentRow, checked, selectedRows); | ||
} | ||
}, | ||
handleSelectAllRow: function handleSelectAllRow(e) { | ||
var checked = e.target.checked; | ||
var selectedRowKeys = checked ? this.state.data.map(function (item, i) { | ||
return i + 1; | ||
}) : []; | ||
this.setState({ | ||
selectedRowKeys: selectedRowKeys | ||
}); | ||
if (this.props.rowSelection.onSelectAll) { | ||
var selectedRows = this.state.data.filter(function (row, i) { | ||
return selectedRowKeys.indexOf(i + 1) >= 0; | ||
}); | ||
this.props.rowSelection.onSelectAll(checked, selectedRows); | ||
} | ||
}, | ||
handlePageChange: function handlePageChange(current) { | ||
var pagination = this.state.pagination; | ||
pagination.current = current || 1; | ||
this.setState({ | ||
pagination: pagination | ||
}, this.fetch); | ||
}, | ||
renderSelectionCheckBox: function renderSelectionCheckBox(value, record, index) { | ||
var rowIndex = index + 1; // 从 1 开始 | ||
var checked = this.state.selectedRowKeys.indexOf(rowIndex) >= 0; | ||
return _react2['default'].createElement(_checkbox2['default'], { checked: checked, onChange: this.handleSelect.bind(this, rowIndex) }); | ||
}, | ||
renderRowSelection: function renderRowSelection() { | ||
var columns = this.props.columns; | ||
if (this.props.rowSelection) { | ||
var checked = this.state.data.every(function (item, i) { | ||
return this.state.selectedRowKeys.indexOf(i + 1) >= 0; | ||
}, this); | ||
var checkboxAll = _react2['default'].createElement(_checkbox2['default'], { checked: checked, onChange: this.handleSelectAllRow }); | ||
var selectionColumn = { | ||
key: 'selection-column', | ||
title: checkboxAll, | ||
width: 60, | ||
render: this.renderSelectionCheckBox, | ||
className: 'ant-table-selection-column' | ||
}; | ||
if (columns[0] && columns[0].key === 'selection-column') { | ||
columns[0] = selectionColumn; | ||
} else { | ||
columns.unshift(selectionColumn); | ||
} | ||
} | ||
return columns; | ||
}, | ||
renderColumnsDropdown: function renderColumnsDropdown() { | ||
var _this2 = this; | ||
return this.props.columns.map(function (column) { | ||
if (!column.originTitle) { | ||
column.originTitle = column.title; | ||
} | ||
var filterDropdown = undefined, | ||
menus = undefined, | ||
sortButton = undefined; | ||
if (column.filters && column.filters.length > 0) { | ||
column.selectedFilters = column.selectedFilters || []; | ||
menus = _react2['default'].createElement(_filterMenu2['default'], { column: column, confirmFilter: _this2.handleFilter.bind(_this2, column) }); | ||
var dropdownSelectedClass = ''; | ||
if (column.selectedFilters && column.selectedFilters.length > 0) { | ||
dropdownSelectedClass = 'ant-table-filter-selected'; | ||
} | ||
filterDropdown = _react2['default'].createElement( | ||
_dropdown2['default'], | ||
{ trigger: 'click', | ||
closeOnSelect: false, | ||
overlay: menus }, | ||
_react2['default'].createElement('i', { title: '筛选', className: 'anticon anticon-bars ' + dropdownSelectedClass }) | ||
); | ||
} | ||
if (column.sorter) { | ||
var isSortColumn = _this2.state.sortColumn === column; | ||
sortButton = _react2['default'].createElement( | ||
'div', | ||
{ className: 'ant-table-column-sorter' }, | ||
_react2['default'].createElement( | ||
'span', | ||
{ className: 'ant-table-column-sorter-up ' + (isSortColumn && _this2.state.sortOrder === 'ascend' ? 'on' : 'off'), | ||
title: '升序排序', | ||
onClick: _this2.toggleSortOrder.bind(_this2, 'ascend', column) }, | ||
_react2['default'].createElement('i', { className: 'anticon anticon-caret-up' }) | ||
), | ||
_react2['default'].createElement( | ||
'span', | ||
{ className: 'ant-table-column-sorter-down ' + (isSortColumn && _this2.state.sortOrder === 'descend' ? 'on' : 'off'), | ||
title: '降序排序', | ||
onClick: _this2.toggleSortOrder.bind(_this2, 'descend', column) }, | ||
_react2['default'].createElement('i', { className: 'anticon anticon-caret-down' }) | ||
) | ||
); | ||
} | ||
column.title = [column.originTitle, sortButton, filterDropdown]; | ||
return column; | ||
}); | ||
}, | ||
renderPagination: function renderPagination() { | ||
// 强制不需要分页 | ||
if (this.state.pagination === false) { | ||
return ''; | ||
} | ||
var classString = 'ant-table-pagination'; | ||
if (this.props.size === 'small') { | ||
classString += ' mini'; | ||
} | ||
return _react2['default'].createElement(_pagination2['default'], _extends({ className: classString, | ||
onChange: this.handlePageChange | ||
}, this.state.pagination)); | ||
}, | ||
prepareParamsArguments: function prepareParamsArguments() { | ||
// 准备筛选、排序、分页的参数 | ||
var pagination = undefined; | ||
var filters = {}; | ||
var sorter = {}; | ||
pagination = this.state.pagination; | ||
this.props.columns.forEach(function (column) { | ||
if (column.dataIndex && column.selectedFilters && column.selectedFilters.length > 0) { | ||
filters[column.dataIndex] = column.selectedFilters; | ||
} | ||
}); | ||
if (this.state.sortColumn && this.state.sortOrder && this.state.sortColumn.dataIndex) { | ||
sorter.field = this.state.sortColumn.dataIndex; | ||
sorter.order = this.state.sortOrder; | ||
} | ||
return [pagination, filters, sorter]; | ||
}, | ||
fetch: function fetch() { | ||
var _this3 = this; | ||
if (this.mode === 'remote') { | ||
(function () { | ||
// remote 模式使用 this.dataSource | ||
var dataSource = _this3.dataSource; | ||
_this3.setState({ | ||
loading: true | ||
}); | ||
_jquery2['default'].ajax({ | ||
url: dataSource.url, | ||
data: dataSource.getParams.apply(_this3, _this3.prepareParamsArguments()) || {}, | ||
headers: dataSource.headers, | ||
dataType: 'json', | ||
success: function success(result) { | ||
if (_this3.isMounted()) { | ||
var pagination = (0, _objectAssign2['default'])(_this3.state.pagination, dataSource.getPagination.call(_this3, result)); | ||
_this3.setState({ | ||
data: dataSource.resolve.call(_this3, result), | ||
pagination: pagination, | ||
loading: false | ||
}); | ||
} | ||
}, | ||
error: function error() { | ||
_this3.setState({ | ||
loading: false | ||
}); | ||
} | ||
}); | ||
})(); | ||
} else { | ||
(function () { | ||
var data = _this3.props.dataSource; | ||
var pageSize = _this3.state.pagination.pageSize; | ||
var current = _this3.state.pagination.current; | ||
// 排序 | ||
if (_this3.state.sortOrder && _this3.state.sorter) { | ||
data = data.sort(_this3.state.sorter); | ||
} else { | ||
data = _this3.originDataSource.slice(); | ||
} | ||
// 筛选 | ||
if (_this3.state.filterFns) { | ||
_this3.state.filterFns.forEach(function (filterFn) { | ||
if (typeof filterFn === 'function') { | ||
data = data.filter(filterFn); | ||
} | ||
}); | ||
} | ||
// 分页 | ||
data = data.filter(function (item, i) { | ||
if (i >= (current - 1) * pageSize && i < current * pageSize) { | ||
return item; | ||
} | ||
}); | ||
// 完成数据 | ||
_this3.setState({ | ||
data: data | ||
}); | ||
})(); | ||
} | ||
}, | ||
componentDidMount: function componentDidMount() { | ||
this.handlePageChange(); | ||
}, | ||
render: function render() { | ||
this.props.columns = this.renderRowSelection(); | ||
var classString = ''; | ||
if (this.state.loading) { | ||
classString += ' ant-table-loading'; | ||
} | ||
if (this.props.size === 'small') { | ||
classString += ' ant-table-small'; | ||
} | ||
return _react2['default'].createElement( | ||
'div', | ||
{ className: 'clearfix' }, | ||
_react2['default'].createElement(_rcTable2['default'], _extends({ data: this.state.data, | ||
columns: this.renderColumnsDropdown(), | ||
className: classString | ||
}, this.props)), | ||
this.renderPagination() | ||
); | ||
} | ||
}); | ||
exports['default'] = AntTable; | ||
module.exports = exports['default']; |
'use strict'; | ||
var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; | ||
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 _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; }; })(); | ||
var _inherits = function (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; }; | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
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; }; | ||
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; } | ||
var Tabs = require('rc-tabs'); | ||
@@ -16,12 +18,10 @@ var React = require('react'); | ||
var AntTabs = (function (_React$Component) { | ||
_inherits(AntTabs, _React$Component); | ||
function AntTabs() { | ||
_classCallCheck(this, AntTabs); | ||
if (_React$Component != null) { | ||
_React$Component.apply(this, arguments); | ||
} | ||
_get(Object.getPrototypeOf(AntTabs.prototype), 'constructor', this).apply(this, arguments); | ||
} | ||
_inherits(AntTabs, _React$Component); | ||
_createClass(AntTabs, [{ | ||
@@ -28,0 +28,0 @@ key: 'render', |
@@ -25,2 +25,3 @@ 'use strict'; | ||
prefixCls: 'ant-tooltip', | ||
delay: 0.1, | ||
trigger: this.props.trigger, | ||
@@ -27,0 +28,0 @@ transitionName: transitionName, |
{ | ||
"name": "antd", | ||
"version": "0.1.0-pre", | ||
"version": "0.7.0-beta1", | ||
"title": "Ant Design", | ||
"description": "下一个设计&前端框架", | ||
"homepage": "http://ant-design.github.io/", | ||
"description": "一个设计&前端框架", | ||
"homepage": "http://ant.design/", | ||
"keywords": [ | ||
"ant", | ||
"design", | ||
"react", | ||
"react-component", | ||
"component", | ||
"components", | ||
"ui", | ||
"framework", | ||
"frontend" | ||
], | ||
"contributors": ["ant"], | ||
"repository": { | ||
@@ -14,38 +26,47 @@ "type": "git", | ||
}, | ||
"main": "lib/index", | ||
"files": ["lib"], | ||
"license": "MIT", | ||
"dependencies": { | ||
"css-animation": "~1.0.3", | ||
"gregorian-calendar": "~3.0.0", | ||
"gregorian-calendar-format": "~3.0.1", | ||
"object-assign": "~3.0.0", | ||
"rc-calendar": "~3.10.0", | ||
"rc-dialog": "~4.3.5", | ||
"rc-collapse": "~1.2.2", | ||
"rc-dialog": "~4.4.0", | ||
"rc-dropdown": "~1.1.1", | ||
"rc-input-number": "~2.0.0", | ||
"rc-menu": "~3.4.0", | ||
"rc-input-number": "~2.0.1", | ||
"rc-menu": "~3.4.2", | ||
"rc-notification": "~1.0.1", | ||
"rc-pagination": "^1.0.0", | ||
"rc-progress": "~1.0.0", | ||
"rc-select": "~4.0.0", | ||
"rc-steps": "~1.1.0", | ||
"rc-tabs": "~5.1.0", | ||
"rc-tooltip": "~2.2.3", | ||
"react-router": "~0.13.3" | ||
"rc-select": "~4.4.0", | ||
"rc-slider": "~1.2.6", | ||
"rc-steps": "~1.1.4", | ||
"rc-switch": "~1.2.0", | ||
"rc-table": "~3.1.0", | ||
"rc-tabs": "~5.2.0", | ||
"rc-tooltip": "~2.4.0", | ||
"rc-checkbox":"~1.0.0", | ||
"rc-radio":"~2.0.0" | ||
}, | ||
"devDependencies": { | ||
"css-animation": "~1.0.3", | ||
"autoprefixer-loader": "~2.0.0", | ||
"babel": "~5.6.14", | ||
"babel-core": "~5.4.7", | ||
"babel-loader": "~5.1.3", | ||
"buildbranch": "0.0.3", | ||
"concurrently": "~0.1.0", | ||
"css-loader": "~0.13.1", | ||
"buildbranch": "^0.0.3", | ||
"css-loader": "^0.14.1", | ||
"eslint": "~0.22.1", | ||
"eslint-plugin-react": "~2.5.0", | ||
"extract-text-webpack-plugin": "~0.8.1", | ||
"jshint": "~2.8.0", | ||
"json-loader": "~0.5.1", | ||
"extract-text-webpack-plugin": "^0.8.1", | ||
"json-loader": "^0.5.1", | ||
"less": "~2.5.1", | ||
"less-loader": "~2.2.0", | ||
"lodash": "~3.8.0", | ||
"less-loader": "^2.2.0", | ||
"lodash": "^3.10.0", | ||
"nico-jsx": "~0.5.8", | ||
"precommit-hook": "~1.0.7", | ||
"style-loader": "~0.12.2", | ||
"webpack": "~1.9.7", | ||
"webpack-dev-middleware": "~1.0.11" | ||
"precommit-hook": "^1.0.7", | ||
"webpack": "^1.10.1", | ||
"webpack-dev-middleware": "^1.2.0" | ||
}, | ||
@@ -55,8 +76,9 @@ "scripts": { | ||
"build": "npm run clean && webpack && nico build", | ||
"pack": "npm run clean && webpack --optimize-minimize && nico build", | ||
"start": "npm run clean && nico server --watch", | ||
"clean": "rm -rf _site", | ||
"deploy": "npm run build && node deploy.js", | ||
"deploy": "rm -rf node_modules && node scripts/install.js && npm run pack && node scripts/deploy.js", | ||
"lint": "eslint components index.js --ext '.js,.jsx'", | ||
"test": "webpack && npm run lint", | ||
"prepublish": "npm run babel" | ||
"prepublish": "npm run babel && rm -rf dist && webpack && node scripts/prenpm.js" | ||
}, | ||
@@ -63,0 +85,0 @@ "precommit": [ |
@@ -1,4 +0,4 @@ | ||
# Ant Design [](https://travis-ci.org/ant-design/ant-design) | ||
# Ant Design [](https://travis-ci.org/ant-design/ant-design) [](https://www.npmjs.org/package/antd) [](https://david-dm.org/ant-design/ant-design) | ||
下一个设计&前端框架,基于 React 的企业级前端开发框架。 | ||
一套企业级的前端设计语言和基于 React 的实现。 | ||
@@ -9,26 +9,21 @@ 仍在紧密开发中,预计 8 月份推出 beta 版本。 | ||
## 使用 | ||
### 静态使用 | ||
## 特性 | ||
script 直接引用 `dist/antd.js` `dist/antd.css` 后,通过全局变量 antd 使用 | ||
- 企业级金融产品的交互语言和视觉体系。 | ||
- 丰富实用的 React UI 组件。 | ||
- 基于 React 的组件化开发模式。 | ||
- 背靠 npm 生态圈。 | ||
- 基于 webpack 的调试构建方案,支持 ES6。 | ||
### npm | ||
`npm install antd` 后,使用示例 | ||
## 示例 | ||
```js | ||
require('antd/style/index.less'); | ||
require('antd/lib/datepicker'); | ||
```jsx | ||
var antd = require('antd'); | ||
var Datepicker = antd.Datepicker; | ||
React.render(<Datepicker />, mountNode); | ||
``` | ||
## 特性 | ||
- 丰富实用的 UI 组件。 | ||
- 基于 React 的组件化开发模式。 | ||
- 基于 webpack 的调试构建方案,支持 ES6。 | ||
- 背靠 npm 生态圈。 | ||
- 提炼于企业级金融产品的交互语言和视觉体系,使用 Sketch3 设计。 | ||
## 链接 | ||
@@ -39,3 +34,7 @@ | ||
- [组件](http://ant.design/components/) | ||
- [构建调试工具](https://github.com/ant-design/antd-bin) | ||
- [开发计划](https://github.com/ant-design/ant-design/issues/9) | ||
- [React 模块](http://react-component.github.io/) | ||
- [React 代码规范](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-code-style.md) | ||
- [组件设计原则](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-design.md) | ||
@@ -58,3 +57,3 @@ | ||
#### 部署上线 | ||
#### 部署到 ant.design | ||
@@ -70,7 +69,1 @@ ```bash | ||
``` | ||
#### 发布到 npm | ||
```bash | ||
$ npm run pub | ||
``` |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
New author
Supply chain riskA 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
No contributors or author data
MaintenancePackage does not specify a list of contributors or an author in package.json.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
230937
18
8783
0
1
1
21
29
66
+ Addedobject-assign@~3.0.0
+ Addedrc-checkbox@~1.0.0
+ Addedrc-collapse@~1.2.2
+ Addedrc-notification@~1.0.1
+ Addedrc-pagination@^1.0.0
+ Addedrc-radio@~2.0.0
+ Addedrc-slider@~1.2.6
+ Addedrc-switch@~1.2.0
+ Addedrc-table@~3.1.0
+ Addedbabel-runtime@6.26.0(transitive)
+ Addedclassnames@2.1.5(transitive)
+ Addedcore-js@2.6.12(transitive)
+ Addedrc-checkbox@1.0.6(transitive)
+ Addedrc-collapse@1.2.7(transitive)
+ Addedrc-dialog@4.4.1(transitive)
+ Addedrc-notification@1.0.1(transitive)
+ Addedrc-pagination@1.21.1(transitive)
+ Addedrc-radio@2.0.1(transitive)
+ Addedrc-select@4.4.1(transitive)
+ Addedrc-slider@1.2.10(transitive)
+ Addedrc-switch@1.2.2(transitive)
+ Addedrc-table@3.1.0(transitive)
+ Addedrc-tabs@5.2.0(transitive)
+ Addedrc-tooltip@2.4.1(transitive)
+ Addedreact-lifecycles-compat@3.0.4(transitive)
+ Addedregenerator-runtime@0.11.1(transitive)
- Removedcss-animation@~1.0.3
- Removedreact-router@~0.13.3
- Removedasap@2.0.6(transitive)
- Removedcan-use-dom@0.1.0(transitive)
- Removedcore-js@1.2.7(transitive)
- Removedcreate-react-class@15.7.0(transitive)
- Removedencoding@0.1.13(transitive)
- Removedfbjs@0.8.18(transitive)
- Removediconv-lite@0.6.3(transitive)
- Removedinvariant@2.2.4(transitive)
- Removedis-stream@1.1.0(transitive)
- Removedisomorphic-fetch@2.2.1(transitive)
- Removednode-fetch@1.7.3(transitive)
- Removedpromise@7.3.1(transitive)
- Removedqs@2.4.1(transitive)
- Removedrc-dialog@4.3.5(transitive)
- Removedrc-select@4.0.0(transitive)
- Removedrc-tabs@5.1.0(transitive)
- Removedrc-tooltip@2.2.4(transitive)
- Removedreact@15.7.0(transitive)
- Removedreact-router@0.13.6(transitive)
- Removedsafer-buffer@2.1.2(transitive)
- Removedsetimmediate@1.0.5(transitive)
- Removedua-parser-js@0.7.40(transitive)
- Removedwhatwg-fetch@3.6.20(transitive)
Updatedrc-dialog@~4.4.0
Updatedrc-input-number@~2.0.1
Updatedrc-menu@~3.4.2
Updatedrc-select@~4.4.0
Updatedrc-steps@~1.1.4
Updatedrc-tabs@~5.2.0
Updatedrc-tooltip@~2.4.0