Socket
Socket
Sign inDemoInstall

antd

Package Overview
Dependencies
41
Maintainers
3
Versions
827
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.1.0-pre to 0.7.0-beta1

HISTORY.md

36

lib/breadcrumb/index.js
'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.svg)](https://travis-ci.org/ant-design/ant-design)
# 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)
下一个设计&前端框架,基于 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
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc