🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
Sign In

amos-table

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

amos-table - npm Package Compare versions

Comparing version
2.0.4
 to
2.0.5
+123
-97
assets/index.scss

@@ -7,6 +7,7 @@ @import '~crispfit-ui/assets/menu.scss';

$table-prefix-cls: amos-table !default;
$tablePrefixCls: amos-table !default;
$iconPrefixCls: aficon !default;
$dropdownPrefixCls: amos-dropdown-menu;
.#{$table-prefix-cls}-wrapper {
.#{$tablePrefixCls}-wrapper {
zoom: 1;

@@ -28,8 +29,7 @@

.#{$table-prefix-cls} {
.#{$tablePrefixCls} {
@extend %init-component;
position: relative;
overflow: hidden;
font-size: $font-size-base;
color: $text-color;
border-radius: $border-radius-base $border-radius-base 0 0;
clear: both;

@@ -42,3 +42,2 @@ &-body {

width: 100%;
overflow: hidden;
text-align: left;

@@ -50,2 +49,6 @@ border-collapse: separate;

&-layout-fixed table {
table-layout: fixed;
}
&-thead > tr > th {

@@ -55,6 +58,6 @@ font-weight: 500;

text-align: left;
background: $table-header-bg;
background: $table-head-background-color;
transition: background 0.3s ease;
&[colspan] {
&[colspan]:not([colspan='1']) {
text-align: center;

@@ -64,3 +67,3 @@ }

.#{$iconPrefixCls}-filter,
.#{$table-prefix-cls}-filter-icon {
.#{$tablePrefixCls}-filter-icon {
position: relative;

@@ -88,3 +91,3 @@ width: 14px;

.#{$table-prefix-cls}-filter-selected.#{$iconPrefixCls}-filter {
.#{$tablePrefixCls}-filter-selected.#{$iconPrefixCls}-filter {
color: $primary-color;

@@ -94,5 +97,21 @@ }

&-thead > tr:first-child > th {
&:first-child {
border-top-left-radius: $border-radius-base;
}
&:last-child {
border-top-right-radius: $border-radius-base;
}
}
&-thead > tr:not(:last-child) > th {
&[colspan] {
border-bottom: 1px solid $border-color-split;
}
}
&-tbody > tr > td {
border-bottom: 1px solid $border-color-split;
transition: all 0.3s;
transition: all 0.3s, border 0s;
}

@@ -102,5 +121,5 @@

&-tbody > tr {
transition: all 0.3s;
transition: all 0.3s, height 0s;
&.#{$table-prefix-cls}-row-hover,
&.#{$tablePrefixCls}-row-hover,
&:hover {

@@ -119,4 +138,4 @@ & > td {

position: relative;
padding: $table-padding-vertical $table-padding-horizontal;
background: $table-header-bg;
padding: $vertical-padding $horizontal-padding;
background: $table-head-background-color;
border-radius: 0 0 $border-radius-base $border-radius-base;

@@ -130,3 +149,3 @@

height: 1px;
background: $table-header-bg;
background: $table-head-background-color;
content: '';

@@ -136,3 +155,3 @@ }

&.#{$table-prefix-cls}-bordered &-footer {
&.#{$tablePrefixCls}-bordered &-footer {
border: 1px solid $border-color-split;

@@ -144,9 +163,9 @@ }

top: 1px;
padding: $table-padding-vertical 0;
padding: $vertical-padding 0;
border-radius: $border-radius-base $border-radius-base 0 0;
}
&.#{$table-prefix-cls}-bordered &-title {
padding-right: $table-padding-horizontal;
padding-left: $table-padding-horizontal;
&.#{$tablePrefixCls}-bordered &-title {
padding-right: $horizontal-padding;
padding-left: $horizontal-padding;
border: 1px solid $border-color-split;

@@ -157,6 +176,5 @@ }

position: relative;
overflow: hidden;
border-radius: $border-radius-base $border-radius-base 0 0;
.#{$table-prefix-cls}-bordered & {
.#{$tablePrefixCls}-bordered & {
&,

@@ -174,7 +192,12 @@ table {

&-tbody > tr.#{$table-prefix-cls}-row-selected {
&-without-column-header#{&}-bordered#{&}-empty &-placeholder {
border-top: 1px solid $border-color-split;
border-radius: $border-radius-base;
}
&-tbody > tr.#{$tablePrefixCls}-row-selected td {
background: $table-selected-row-bg;
}
&-thead > tr > th.#{$table-prefix-cls}-column-sort {
&-thead > tr > th.#{$tablePrefixCls}-column-sort {
background: $table-header-sort-bg;

@@ -185,13 +208,13 @@ }

&-tbody > tr > td {
padding: $table-padding-vertical $table-padding-horizontal;
padding: $vertical-padding $horizontal-padding;
word-break: break-all;
}
&-thead > tr > th.#{$table-prefix-cls}-selection-column-custom {
&-thead > tr > th.#{$tablePrefixCls}-selection-column-custom {
padding-right: 0;
padding-left: $table-padding-vertical;
padding-left: $vertical-padding;
}
&-thead > tr > th.#{$table-prefix-cls}-selection-column,
&-tbody > tr > td.#{$table-prefix-cls}-selection-column {
&-thead > tr > th.#{$tablePrefixCls}-selection-column,
&-tbody > tr > td.#{$tablePrefixCls}-selection-column {
width: 62px;

@@ -211,3 +234,3 @@ min-width: 62px;

overflow: hidden;
background: $table-header-bg;
background: $table-head-background-color;

@@ -222,3 +245,3 @@ table {

.#{$table-prefix-cls}-body {
.#{$tablePrefixCls}-body {
background: $component-background;

@@ -228,3 +251,3 @@ opacity: 0.5;

.#{$table-prefix-cls}-spin-holder {
.#{$tablePrefixCls}-spin-holder {
position: absolute;

@@ -238,7 +261,7 @@ top: 50%;

.#{$table-prefix-cls}-with-pagination {
.#{$tablePrefixCls}-with-pagination {
margin-top: -20px;
}
.#{$table-prefix-cls}-without-pagination {
.#{$tablePrefixCls}-without-pagination {
margin-top: 10px;

@@ -249,13 +272,13 @@ }

&-middle {
.#{$table-prefix-cls}-thead > tr > th:not(.#{$table-prefix-cls}-selection-column),
.#{$table-prefix-cls}-tbody > tr > td {
.#{$tablePrefixCls}-thead > tr > th:not(.#{$tablePrefixCls}-selection-column),
.#{$tablePrefixCls}-tbody > tr > td {
padding: 10px 8px;
}
.#{$table-prefix-cls}-title,
.#{$table-prefix-cls}-footer {
.#{$tablePrefixCls}-title,
.#{$tablePrefixCls}-footer {
padding: 10px 8px;
}
.#{$table-prefix-cls}-column-sorter-up::after {
.#{$tablePrefixCls}-column-sorter-up::after {
top: -13px;

@@ -265,3 +288,3 @@ height: 13px;

.#{$table-prefix-cls}-column-sorter-down::after {
.#{$tablePrefixCls}-column-sorter-down::after {
bottom: -11px;

@@ -271,5 +294,5 @@ height: 13px;

.#{$table-prefix-cls}-thead > tr > th {
.#{$tablePrefixCls}-thead > tr > th {
.#{$iconPrefixCls}-filter,
.#{$table-prefix-cls}-filter-icon {
.#{$tablePrefixCls}-filter-icon {
&::after {

@@ -287,4 +310,4 @@ top: -13px;

.#{$table-prefix-cls}-header > table,
.#{$table-prefix-cls}-body > table {
.#{$tablePrefixCls}-header > table,
.#{$tablePrefixCls}-body > table {
padding: 0 8px;

@@ -294,3 +317,3 @@ border: 0;

.#{$table-prefix-cls}-thead > tr > th {
.#{$tablePrefixCls}-thead > tr > th {
background: $component-background;

@@ -300,3 +323,3 @@ border-bottom: 1px solid $border-color-split;

.#{$iconPrefixCls}-filter,
.#{$table-prefix-cls}-filter-icon {
.#{$tablePrefixCls}-filter-icon {
&::after {

@@ -309,13 +332,13 @@ top: -14px;

.#{$table-prefix-cls}-tbody > tr > td {
.#{$tablePrefixCls}-tbody > tr > td {
padding: 6px 8px;
}
.#{$table-prefix-cls}-title,
.#{$table-prefix-cls}-footer,
.#{$table-prefix-cls}-thead > tr > th:not(.#{$table-prefix-cls}-selection-column) {
.#{$tablePrefixCls}-title,
.#{$tablePrefixCls}-footer,
.#{$tablePrefixCls}-thead > tr > th:not(.#{$tablePrefixCls}-selection-column) {
padding: 10px 8px;
}
.#{$table-prefix-cls}-title {
.#{$tablePrefixCls}-title {
top: 0;

@@ -325,3 +348,3 @@ border-bottom: 1px solid $border-color-split;

.#{$table-prefix-cls}-header {
.#{$tablePrefixCls}-header {
background: $component-background;

@@ -334,8 +357,8 @@

.#{$table-prefix-cls}-placeholder,
.#{$table-prefix-cls}-row:last-child td {
.#{$tablePrefixCls}-placeholder,
.#{$tablePrefixCls}-row:last-child td {
border-bottom: 0;
}
.#{$table-prefix-cls}-column-sorter-up::after {
.#{$tablePrefixCls}-column-sorter-up::after {
top: -14px;

@@ -345,3 +368,3 @@ height: 13px;

.#{$table-prefix-cls}-column-sorter-down::after {
.#{$tablePrefixCls}-column-sorter-down::after {
bottom: -11px;

@@ -411,6 +434,6 @@ height: 13px;

&-bordered {
.#{$table-prefix-cls}-header > table,
.#{$table-prefix-cls}-body > table,
.#{$table-prefix-cls}-fixed-left table,
.#{$table-prefix-cls}-fixed-right table {
.#{$tablePrefixCls}-header > table,
.#{$tablePrefixCls}-body > table,
.#{$tablePrefixCls}-fixed-left table,
.#{$tablePrefixCls}-fixed-right table {
border: 1px solid $border-color-split;

@@ -421,4 +444,4 @@ border-right: 0;

&.#{$table-prefix-cls}-empty {
.#{$table-prefix-cls}-placeholder {
&.#{$tablePrefixCls}-empty {
.#{$tablePrefixCls}-placeholder {
border-right: 1px solid $border-color-split;

@@ -429,8 +452,8 @@ border-left: 1px solid $border-color-split;

&.#{$table-prefix-cls}-fixed-header {
.#{$table-prefix-cls}-header > table {
&.#{$tablePrefixCls}-fixed-header {
.#{$tablePrefixCls}-header > table {
border-bottom: 0;
}
.#{$table-prefix-cls}-body > table {
.#{$tablePrefixCls}-body > table {
border-top: 0;

@@ -441,7 +464,7 @@ border-top-right-radius: 0;

.#{$table-prefix-cls}-body-inner > table {
.#{$tablePrefixCls}-body-inner > table {
border-top: 0;
}
.#{$table-prefix-cls}-placeholder {
.#{$tablePrefixCls}-placeholder {
border: 0;

@@ -451,18 +474,18 @@ }

.#{$table-prefix-cls}-thead > tr > th {
.#{$tablePrefixCls}-thead > tr > th {
border-bottom: 1px solid $border-color-split;
}
.#{$table-prefix-cls}-thead > tr > th,
.#{$table-prefix-cls}-tbody > tr > td {
.#{$tablePrefixCls}-thead > tr > th,
.#{$tablePrefixCls}-tbody > tr > td {
border-right: 1px solid $border-color-split;
}
&.#{$table-prefix-cls}-small {
&.#{$tablePrefixCls}-small {
border-right: 0;
.#{$table-prefix-cls}-header > table,
.#{$table-prefix-cls}-body > table,
.#{$table-prefix-cls}-fixed-left table,
.#{$table-prefix-cls}-fixed-right table {
.#{$tablePrefixCls}-header > table,
.#{$tablePrefixCls}-body > table,
.#{$tablePrefixCls}-fixed-left table,
.#{$tablePrefixCls}-fixed-right table {
padding: 0;

@@ -472,3 +495,3 @@ border: 0;

.#{$table-prefix-cls}-title {
.#{$tablePrefixCls}-title {
border: 0;

@@ -479,3 +502,3 @@ border-right: 1px solid $border-color-split;

.#{$table-prefix-cls}-footer {
.#{$tablePrefixCls}-footer {
border: 0;

@@ -490,3 +513,3 @@ border-top: 1px solid $border-color-split;

.#{$table-prefix-cls}-placeholder {
.#{$tablePrefixCls}-placeholder {
border-bottom: 0;

@@ -500,3 +523,3 @@ border-left: 0;

position: relative;
padding: $table-padding-vertical $table-padding-horizontal;
padding: $vertical-padding $horizontal-padding;
font-size: $font-size-base;

@@ -525,3 +548,3 @@ color: $text-color-secondary;

.#{$vender}-dropdown-menu {
.#{$dropdownPrefixCls}-menu {
border: 0;

@@ -545,4 +568,4 @@ border-radius: $border-radius-base $border-radius-base 0 0;

.#{$vender}-dropdown-submenu-contain-selected {
.#{$vender}-dropdown-menu-submenu-title::after {
.#{$dropdownPrefixCls}-submenu-contain-selected {
.#{$dropdownPrefixCls}-menu-submenu-title::after {
font-weight: bold;

@@ -555,8 +578,8 @@ color: $primary-color;

.#{$vender}-dropdown-menu-item {
.#{$dropdownPrefixCls}-menu-item {
overflow: hidden;
}
> .#{$vender}-dropdown-menu > .#{$vender}-dropdown-menu-item:last-child,
> .#{$vender}-dropdown-menu > .#{$vender}-dropdown-menu-submenu:last-child .#{$vender}-dropdown-menu-submenu-title {
> .#{$dropdownPrefixCls}-menu > .#{$dropdownPrefixCls}-menu-item:last-child,
> .#{$dropdownPrefixCls}-menu > .#{$dropdownPrefixCls}-menu-submenu:last-child .#{$dropdownPrefixCls}-menu-submenu-title {
border-radius: 0;

@@ -572,10 +595,11 @@ }

&-link {
color: #345fa6;
color: $primary-color;
cursor: pointer;
&:hover {
color: lighten(#345fa6, 20%);
color: lighten($primary-color, 20%);
}
&:active {
color: darken(#345fa6, 6%);
color: darken($primary-color, 6%);
}

@@ -594,2 +618,4 @@

&-selection {
white-space: nowrap;
&-select-all-custom {

@@ -658,3 +684,3 @@ margin-right: 4px;

&[class*='#{$table-prefix-cls}-row-level-0'] .#{$table-prefix-cls}-selection-column > span {
&[class*='#{$tablePrefixCls}-row-level-0'] .#{$tablePrefixCls}-selection-column > span {
display: inline-block;

@@ -671,3 +697,3 @@ }

.#{$table-prefix-cls}-row-indent + .#{$table-prefix-cls}-row-expand-icon {
.#{$tablePrefixCls}-row-indent + .#{$tablePrefixCls}-row-expand-icon {
margin-right: 8px;

@@ -734,3 +760,3 @@ }

.#{$table-prefix-cls}-header {
.#{$tablePrefixCls}-header {
overflow-y: hidden;

@@ -740,3 +766,3 @@ }

// hide scrollbar in left fixed columns
.#{$table-prefix-cls}-body-inner {
.#{$tablePrefixCls}-body-inner {
padding-right: 20px;

@@ -746,3 +772,3 @@ margin-right: -20px;

.#{$table-prefix-cls}-fixed-header & .#{$table-prefix-cls}-body-inner {
.#{$tablePrefixCls}-fixed-header & .#{$tablePrefixCls}-body-inner {
padding-right: 0;

@@ -767,3 +793,3 @@ }

// hide expand row content in right-fixed Table
.#{$table-prefix-cls}-expanded-row {
.#{$tablePrefixCls}-expanded-row {
color: transparent;

@@ -770,0 +796,0 @@ pointer-events: none;

+18
-3
assets/var.scss

@@ -8,6 +8,9 @@ $vender: amos !default;

$text-color-secondary: rgba(black, 0.43);
$font-feature-settings-base: 'tnum';
$font-variant-base: tabular-nums;
$line-height-base: 1.5;
// table
// ---
$table-header-bg: whitesmoke;
$table-head-background-color: whitesmoke;
$heading-color: rgba(black, 0.85);

@@ -18,4 +21,4 @@ $table-row-hover-bg: #eff2f8;

$border-color-split: #e9e9e9;
$table-padding-vertical: 16px;
$table-padding-horizontal: 8px;
$vertical-padding: 16px;
$horizontal-padding: 8px;
$component-background: white;

@@ -51,1 +54,13 @@ $shadow-color: rgba(0, 0, 0, 0.2);

}
%init-component {
padding: 0;
margin: 0;
font-size: $font-size-base;
line-height: $line-height-base;
color: $text-color;
list-style: none;
box-sizing: border-box;
font-variant: $font-variant-base;
font-feature-settings: $font-feature-settings-base;
}
+52
-105
lib/_elements.js
"use strict";
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"), _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {

@@ -15,3 +10,3 @@ value: !0

get: function() {
return _menu.default
return _menu.default;
}

@@ -21,3 +16,3 @@ }), Object.defineProperty(exports, "SubMenu", {

get: function() {
return _menu.SubMenu
return _menu.SubMenu;
}

@@ -27,3 +22,3 @@ }), Object.defineProperty(exports, "MenuItem", {

get: function() {
return _menu.Item
return _menu.Item;
}

@@ -33,72 +28,31 @@ }), Object.defineProperty(exports, "Spin", {

get: function() {
return _NestedSpin.default
return _NestedSpin.default;
}
}), exports.Radio = exports.Checkbox = exports.Trigger = void 0;
var _react = _interopRequireDefault(require("react")),
_propTypes = _interopRequireDefault(require("prop-types")),
_classnames = _interopRequireDefault(require("classnames")),
_overlay = require("crispfit-ui/lib/overlay"),
_checkbox = _interopRequireDefault(require("crispfit-ui/lib/checkbox")),
_menu = _interopRequireWildcard(require("crispfit-ui/lib/menu")),
_NestedSpin = _interopRequireDefault(require("crispfit-ui/lib/common/NestedSpin"));
function _getRequireWildcardCache() {
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")), _react = _interopRequireDefault(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _classnames = _interopRequireDefault(require("classnames")), _overlay = require("crispfit-ui/lib/overlay"), _checkbox = _interopRequireDefault(require("crispfit-ui/lib/checkbox")), _menu = _interopRequireWildcard(require("crispfit-ui/lib/menu")), _NestedSpin = _interopRequireDefault(require("crispfit-ui/lib/common/NestedSpin"));
function _getRequireWildcardCache(e) {
if ("function" != typeof WeakMap) return null;
var e = new WeakMap;
return _getRequireWildcardCache = function() {
return e
}, e
var r = new WeakMap, t = new WeakMap;
return (_getRequireWildcardCache = function(e) {
return e ? t : r;
})(e);
}
function _interopRequireWildcard(e) {
if (e && e.__esModule) return e;
function _interopRequireWildcard(e, r) {
if (!r && e && e.__esModule) return e;
if (null === e || "object" !== _typeof(e) && "function" != typeof e) return {
default: e
};
var r = _getRequireWildcardCache();
if (r && r.has(e)) return r.get(e);
var t, o, n = {},
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (t in e) Object.prototype.hasOwnProperty.call(e, t) && ((o = a ? Object.getOwnPropertyDescriptor(e, t) : null) && (o.get || o.set) ? Object.defineProperty(n, t, o) : n[t] = e[t]);
return n.default = e, r && r.set(e, n), n
}
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
var t = _getRequireWildcardCache(r);
if (t && t.has(e)) return t.get(e);
var a = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var i in e) if ("default" !== i && Object.prototype.hasOwnProperty.call(e, i)) {
var n = o ? Object.getOwnPropertyDescriptor(e, i) : null;
n && (n.get || n.set) ? Object.defineProperty(a, i, n) : a[i] = e[i];
}
return a.default = e, t && t.set(e, a), a;
}
function _extends() {
return (_extends = Object.assign || function(e) {
for (var r = 1; r < arguments.length; r++) {
var t, o = arguments[r];
for (t in o) Object.prototype.hasOwnProperty.call(o, t) && (e[t] = o[t])
}
return e
}).apply(this, arguments)
}
function _defineProperty(e, r, t) {
return r in e ? Object.defineProperty(e, r, {
value: t,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[r] = t, e
}
function _objectWithoutProperties(e, r) {
if (null == e) return {};
var t, o = _objectWithoutPropertiesLoose(e, r);
if (Object.getOwnPropertySymbols)
for (var n = Object.getOwnPropertySymbols(e), a = 0; a < n.length; a++) t = n[a], 0 <= r.indexOf(t) || Object.prototype.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
return o
}
function _objectWithoutPropertiesLoose(e, r) {
if (null == e) return {};
for (var t, o = {}, n = Object.keys(e), a = 0; a < n.length; a++) t = n[a], 0 <= r.indexOf(t) || (o[t] = e[t]);
return o
}
var Trigger = (0, _overlay.withTrigger)({

@@ -109,27 +63,23 @@ prefixCls: "amos-overlay-trigger",

});
exports.Trigger = Trigger;
var Checkbox = function(e) {
var r = e.prefixCls,
t = void 0 === r ? "crisp-checkbox" : r,
o = e.className,
n = e.children,
a = e.indeterminate,
i = e.style,
u = e.onMouseEnter,
l = e.onMouseLeave,
r = _objectWithoutProperties(e, ["prefixCls", "className", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave"]),
e = (0, _classnames.default)(o, _defineProperty({}, "".concat(t, "-wrapper"), !0)),
o = (0, _classnames.default)(_defineProperty({}, "".concat(t, "-indeterminate"), a)); /* */
var r = e.prefixCls, t = void 0 === r ? "crisp-checkbox" : r, a = e.className, o = e.children, i = e.indeterminate, n = e.style, u = e.onMouseEnter, l = e.onMouseLeave, p = (0,
_objectWithoutProperties2.default)(e, [ "prefixCls", "className", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave" ]), s = (0,
_classnames.default)(a, (0, _defineProperty2.default)({}, "".concat(t, "-wrapper"), !0)), c = (0,
_classnames.default)((0, _defineProperty2.default)({}, "".concat(t, "-indeterminate"), i));
return _react.default.createElement("label", {
className: e,
style: i,
className: s,
style: n,
onMouseEnter: u,
onMouseLeave: l
}, /* */ _react.default.createElement(_checkbox.default, _extends({}, r, {
indeterminate: a,
}, _react.default.createElement(_checkbox.default, (0, _extends2.default)({}, p, {
indeterminate: i,
prefixCls: t,
className: o
})), void 0 !== n ? /* */ _react.default.createElement("span", null, n) : null)
className: c
})), void 0 !== o ? _react.default.createElement("span", null, o) : null);
};
(exports.Checkbox = Checkbox).displayName = "Checkbox", Checkbox.propTypes = {
exports.Checkbox = Checkbox, Checkbox.displayName = "Checkbox", Checkbox.propTypes = {
prefixCls: _propTypes.default.string,

@@ -143,23 +93,20 @@ className: _propTypes.default.string,

};
var Radio = function(e) {
var r = e.prefixCls,
t = e.className,
o = e.children,
n = e.style,
a = e.disabled,
i = e.value,
u = e.onMouseEnter,
l = e.onMouseLeave,
e = _objectWithoutProperties(e, ["prefixCls", "className", "children", "style", "disabled", "value", "onMouseEnter", "onMouseLeave"]),
t = (0, _classnames.default)(t, (_defineProperty(t = {}, "".concat(r, "-wrapper"), !0), _defineProperty(t, "".concat(r, "-wrapper-checked"), i), _defineProperty(t, "".concat(r, "-wrapper-disabled"), a), t)); /* */
var r, t = e.prefixCls, a = e.className, o = e.children, i = e.style, n = e.disabled, u = e.value, l = e.onMouseEnter, p = e.onMouseLeave, s = (0,
_objectWithoutProperties2.default)(e, [ "prefixCls", "className", "children", "style", "disabled", "value", "onMouseEnter", "onMouseLeave" ]), c = (0,
_classnames.default)(a, (r = {}, (0, _defineProperty2.default)(r, "".concat(t, "-wrapper"), !0),
(0, _defineProperty2.default)(r, "".concat(t, "-wrapper-checked"), u), (0, _defineProperty2.default)(r, "".concat(t, "-wrapper-disabled"), n),
r));
return _react.default.createElement("label", {
className: t,
style: n,
onMouseEnter: u,
onMouseLeave: l
}, /* */ _react.default.createElement(Checkbox, _extends({}, e, {
prefixCls: r
})), void 0 !== o ? /* */ _react.default.createElement("span", null, o) : null)
className: c,
style: i,
onMouseEnter: l,
onMouseLeave: p
}, _react.default.createElement(Checkbox, (0, _extends2.default)({}, s, {
prefixCls: t
})), void 0 !== o ? _react.default.createElement("span", null, o) : null);
};
(exports.Radio = Radio).displayName = "Radio", Radio.propTypes = {
exports.Radio = Radio, Radio.displayName = "Radio", Radio.propTypes = {
prefixCls: _propTypes.default.string,

@@ -176,2 +123,2 @@ className: _propTypes.default.string,

type: "radio"
};
};
+120
-196
lib/actionbar/ColumnPicker.js
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"), _typeof3 = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _react = _interopRequireWildcard(require("react")),
_propTypes = _interopRequireDefault(require("prop-types")),
_classnames2 = _interopRequireDefault(require("classnames")),
_amosIcon = _interopRequireDefault(require("amos-icon")),
_tree = _interopRequireWildcard(require("crispfit-ui/lib/tree")),
_utils = require("./utils");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof")), _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _react = _interopRequireWildcard(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _classnames2 = _interopRequireDefault(require("classnames")), _amosIcon = _interopRequireDefault(require("amos-icon")), _tree = _interopRequireWildcard(require("crispfit-ui/lib/tree")), _utils = require("./utils");
function _getRequireWildcardCache() {
function _getRequireWildcardCache(e) {
if ("function" != typeof WeakMap) return null;
var e = new WeakMap;
return _getRequireWildcardCache = function() {
return e
}, e
var t = new WeakMap, r = new WeakMap;
return (_getRequireWildcardCache = function(e) {
return e ? r : t;
})(e);
}
function _interopRequireWildcard(e) {
if (e && e.__esModule) return e;
if (null === e || "object" !== _typeof(e) && "function" != typeof e) return {
function _interopRequireWildcard(e, t) {
if (!t && e && e.__esModule) return e;
if (null === e || "object" !== _typeof3(e) && "function" != typeof e) return {
default: e
};
var t = _getRequireWildcardCache();
if (t && t.has(e)) return t.get(e);
var r, o, n = {},
i = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (r in e) Object.prototype.hasOwnProperty.call(e, r) && ((o = i ? Object.getOwnPropertyDescriptor(e, r) : null) && (o.get || o.set) ? Object.defineProperty(n, r, o) : n[r] = e[r]);
return n.default = e, t && t.set(e, n), n
}
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _defineProperties(e, t) {
for (var r = 0; r < t.length; r++) {
var o = t[r];
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
var r = _getRequireWildcardCache(t);
if (r && r.has(e)) return r.get(e);
var a = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var n in e) if ("default" !== n && Object.prototype.hasOwnProperty.call(e, n)) {
var u = i ? Object.getOwnPropertyDescriptor(e, n) : null;
u && (u.get || u.set) ? Object.defineProperty(a, n, u) : a[n] = e[n];
}
return a.default = e, r && r.set(e, a), a;
}
function _createClass(e, t, r) {
return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var o = _isNativeReflectConstruct();
function _createSuper(e) {
var t = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, o ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var r, a = (0, _getPrototypeOf2.default)(e);
if (t) {
var i = (0, _getPrototypeOf2.default)(this).constructor;
r = Reflect.construct(a, arguments, i);
} else r = a.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, r);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -101,107 +51,80 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function _defineProperty(e, t, r) {
return t in e ? Object.defineProperty(e, t, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = r, e
}
/**
* 列选择
*
* @class ColumnPicker
* @extends {React.Component}
*/
var ColumnPicker = /* */ function() {
_inherits(r, _react.Component);
var ColumnPicker = function(e) {
(0, _inherits2.default)(r, e);
var t = _createSuper(r);
function r(e) {
var s;
return _classCallCheck(this, r), _defineProperty(_assertThisInitialized(s = t.call(this, e)), "handlePickerSelect", function(e, t) {
s.props.handleColumnPickerChange(e, t)
}), _defineProperty(_assertThisInitialized(s), "saveRef", function(t) {
return function(e) {
return s[t] = e, !1
}
}), _defineProperty(_assertThisInitialized(s), "handleMouseEnter", function() {
s.hideDropDownTimer && clearTimeout(s.hideDropDownTimer), s.state.visible || s.setState({
var a;
return (0, _classCallCheck2.default)(this, r), a = t.call(this, e), (0, _defineProperty2.default)((0,
_assertThisInitialized2.default)(a), "handlePickerSelect", (function(e, t) {
a.props.handleColumnPickerChange(e, t);
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(a), "saveRef", (function(e) {
return function(t) {
return a[e] = t, !1;
};
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(a), "handleMouseEnter", (function() {
a.hideDropDownTimer && clearTimeout(a.hideDropDownTimer), a.state.visible || a.setState({
visible: !0
})
}), _defineProperty(_assertThisInitialized(s), "handleMouseLeave", function() {
s.hideDropDownTimer = setTimeout(function() {
s.setState({
});
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(a), "handleMouseLeave", (function() {
a.hideDropDownTimer = setTimeout((function() {
a.setState({
visible: !1
})
}, 200)
}), _defineProperty(_assertThisInitialized(s), "renderTree", function() {
var e = s.props,
t = e.columns,
n = e.defaultColumns,
i = ["jsxchecked", "jsxtreeIcon", "jsxwhite"];
i.push(s.props.checkboxColumnKey);
var a = [],
u = [];
s.groupNum = 0;
var l = [];
t.forEach(function(e) {
// the column is not the notRender one and is not the group.
var t = {}.hasOwnProperty.call(e, "columns") && "object" === _typeof(e.columns);
t && (s.hasGroup = !0);
var r = e.dataIndex,
o = (0, _utils.checkDefaultColumns)(n, r); - 1 !== i.indexOf(r) || t ? t && (u.push(s.renderGroupTree(e, s.groupNum)), s.groupNum++) : r && (l.push(r), a.push( /* */ _react.default.createElement(_tree.TreeNode, {
key: r,
disabled: o,
});
}), 200);
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(a), "renderTree", (function() {
var e = a.props, t = e.columns, r = e.defaultColumns, i = [ "jsxchecked", "jsxtreeIcon", "jsxwhite" ];
i.push(a.props.checkboxColumnKey);
var n = [], u = [];
a.groupNum = 0;
var o = [];
t.forEach((function(e) {
var t = {}.hasOwnProperty.call(e, "columns") && "object" === (0, _typeof2.default)(e.columns);
t && (a.hasGroup = !0);
var l = e.dataIndex, s = (0, _utils.checkDefaultColumns)(r, l);
-1 !== i.indexOf(l) || t ? t && (u.push(a.renderGroupTree(e, a.groupNum)), a.groupNum++) : l && (o.push(l),
n.push(_react.default.createElement(_tree.TreeNode, {
key: l,
disabled: s,
title: "function" == typeof e.title ? e.title() : e.title
})))
});
var r = (0, _utils.getConsts)().commonGroup,
t = /* */ _react.default.createElement(_tree.default, {
checkable: !0,
multiple: !0,
defaultCheckedKeys: l,
className: s.hasGroup ? "" : "no-group",
ref: s.saveRef("commonTree"),
onCheck: function(e) {
return s.handlePickerSelect(e, r)
}
}, a);
return s.hasGroup ? /* */ _react.default.createElement("div", null, t, u) : t
}), _defineProperty(_assertThisInitialized(s), "renderDropDown", function() {
var e = s.props.prefixCls,
t = {
display: s.state.visible ? "block" : "none"
}; /* */
})));
}));
var l = (0, _utils.getConsts)().commonGroup, s = _react.default.createElement(_tree.default, {
checkable: !0,
multiple: !0,
defaultCheckedKeys: o,
className: a.hasGroup ? "" : "no-group",
ref: a.saveRef("commonTree"),
onCheck: function(e) {
return a.handlePickerSelect(e, l);
}
}, n);
return a.hasGroup ? _react.default.createElement("div", null, s, u) : s;
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(a), "renderDropDown", (function() {
var e = a.props.prefixCls, t = {
display: a.state.visible ? "block" : "none"
};
return _react.default.createElement("div", {
className: "".concat(e, "-dropdown"),
style: t,
ref: s.saveRef("dropDownDOMNode"),
onMouseEnter: s.handleMouseEnter,
onMouseLeave: s.handleMouseLeave
}, s.renderTree())
}), _defineProperty(_assertThisInitialized(s), "renderGroupTree", function(e, t) {
var r = (e.columns || []).map(function(e) {
/* */
return _react.default.createElement(_tree.TreeNode, {
key: e.dataKey,
title: "function" == typeof e.title ? e.title() : e.title
})
}),
o = (0, _utils.getSelectedKeys)(e.columns); /* */
ref: a.saveRef("dropDownDOMNode"),
onMouseEnter: a.handleMouseEnter,
onMouseLeave: a.handleMouseLeave
}, a.renderTree());
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(a), "renderGroupTree", (function(e, t) {
var r = (e.columns || []).map((function(e) {
return _react.default.createElement(_tree.TreeNode, {
key: e.dataKey,
title: "function" == typeof e.title ? e.title() : e.title
});
})), i = (0, _utils.getSelectedKeys)(e.columns);
return _react.default.createElement(_tree.default, {
key: e.group,
ref: s.saveRef("groupTree-".concat(t)),
ref: a.saveRef("groupTree-".concat(t)),
checkable: !0,

@@ -211,23 +134,21 @@ multiple: !0,

defaultExpandAll: !0,
checkedKeys: o,
onCheck: s.handlePickerSelect(_assertThisInitialized(s), e.group)
}, /* */ _react.default.createElement(_tree.TreeNode, {
checkedKeys: i,
onCheck: a.handlePickerSelect((0, _assertThisInitialized2.default)(a), e.group)
}, _react.default.createElement(_tree.TreeNode, {
title: e.group,
key: e.group
}, r))
}), s.state = {
}, r));
})), a.state = {
visible: !1
}, s
}, a;
}
return _createClass(r, [{
return (0, _createClass2.default)(r, [ {
key: "componentDidUpdate",
value: function() {
if (this.state.visible) {
var e = this.getDropDownDOMNOde(),
t = this.commonTree.refs.tree,
r = 41;
var e = this.getDropDownDOMNOde(), t = this.commonTree.refs.tree, r = 41;
t && t.offsetWidth && (r += t.offsetWidth);
for (var o = 0; o < this.groupNum; o++) r += this["groupTree-".concat(o)].refs.tree.offsetWidth;
t = "number" == typeof this.props.dropdownMaxWidth ? this.props.dropdownMaxWidth : 1e3;
e.style.width = "".concat(r <= t ? r : t, "px")
for (var a = 0; a < this.groupNum; a++) r += this["groupTree-".concat(a)].refs.tree.offsetWidth;
var i = "number" == typeof this.props.dropdownMaxWidth ? this.props.dropdownMaxWidth : 1e3;
e.style.width = "".concat(r <= i ? r : i, "px");
}

@@ -238,3 +159,3 @@ }

value: function() {
return this.dropDownDOMNode
return this.dropDownDOMNode;
}

@@ -244,19 +165,20 @@ }, {

value: function() {
var e = this.props,
t = e.prefixCls,
r = e.locale; /* */
var e, t = this.props, r = t.prefixCls, a = t.locale;
return _react.default.createElement("div", {
className: t
}, /* */ _react.default.createElement("div", {
className: (0, _classnames2.default)((_defineProperty(e = {}, "".concat(t, "-trigger"), !0), _defineProperty(e, "".concat(t, "-trigger-dropdown-visible"), !!this.state.visible), e)),
className: r
}, _react.default.createElement("div", {
className: (0, _classnames2.default)((e = {}, (0, _defineProperty2.default)(e, "".concat(r, "-trigger"), !0),
(0, _defineProperty2.default)(e, "".concat(r, "-trigger-dropdown-visible"), !!this.state.visible),
e)),
onMouseEnter: this.handleMouseEnter,
onMouseLeave: this.handleMouseLeave
}, /* */ _react.default.createElement(_amosIcon.default, {
}, _react.default.createElement(_amosIcon.default, {
icon: "list"
}), /* */ _react.default.createElement("span", {
className: "".concat(t, "-title")
}, r.customeColumn)), this.renderDropDown())
}), _react.default.createElement("span", {
className: "".concat(r, "-title")
}, a.customeColumn)), this.renderDropDown());
}
}]), r
}();
} ]), r;
}(_react.Component);
ColumnPicker.displayName = "ColumnPicker", ColumnPicker.defaultProps = {

@@ -276,3 +198,5 @@ prefixCls: "amos-table-column-picker",

};
var _default = ColumnPicker;
exports.default = ColumnPicker, module.exports = exports.default;
exports.default = _default;
+55
-120
lib/actionbar/index.js
"use strict";
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"), _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _react = _interopRequireWildcard(require("react")),
_propTypes = _interopRequireDefault(require("prop-types")),
_classnames2 = _interopRequireDefault(require("classnames")),
_ColumnPicker = _interopRequireDefault(require("./ColumnPicker"));
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _react = _interopRequireWildcard(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _classnames2 = _interopRequireDefault(require("classnames")), _ColumnPicker = _interopRequireDefault(require("./ColumnPicker"));
function _getRequireWildcardCache() {
function _getRequireWildcardCache(e) {
if ("function" != typeof WeakMap) return null;
var e = new WeakMap;
return _getRequireWildcardCache = function() {
return e
}, e
var r = new WeakMap, t = new WeakMap;
return (_getRequireWildcardCache = function(e) {
return e ? t : r;
})(e);
}
function _interopRequireWildcard(e) {
if (e && e.__esModule) return e;
function _interopRequireWildcard(e, r) {
if (!r && e && e.__esModule) return e;
if (null === e || "object" !== _typeof(e) && "function" != typeof e) return {
default: e
};
var t = _getRequireWildcardCache();
var t = _getRequireWildcardCache(r);
if (t && t.has(e)) return t.get(e);
var r, o, n = {},
u = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (r in e) Object.prototype.hasOwnProperty.call(e, r) && ((o = u ? Object.getOwnPropertyDescriptor(e, r) : null) && (o.get || o.set) ? Object.defineProperty(n, r, o) : n[r] = e[r]);
return n.default = e, t && t.set(e, n), n
}
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _defineProperties(e, t) {
for (var r = 0; r < t.length; r++) {
var o = t[r];
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
var u = {}, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var n in e) if ("default" !== n && Object.prototype.hasOwnProperty.call(e, n)) {
var l = a ? Object.getOwnPropertyDescriptor(e, n) : null;
l && (l.get || l.set) ? Object.defineProperty(u, n, l) : u[n] = e[n];
}
return u.default = e, t && t.set(e, u), u;
}
function _createClass(e, t, r) {
return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var o = _isNativeReflectConstruct();
function _createSuper(e) {
var r = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, o ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var t, u = (0, _getPrototypeOf2.default)(e);
if (r) {
var a = (0, _getPrototypeOf2.default)(this).constructor;
t = Reflect.construct(u, arguments, a);
} else t = u.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, t);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -99,59 +51,40 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function _defineProperty(e, t, r) {
return t in e ? Object.defineProperty(e, t, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = r, e
}
var ActionBar = /* */ function() {
_inherits(n, _react.Component);
var o = _createSuper(n);
function n() {
var c;
_classCallCheck(this, n);
for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++) t[r] = arguments[r];
return _defineProperty(_assertThisInitialized(c = o.call.apply(o, [this].concat(t))), "renderColumnPicker", function() {
var e = c.props,
t = e.showColumnPicker,
r = e.columns,
o = e.handleColumnPickerChange,
n = e.checkboxColumnKey,
u = e.width,
i = e.locale,
e = e.defaultColumns;
return t ? /* */ _react.default.createElement(_ColumnPicker.default, {
columns: r,
var ActionBar = function(e) {
(0, _inherits2.default)(t, e);
var r = _createSuper(t);
function t() {
var e;
(0, _classCallCheck2.default)(this, t);
for (var u = arguments.length, a = new Array(u), n = 0; n < u; n++) a[n] = arguments[n];
return e = r.call.apply(r, [ this ].concat(a)), (0, _defineProperty2.default)((0,
_assertThisInitialized2.default)(e), "renderColumnPicker", (function() {
var r = e.props, t = r.showColumnPicker, u = r.columns, a = r.handleColumnPickerChange, n = r.checkboxColumnKey, l = r.width, i = r.locale, o = r.defaultColumns;
return t ? _react.default.createElement(_ColumnPicker.default, {
columns: u,
locale: i,
dropdownMaxWidth: u,
dropdownMaxWidth: l,
checkboxColumnKey: n,
handleColumnPickerChange: o,
defaultColumns: e
}) : null
}), c
handleColumnPickerChange: a,
defaultColumns: o
}) : null;
})), e;
}
return _createClass(n, [{
return (0, _createClass2.default)(t, [ {
key: "render",
value: function() {
var e = this.props; /* */
var e = this.props;
return _react.default.createElement("div", {
className: (0, _classnames2.default)(_defineProperty({}, e.prefixCls, !!e.prefixCls))
}, this.renderColumnPicker())
className: (0, _classnames2.default)((0, _defineProperty2.default)({}, e.prefixCls, !!e.prefixCls))
}, this.renderColumnPicker());
}
}]), n
}();
} ]), t;
}(_react.Component);
ActionBar.displayName = "ActionBar", ActionBar.propTypes = {

@@ -170,3 +103,5 @@ prefixCls: _propTypes.default.string,

};
var _default = ActionBar;
exports.default = ActionBar, module.exports = exports.default;
exports.default = _default;
+35
-35
lib/actionbar/utils.js
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.checkDefaultColumns = exports.filterColumns = exports.defaultLocale = exports.getConsts = exports.getSelectedKeys = void 0;
var _amosTool = require("amos-tool");
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var getSelectedKeys = function(e) {
var o = [],
t = [];
return e.forEach(function(e) {
({}).hasOwnProperty.call(e, "columns") && "object" === _typeof(e.columns) ? o = o.concat(e.columns) : o.push(e)
}), o.forEach(function(e) {
e.hidden || t.push(e.dataIndex)
}), t
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof")), _amosTool = require("amos-tool"), getSelectedKeys = function(e) {
var t = [], o = [];
return e.forEach((function(e) {
({}).hasOwnProperty.call(e, "columns") && "object" === (0, _typeof2.default)(e.columns) ? t = t.concat(e.columns) : t.push(e);
})), t.forEach((function(e) {
e.hidden || o.push(e.dataIndex);
})), o;
};
exports.getSelectedKeys = getSelectedKeys;
var getConsts = function() {
return {
commonGroup: "amostableGroup"
}
};
};
exports.getConsts = getConsts;
var defaultLocale = {

@@ -34,26 +32,28 @@ customeColumn: "自定义列",

};
exports.defaultLocale = defaultLocale;
var filterColumns = function(e, o, t) {
for (var n = (0, _amosTool.deepCopy)(t), r = ["jsxchecked", "jsxtreeIcon", "jsxwhite"], s = getConsts().commonGroup, l = [], u = 0; u < n.length; u++) {
var c = n[u]; // current column is a group and groupName is right
if ({}.hasOwnProperty.call(c, "columns") && "object" === _typeof(c.columns) && c.group === o) {
for (var a = 0; a < c.columns.length; a++) {
var f = c.columns[a]; - 1 !== e.indexOf(f.dataIndex) ?
// 选中
f.hidden = !1 : f.hidden = !0
var filterColumns = function(e, t, o) {
for (var r = (0, _amosTool.deepCopy)(o), n = [ "jsxchecked", "jsxtreeIcon", "jsxwhite" ], s = getConsts().commonGroup, l = [], u = 0; u < r.length; u++) {
var a = r[u];
if ({}.hasOwnProperty.call(a, "columns") && "object" === (0, _typeof2.default)(a.columns) && a.group === t) {
for (var c = 0; c < a.columns.length; c++) {
var f = a.columns[c];
-1 !== e.indexOf(f.dataIndex) ? f.hidden = !1 : f.hidden = !0;
}
break
break;
}
o === s && (
// current column is common group
-1 === e.indexOf(c.dataIndex) && -1 === r.indexOf(c.dataIndex) || l.push(c))
t === s && (-1 === e.indexOf(a.dataIndex) && -1 === n.indexOf(a.dataIndex) || l.push(a));
}
return l
return l;
};
exports.filterColumns = filterColumns;
var checkDefaultColumns = function(e, o) {
return !_amosTool.utils.isEmpty(e) && (!!_amosTool.utils.isArray(e) && 0 < e.filter(function(e) {
return e === o
}).length)
var checkDefaultColumns = function(e, t) {
return !_amosTool.utils.isEmpty(e) && (!!_amosTool.utils.isArray(e) && e.filter((function(e) {
return e === t;
})).length > 0);
};
exports.checkDefaultColumns = checkDefaultColumns;
exports.checkDefaultColumns = checkDefaultColumns;
+63
-150
lib/ActionTable.js
"use strict";
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"), _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _react = _interopRequireWildcard(require("react")),
_propTypes = _interopRequireDefault(require("prop-types")),
_tools = require("crispfit-ui/lib/_utils/tools"),
_Table = _interopRequireDefault(require("./Table")),
_actionbar = _interopRequireDefault(require("./actionbar")),
_utils = require("./actionbar/utils");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")), _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")), _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _react = _interopRequireWildcard(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _tools = require("crispfit-ui/lib/_utils/tools"), _Table = _interopRequireDefault(require("./Table")), _actionbar = _interopRequireDefault(require("./actionbar")), _utils = require("./actionbar/utils");
function _getRequireWildcardCache() {
function _getRequireWildcardCache(e) {
if ("function" != typeof WeakMap) return null;
var e = new WeakMap;
return _getRequireWildcardCache = function() {
return e
}, e
var t = new WeakMap, r = new WeakMap;
return (_getRequireWildcardCache = function(e) {
return e ? r : t;
})(e);
}
function _interopRequireWildcard(e) {
if (e && e.__esModule) return e;
function _interopRequireWildcard(e, t) {
if (!t && e && e.__esModule) return e;
if (null === e || "object" !== _typeof(e) && "function" != typeof e) return {
default: e
};
var t = _getRequireWildcardCache();
if (t && t.has(e)) return t.get(e);
var r, o, n = {},
i = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (r in e) Object.prototype.hasOwnProperty.call(e, r) && ((o = i ? Object.getOwnPropertyDescriptor(e, r) : null) && (o.get || o.set) ? Object.defineProperty(n, r, o) : n[r] = e[r]);
return n.default = e, t && t.set(e, n), n
}
function _extends() {
return (_extends = Object.assign || function(e) {
for (var t = 1; t < arguments.length; t++) {
var r, o = arguments[t];
for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (e[r] = o[r])
}
return e
}).apply(this, arguments)
}
function _objectWithoutProperties(e, t) {
if (null == e) return {};
var r, o = _objectWithoutPropertiesLoose(e, t);
if (Object.getOwnPropertySymbols)
for (var n = Object.getOwnPropertySymbols(e), i = 0; i < n.length; i++) r = n[i], 0 <= t.indexOf(r) || Object.prototype.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
return o
}
function _objectWithoutPropertiesLoose(e, t) {
if (null == e) return {};
for (var r, o = {}, n = Object.keys(e), i = 0; i < n.length; i++) r = n[i], 0 <= t.indexOf(r) || (o[r] = e[r]);
return o
}
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _defineProperties(e, t) {
for (var r = 0; r < t.length; r++) {
var o = t[r];
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
var r = _getRequireWildcardCache(t);
if (r && r.has(e)) return r.get(e);
var i = {}, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) {
var l = a ? Object.getOwnPropertyDescriptor(e, u) : null;
l && (l.get || l.set) ? Object.defineProperty(i, u, l) : i[u] = e[u];
}
return i.default = e, r && r.set(e, i), i;
}
function _createClass(e, t, r) {
return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var o = _isNativeReflectConstruct();
function _createSuper(e) {
var t = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, o ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var r, i = (0, _getPrototypeOf2.default)(e);
if (t) {
var a = (0, _getPrototypeOf2.default)(this).constructor;
r = Reflect.construct(i, arguments, a);
} else r = i.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, r);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -125,65 +51,50 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function _defineProperty(e, t, r) {
return t in e ? Object.defineProperty(e, t, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = r, e
}
var ActionTable = /* */ function() {
_inherits(r, _react.Component);
var ActionTable = function(e) {
(0, _inherits2.default)(r, e);
var t = _createSuper(r);
function r(e) {
var o;
return _classCallCheck(this, r), _defineProperty(_assertThisInitialized(o = t.call(this, e)), "handleColumnPickerChange", function(e, t) {
var r = o.state.originalCol,
r = (0, _utils.filterColumns)(e, t, r);
0 !== (0, _utils.getSelectedKeys)(r).length && o.setState({
columns: r
})
}), o.state = {
var i;
return (0, _classCallCheck2.default)(this, r), i = t.call(this, e), (0, _defineProperty2.default)((0,
_assertThisInitialized2.default)(i), "handleColumnPickerChange", (function(e, t) {
var r = i.state.originalCol, a = (0, _utils.filterColumns)(e, t, r);
0 !== (0, _utils.getSelectedKeys)(a).length && i.setState({
columns: a
});
})), i.state = {
originalCol: e.columns,
columns: e.columns
}, o
} // 自定义列选择
return _createClass(r, [{
}, i;
}
return (0, _createClass2.default)(r, [ {
key: "render",
value: function() {
var e = this.props,
t = e.actionBarProps,
e = _objectWithoutProperties(e, ["actionBarProps"]),
t = _extends({}, {
showColumnPicker: !1,
columns: this.state.originalCol,
handleColumnPickerChange: this.handleColumnPickerChange,
checkboxColumnKey: "selection-column",
width: 600,
locale: {
customeColumn: "自定义列",
more: "更多"
}
}, t),
e = (0, _tools.omit)(e, ["columns"]); /* */
var e = this.props, t = e.actionBarProps, r = (0, _objectWithoutProperties2.default)(e, [ "actionBarProps" ]), i = (0,
_extends2.default)({}, {
showColumnPicker: !1,
columns: this.state.originalCol,
handleColumnPickerChange: this.handleColumnPickerChange,
checkboxColumnKey: "selection-column",
width: 600,
locale: {
customeColumn: "自定义列",
more: "更多"
}
}, t), a = (0, _tools.omit)(r, [ "columns" ]);
return _react.default.createElement("div", {
className: "amos-table-wrapper"
}, /* */ _react.default.createElement(_actionbar.default, t), /* */ _react.default.createElement(_Table.default, _extends({
}, _react.default.createElement(_actionbar.default, i), _react.default.createElement(_Table.default, (0,
_extends2.default)({
columns: this.state.columns
}, e)))
}, a)));
}
}]), r
}();
} ]), r;
}(_react.Component);
ActionTable.displayName = "ActionTable", ActionTable.propTypes = {

@@ -193,3 +104,5 @@ actionBarProps: _propTypes.default.object,

};
var _default = ActionTable;
exports.default = ActionTable, module.exports = exports.default;
exports.default = _default;
+24
-74
lib/Column.js
"use strict";
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types")),
_table = _interopRequireDefault(require("crispfit-ui/lib/table"));
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _propTypes = _interopRequireDefault(require("prop-types")), _table = _interopRequireDefault(require("crispfit-ui/lib/table"));
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var o = _isNativeReflectConstruct();
function _createSuper(e) {
var r = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, o ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var t, u = (0, _getPrototypeOf2.default)(e);
if (r) {
var p = (0, _getPrototypeOf2.default)(this).constructor;
t = Reflect.construct(u, arguments, p);
} else t = u.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, t);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -65,32 +28,19 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function _defineProperty(e, t, r) {
return t in e ? Object.defineProperty(e, t, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = r, e
}
var Column = /* */ function() {
_inherits(t, _table["default"].Column);
var e = _createSuper(t);
var Column = function(e) {
(0, _inherits2.default)(t, e);
var r = _createSuper(t);
function t() {
return _classCallCheck(this, t), e.apply(this, arguments)
return (0, _classCallCheck2.default)(this, t), r.apply(this, arguments);
}
return t
}();
_defineProperty(exports.default = Column, "propTypes", {
return t;
}(_table.default.Column);
exports.default = Column, (0, _defineProperty2.default)(Column, "propTypes", {
title: _propTypes.default.node,

@@ -111,2 +61,2 @@ key: _propTypes.default.string,

sortOrder: _propTypes.default.any
}), module.exports = exports.default;
});
+26
-76
lib/ColumnGroup.js
"use strict";
function _typeof(t) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
return typeof t
} : function(t) {
return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t
})(t)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types")),
_table = _interopRequireDefault(require("crispfit-ui/lib/table"));
function _interopRequireDefault(t) {
return t && t.__esModule ? t : {
default: t
}
}
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _propTypes = _interopRequireDefault(require("prop-types")), _table = _interopRequireDefault(require("crispfit-ui/lib/table"));
function _classCallCheck(t, e) {
if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
}
function _inherits(t, e) {
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
t.prototype = Object.create(e && e.prototype, {
constructor: {
value: t,
writable: !0,
configurable: !0
}
}), e && _setPrototypeOf(t, e)
}
function _setPrototypeOf(t, e) {
return (_setPrototypeOf = Object.setPrototypeOf || function(t, e) {
return t.__proto__ = e, t
})(t, e)
}
function _createSuper(r) {
var o = _isNativeReflectConstruct();
function _createSuper(e) {
var t = _isNativeReflectConstruct();
return function() {
var t, e = _getPrototypeOf(r);
return _possibleConstructorReturn(this, o ? (t = _getPrototypeOf(this).constructor, Reflect.construct(e, arguments, t)) : e.apply(this, arguments))
}
var r, u = (0, _getPrototypeOf2.default)(e);
if (t) {
var o = (0, _getPrototypeOf2.default)(this).constructor;
r = Reflect.construct(u, arguments, o);
} else r = u.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, r);
};
}
function _possibleConstructorReturn(t, e) {
return !e || "object" !== _typeof(e) && "function" != typeof e ? _assertThisInitialized(t) : e
}
function _assertThisInitialized(t) {
if (void 0 === t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return t
}
function _isNativeReflectConstruct() {

@@ -65,33 +28,20 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
} catch (t) {
return !1
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1;
}
}
function _getPrototypeOf(t) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(t) {
return t.__proto__ || Object.getPrototypeOf(t)
})(t)
}
var ColumnGroup = function(e) {
(0, _inherits2.default)(r, e);
var t = _createSuper(r);
function r() {
return (0, _classCallCheck2.default)(this, r), t.apply(this, arguments);
}
return r;
}(_table.default.ColumnGroup);
function _defineProperty(t, e, r) {
return e in t ? Object.defineProperty(t, e, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[e] = r, t
}
var ColumnGroup = /* */ function() {
_inherits(e, _table["default"].ColumnGroup);
var t = _createSuper(e);
function e() {
return _classCallCheck(this, e), t.apply(this, arguments)
}
return e
}();
_defineProperty(exports.default = ColumnGroup, "propTypes", {
exports.default = ColumnGroup, (0, _defineProperty2.default)(ColumnGroup, "propTypes", {
title: _propTypes.default.node
}), _defineProperty(ColumnGroup, "__AMOS_TABLE_COLUMN_GROUP", !0), module.exports = exports.default;
}), (0, _defineProperty2.default)(ColumnGroup, "__AMOS_TABLE_COLUMN_GROUP", !0);
+173
-275
lib/filterDropdown.js
"use strict";
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _react = _interopRequireDefault(require("react")),
_propTypes = _interopRequireDefault(require("prop-types")),
_reactDom = _interopRequireDefault(require("react-dom")),
_domClosest = _interopRequireDefault(require("dt2react/lib/class/domClosest")),
_classnames = _interopRequireDefault(require("classnames")),
_amosIcon = _interopRequireDefault(require("amos-icon")),
_FilterDropdownMenuWrapper = _interopRequireDefault(require("./FilterDropdownMenuWrapper")),
_elements = require("./_elements");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _react = _interopRequireDefault(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _reactDom = _interopRequireDefault(require("react-dom")), _domClosest = _interopRequireDefault(require("dt2react/lib/class/domClosest")), _classnames = _interopRequireDefault(require("classnames")), _amosIcon = _interopRequireDefault(require("amos-icon")), _FilterDropdownMenuWrapper = _interopRequireDefault(require("./FilterDropdownMenuWrapper")), _elements = require("./_elements");
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _defineProperties(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n)
}
}
function _createClass(e, t, r) {
return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var n = _isNativeReflectConstruct();
function _createSuper(e) {
var t = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, n ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var r, l = (0, _getPrototypeOf2.default)(e);
if (t) {
var i = (0, _getPrototypeOf2.default)(this).constructor;
r = Reflect.construct(l, arguments, i);
} else r = l.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, r);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -82,220 +28,172 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function _defineProperty(e, t, r) {
return t in e ? Object.defineProperty(e, t, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = r, e
}
var FilterMenuProps = {
locale: _propTypes.default.any,
selectedKeys: _propTypes.default.array,
// string[]
// column: {
// filterMultiple?: boolean,
// filterDropdown?: React.ReactNode,
// filters?: { text: string; value: string, children?: any[] }[],
// filterDropdownVisible?: boolean,
// onFilterDropdownVisibleChange?: (visible: boolean) => any,
// fixed?: boolean | string,
// filterIcon?: React.ReactNode;
// };
column: _propTypes.default.object,
confirmFilter: _propTypes.default.func,
// (column: Object, selectedKeys: string[]) => any;
prefixCls: _propTypes.default.string,
tablePrefixCls: _propTypes.default.string,
iconPrefix: _propTypes.default.string,
vender: _propTypes.default.string,
dropdownPrefixCls: _propTypes.default.string
},
FilterMenu = /* */ function() {
_inherits(n, _react["default"].Component);
var r = _createSuper(n);
function n(e) {
var l;
_classCallCheck(this, n), _defineProperty(_assertThisInitialized(l = r.call(this, e)), "setSelectedKeys", function(e) {
e = e.selectedKeys;
locale: _propTypes.default.any,
selectedKeys: _propTypes.default.array,
column: _propTypes.default.object,
confirmFilter: _propTypes.default.func,
prefixCls: _propTypes.default.string,
tablePrefixCls: _propTypes.default.string,
iconPrefix: _propTypes.default.string,
vender: _propTypes.default.string,
dropdownPrefixCls: _propTypes.default.string
}, FilterMenu = function(e) {
(0, _inherits2.default)(r, e);
var t = _createSuper(r);
function r(e) {
var l;
(0, _classCallCheck2.default)(this, r), l = t.call(this, e), (0, _defineProperty2.default)((0,
_assertThisInitialized2.default)(l), "setSelectedKeys", (function(e) {
var t = e.selectedKeys;
l.setState({
selectedKeys: t
});
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(l), "handleClearFilters", (function() {
l.setState({
selectedKeys: []
}, l.handleConfirm);
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(l), "handleConfirm", (function() {
l.setVisible(!1), l.confirmFilter();
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(l), "onVisibleChange", (function(e) {
l.setVisible(e), e || l.confirmFilter();
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(l), "handleMenuItemClick", (function(e) {
if (!(e.keyPath.length <= 1)) {
var t = l.state.keyPathOfSelectedItem;
l.state.selectedKeys.indexOf(e.key) >= 0 ? delete t[e.key] : t[e.key] = e.keyPath,
l.setState({
selectedKeys: e
})
}), _defineProperty(_assertThisInitialized(l), "handleClearFilters", function() {
l.setState({
selectedKeys: []
}, l.handleConfirm)
}), _defineProperty(_assertThisInitialized(l), "handleConfirm", function() {
l.setVisible(!1), l.confirmFilter()
}), _defineProperty(_assertThisInitialized(l), "onVisibleChange", function(e) {
l.setVisible(e), e || l.confirmFilter()
}), _defineProperty(_assertThisInitialized(l), "handleMenuItemClick", function(e) {
var t;
e.keyPath.length <= 1 || (t = l.state.keyPathOfSelectedItem, 0 <= l.state.selectedKeys.indexOf(e.key) ?
// deselect SubMenu child
delete t[e.key] :
// select SubMenu child
t[e.key] = e.keyPath, l.setState({
keyPathOfSelectedItem: t
}))
}), _defineProperty(_assertThisInitialized(l), "renderFilterIcon", function() {
var e = l.props,
t = e.column,
r = e.locale,
n = e.prefixCls,
i = e.iconPrefix,
e = t.filterIcon,
t = 0 < l.props.selectedKeys.length ? "".concat(n, "-selected") : "";
return e ? /* */ _react.default.createElement("span", {
title: r.filterTitle,
className: (0, _classnames.default)(e.className, _defineProperty({}, "".concat(n, "-icon"), !0))
}, e) : /* */ _react.default.createElement(_amosIcon.default, {
title: r.filterTitle,
prefix: i,
icon: "filter",
className: t
})
keyPathOfSelectedItem: t
});
}
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(l), "renderFilterIcon", (function() {
var e = l.props, t = e.column, r = e.locale, i = e.prefixCls, n = e.iconPrefix, s = t.filterIcon, a = l.props.selectedKeys.length > 0 ? "".concat(i, "-selected") : "";
return s ? _react.default.createElement("span", {
title: r.filterTitle,
className: (0, _classnames.default)(s.className, (0, _defineProperty2.default)({}, "".concat(i, "-icon"), !0))
}, s) : _react.default.createElement(_amosIcon.default, {
title: r.filterTitle,
prefix: n,
icon: "filter",
className: a
});
var t = "filterDropdownVisible" in e.column && e.column.filterDropdownVisible;
return l.state = {
selectedKeys: e.selectedKeys,
keyPathOfSelectedItem: {},
// 记录所有有选中子菜单的祖先菜单
visible: t
}, l
}));
var i = "filterDropdownVisible" in e.column && e.column.filterDropdownVisible;
return l.state = {
selectedKeys: e.selectedKeys,
keyPathOfSelectedItem: {},
visible: i
}, l;
}
return (0, _createClass2.default)(r, [ {
key: "componentDidMount",
value: function() {
var e = this.props, t = e.column, r = e.tablePrefixCls, l = _reactDom.default.findDOMNode(this);
!!(0, _domClosest.default)(l, ".".concat(r, "-scroll")) && t.fixed && (this.neverShown = !0);
}
return _createClass(n, [{
key: "componentDidMount",
value: function() {
var e = this.props,
t = e.column,
r = e.tablePrefixCls,
e = _reactDom.default.findDOMNode(this);
!!(0, _domClosest.default)(e, ".".concat(r, "-scroll")) && t.fixed && (
// When fixed column have filters, there will be two dropdown menus
// Filter dropdown menu inside scroll body should never be shown
this.neverShown = !0)
}
}, {
key: "componentWillReceiveProps",
value: function(e) {
var t = e.column,
r = {};
"selectedKeys" in e && (r.selectedKeys = e.selectedKeys), "filterDropdownVisible" in t && (r.visible = t.filterDropdownVisible), 0 < Object.keys(r).length && this.setState(r)
}
}, {
key: "setVisible",
value: function(e) {
var t = this.props.column;
"filterDropdownVisible" in t || this.setState({
visible: e
}), t.onFilterDropdownVisibleChange && t.onFilterDropdownVisibleChange(e)
}
}, {
key: "confirmFilter",
value: function() {
this.state.selectedKeys !== this.props.selectedKeys && this.props.confirmFilter(this.props.column, this.state.selectedKeys)
}
}, {
key: "hasSubMenu",
value: function() {
var e = this.props.column.filters;
return (void 0 === e ? [] : e).some(function(e) {
return !!(e.children && 0 < e.children.length)
})
}
}, {
key: "renderMenuItem",
value: function(e) {
var t = this.props.column,
t = !("filterMultiple" in t) || t.filterMultiple ? /* */ _react.default.createElement(_elements.Checkbox, {
checked: 0 <= this.state.selectedKeys.indexOf(e.value.toString())
}) : /* */ _react.default.createElement(_elements.Radio, {
checked: 0 <= this.state.selectedKeys.indexOf(e.value.toString())
}); /* */
return _react.default.createElement(_elements.MenuItem, {
key: e.value
}, t, /* */ _react.default.createElement("span", null, e.text))
}
}, {
key: "renderMenus",
value: function(e) {
var n = this;
return e.map(function(t) {
if (t.children && 0 < t.children.length) {
var r = n.state.keyPathOfSelectedItem,
e = Object.keys(r).some(function(e) {
return 0 <= r[e].indexOf(t.value)
}) ? "".concat(n.props.dropdownPrefixCls, "-submenu-contain-selected") : ""; /* */
return _react.default.createElement(_elements.SubMenu, {
title: t.text,
className: e,
key: t.value.toString()
}, n.renderMenus(t.children))
}
return n.renderMenuItem(t)
})
}
}, {
key: "render",
value: function() {
var e = this.props,
t = e.column,
r = e.locale,
n = e.prefixCls,
i = e.dropdownPrefixCls,
l = e.vender,
o = !("filterMultiple" in t) || t.filterMultiple,
e = (0, _classnames.default)(_defineProperty({}, "".concat(i, "-menu-without-submenu"), !this.hasSubMenu())),
r = t.filterDropdown ? /* */ _react.default.createElement(_FilterDropdownMenuWrapper.default, null, t.filterDropdown) : /* */ _react.default.createElement(_FilterDropdownMenuWrapper.default, {
className: "".concat(n, "-dropdown")
}, /* */ _react.default.createElement(_elements.Menu, {
multiple: o,
onClick: this.handleMenuItemClick,
prefixCls: "".concat(i, "-menu"),
className: e,
onSelect: this.setSelectedKeys,
onDeselect: this.setSelectedKeys,
selectedKeys: this.state.selectedKeys
}, this.renderMenus(t.filters)), /* */ _react.default.createElement("div", {
className: "".concat(n, "-dropdown-btns")
}, /* */ _react.default.createElement("a", {
className: "".concat(n, "-dropdown-link confirm"),
onClick: this.handleConfirm
}, r.filterConfirm), /* */ _react.default.createElement("a", {
className: "".concat(n, "-dropdown-link clear"),
onClick: this.handleClearFilters
}, r.filterReset))); // default multiple selection in filter dropdown
/* */
return _react.default.createElement("span", {
style: {
position: "relative"
}
}, /* */ _react.default.createElement(_elements.Trigger, {
triggerMode: "click",
placement: "bottomLeft",
usePortal: !1,
content: r,
visible: !this.neverShown && this.state.visible,
onVisibleChange: this.onVisibleChange,
prefixCls: "".concat(l, "-overlay-trigger")
}, this.renderFilterIcon()))
}
}]), n
}();
_defineProperty(exports.default = FilterMenu, "defaultProps", {
}, {
key: "componentWillReceiveProps",
value: function(e) {
var t = e.column, r = {};
"selectedKeys" in e && (r.selectedKeys = e.selectedKeys), "filterDropdownVisible" in t && (r.visible = t.filterDropdownVisible),
Object.keys(r).length > 0 && this.setState(r);
}
}, {
key: "setVisible",
value: function(e) {
var t = this.props.column;
"filterDropdownVisible" in t || this.setState({
visible: e
}), t.onFilterDropdownVisibleChange && t.onFilterDropdownVisibleChange(e);
}
}, {
key: "confirmFilter",
value: function() {
this.state.selectedKeys !== this.props.selectedKeys && this.props.confirmFilter(this.props.column, this.state.selectedKeys);
}
}, {
key: "hasSubMenu",
value: function() {
var e = this.props.column.filters;
return (void 0 === e ? [] : e).some((function(e) {
return !!(e.children && e.children.length > 0);
}));
}
}, {
key: "renderMenuItem",
value: function(e) {
var t = this.props.column, r = !("filterMultiple" in t) || t.filterMultiple ? _react.default.createElement(_elements.Checkbox, {
checked: this.state.selectedKeys.indexOf(e.value.toString()) >= 0
}) : _react.default.createElement(_elements.Radio, {
checked: this.state.selectedKeys.indexOf(e.value.toString()) >= 0
});
return _react.default.createElement(_elements.MenuItem, {
key: e.value
}, r, _react.default.createElement("span", null, e.text));
}
}, {
key: "renderMenus",
value: function(e) {
var t = this;
return e.map((function(e) {
if (e.children && e.children.length > 0) {
var r = t.state.keyPathOfSelectedItem, l = Object.keys(r).some((function(t) {
return r[t].indexOf(e.value) >= 0;
})) ? "".concat(t.props.dropdownPrefixCls, "-submenu-contain-selected") : "";
return _react.default.createElement(_elements.SubMenu, {
title: e.text,
className: l,
key: e.value.toString()
}, t.renderMenus(e.children));
}
return t.renderMenuItem(e);
}));
}
}, {
key: "render",
value: function() {
var e = this.props, t = e.column, r = e.locale, l = e.prefixCls, i = e.dropdownPrefixCls, n = e.vender, s = !("filterMultiple" in t) || t.filterMultiple, a = (0,
_classnames.default)((0, _defineProperty2.default)({}, "".concat(i, "-menu-without-submenu"), !this.hasSubMenu())), o = t.filterDropdown ? _react.default.createElement(_FilterDropdownMenuWrapper.default, null, t.filterDropdown) : _react.default.createElement(_FilterDropdownMenuWrapper.default, {
className: "".concat(l, "-dropdown")
}, _react.default.createElement(_elements.Menu, {
multiple: s,
onClick: this.handleMenuItemClick,
prefixCls: "".concat(i, "-menu"),
className: a,
onSelect: this.setSelectedKeys,
onDeselect: this.setSelectedKeys,
selectedKeys: this.state.selectedKeys
}, this.renderMenus(t.filters)), _react.default.createElement("div", {
className: "".concat(l, "-dropdown-btns")
}, _react.default.createElement("a", {
className: "".concat(l, "-dropdown-link confirm"),
onClick: this.handleConfirm
}, r.filterConfirm), _react.default.createElement("a", {
className: "".concat(l, "-dropdown-link clear"),
onClick: this.handleClearFilters
}, r.filterReset)));
return _react.default.createElement("span", {
style: {
position: "relative"
}
}, _react.default.createElement(_elements.Trigger, {
triggerMode: "click",
placement: "bottomLeft",
usePortal: !1,
content: o,
visible: !this.neverShown && this.state.visible,
onVisibleChange: this.onVisibleChange,
prefixCls: "".concat(n, "-overlay-trigger")
}, this.renderFilterIcon()));
}
} ]), r;
}(_react.default.Component);
exports.default = FilterMenu, (0, _defineProperty2.default)(FilterMenu, "defaultProps", {
handleFilter: function() {},
column: {}
}), _defineProperty(FilterMenu, "propTypes", FilterMenuProps), FilterMenu.displayName = "FilterMenu", module.exports = exports.default;
}), (0, _defineProperty2.default)(FilterMenu, "propTypes", FilterMenuProps), FilterMenu.displayName = "FilterMenu";
+43
-94
lib/FilterDropdownMenuWrapper.js
"use strict";
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"), _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _react = _interopRequireWildcard(require("react")),
_propTypes = _interopRequireDefault(require("prop-types"));
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _react = _interopRequireWildcard(require("react")), _propTypes = _interopRequireDefault(require("prop-types"));
function _getRequireWildcardCache() {
function _getRequireWildcardCache(e) {
if ("function" != typeof WeakMap) return null;
var e = new WeakMap;
return _getRequireWildcardCache = function() {
return e
}, e
var r = new WeakMap, t = new WeakMap;
return (_getRequireWildcardCache = function(e) {
return e ? t : r;
})(e);
}
function _interopRequireWildcard(e) {
if (e && e.__esModule) return e;
function _interopRequireWildcard(e, r) {
if (!r && e && e.__esModule) return e;
if (null === e || "object" !== _typeof(e) && "function" != typeof e) return {
default: e
};
var t = _getRequireWildcardCache();
var t = _getRequireWildcardCache(r);
if (t && t.has(e)) return t.get(e);
var r, o, n = {},
i = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (r in e) Object.prototype.hasOwnProperty.call(e, r) && ((o = i ? Object.getOwnPropertyDescriptor(e, r) : null) && (o.get || o.set) ? Object.defineProperty(n, r, o) : n[r] = e[r]);
return n.default = e, t && t.set(e, n), n
}
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _defineProperties(e, t) {
for (var r = 0; r < t.length; r++) {
var o = t[r];
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
var u = {}, n = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var a in e) if ("default" !== a && Object.prototype.hasOwnProperty.call(e, a)) {
var i = n ? Object.getOwnPropertyDescriptor(e, a) : null;
i && (i.get || i.set) ? Object.defineProperty(u, a, i) : u[a] = e[a];
}
return u.default = e, t && t.set(e, u), u;
}
function _createClass(e, t, r) {
return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var o = _isNativeReflectConstruct();
function _createSuper(e) {
var r = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, o ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var t, u = (0, _getPrototypeOf2.default)(e);
if (r) {
var n = (0, _getPrototypeOf2.default)(this).constructor;
t = Reflect.construct(u, arguments, n);
} else t = u.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, t);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -97,34 +51,27 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
var FilterDropdownMenuWrapper = /* */ function() {
_inherits(t, _react.Component);
var e = _createSuper(t);
var FilterDropdownMenuWrapper = function(e) {
(0, _inherits2.default)(t, e);
var r = _createSuper(t);
function t() {
return _classCallCheck(this, t), e.apply(this, arguments)
return (0, _classCallCheck2.default)(this, t), r.apply(this, arguments);
}
return _createClass(t, [{
return (0, _createClass2.default)(t, [ {
key: "render",
value: function() {
var e = this.props,
t = e.className,
r = e.onClick,
e = e.children; /* */
var e = this.props, r = e.className, t = e.onClick, u = e.children;
return _react.default.createElement("div", {
className: t,
onClick: r
}, e)
className: r,
onClick: t
}, u);
}
}]), t
}();
} ]), t;
}(_react.Component);
FilterDropdownMenuWrapper.displayName = "FilterDropdownMenuWrapper", FilterDropdownMenuWrapper.propTypes = {

@@ -135,3 +82,5 @@ onClick: _propTypes.default.func,

};
var _default = FilterDropdownMenuWrapper;
exports.default = FilterDropdownMenuWrapper, module.exports = exports.default;
exports.default = _default;
+7
-9
lib/index.js
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {

@@ -7,13 +10,8 @@ value: !0

get: function() {
return _Table.default
return _Table.default;
}
});
var _Table = _interopRequireDefault(require("./Table")),
_ActionTable = _interopRequireDefault(require("./ActionTable"));
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
_Table.default.ActionTable = _ActionTable.default;
var _Table = _interopRequireDefault(require("./Table")), _ActionTable = _interopRequireDefault(require("./ActionTable"));
_Table.default.ActionTable = _ActionTable.default;
+76
-152
lib/SelectionBox.js
"use strict";
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _react = _interopRequireDefault(require("react")),
_propTypes = _interopRequireDefault(require("prop-types")),
_elements = require("./_elements");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _react = _interopRequireDefault(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _elements = require("./_elements");
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _defineProperties(e, t) {
for (var r = 0; r < t.length; r++) {
var o = t[r];
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
}
}
function _createClass(e, t, r) {
return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var o = _isNativeReflectConstruct();
function _createSuper(e) {
var t = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, o ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var r, n = (0, _getPrototypeOf2.default)(e);
if (t) {
var o = (0, _getPrototypeOf2.default)(this).constructor;
r = Reflect.construct(n, arguments, o);
} else r = n.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, r);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -77,98 +28,71 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function _defineProperty(e, t, r) {
return t in e ? Object.defineProperty(e, t, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = r, e
}
var SelectionBoxProps = {
store: _propTypes.default.object,
type: _propTypes.default.string,
defaultSelection: _propTypes.default.array,
// string[];
rowIndex: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
disabled: _propTypes.default.bool,
onChange: _propTypes.default.func
},
SelectionBox = /* */ function() {
_inherits(o, _react["default"].Component);
var r = _createSuper(o);
store: _propTypes.default.object,
type: _propTypes.default.string,
defaultSelection: _propTypes.default.array,
rowIndex: _propTypes.default.oneOfType([ _propTypes.default.string, _propTypes.default.number ]),
disabled: _propTypes.default.bool,
onChange: _propTypes.default.func
}, SelectionBox = function(e) {
(0, _inherits2.default)(r, e);
var t = _createSuper(r);
function r(e) {
var n;
return (0, _classCallCheck2.default)(this, r), (n = t.call(this, e)).state = {
checked: n.getCheckState(e)
}, n;
}
return (0, _createClass2.default)(r, [ {
key: "componentDidMount",
value: function() {
this.subscribe();
}
}, {
key: "componentWillUnmount",
value: function() {
this.unsubscribe && this.unsubscribe();
}
}, {
key: "subscribe",
value: function() {
var e = this, t = this.props.store;
this.unsubscribe = t.subscribe((function() {
var t = e.getCheckState(e.props);
e.setState({
checked: t
});
}));
}
}, {
key: "getCheckState",
value: function(e) {
var t = e.store, r = e.defaultSelection, n = e.rowIndex;
return t.getState().selectionDirty ? t.getState().selectedRowKeys.indexOf(n) >= 0 : t.getState().selectedRowKeys.indexOf(n) >= 0 || r.indexOf(n) >= 0;
}
}, {
key: "render",
value: function() {
var e = this.props, t = e.type, r = e.rowIndex, n = e.disabled, o = e.onChange, u = this.state.checked;
return "radio" === t ? _react.default.createElement(_elements.Radio, {
disabled: n,
onChange: o,
value: r,
checked: u
}) : _react.default.createElement(_elements.Checkbox, {
checked: u,
disabled: n,
onChange: o
});
}
} ]), r;
}(_react.default.Component);
function o(e) {
var t;
return _classCallCheck(this, o), (t = r.call(this, e)).state = {
checked: t.getCheckState(e)
}, t
}
return _createClass(o, [{
key: "componentDidMount",
value: function() {
this.subscribe()
}
}, {
key: "componentWillUnmount",
value: function() {
this.unsubscribe && this.unsubscribe()
}
}, {
key: "subscribe",
value: function() {
var t = this,
e = this.props.store;
this.unsubscribe = e.subscribe(function() {
var e = t.getCheckState(t.props);
t.setState({
checked: e
})
})
}
}, {
key: "getCheckState",
value: function(e) {
var t = e.store,
r = e.defaultSelection,
e = e.rowIndex;
return t.getState().selectionDirty ? 0 <= t.getState().selectedRowKeys.indexOf(e) : 0 <= t.getState().selectedRowKeys.indexOf(e) || 0 <= r.indexOf(e)
}
}, {
key: "render",
value: function() {
var e = this.props,
t = e.type,
r = e.rowIndex,
o = e.disabled,
n = e.onChange,
e = this.state.checked;
return "radio" === t ? /* */ _react.default.createElement(_elements.Radio, {
disabled: o,
onChange: n,
value: r,
checked: e
}) : /* */ _react.default.createElement(_elements.Checkbox, {
checked: e,
disabled: o,
onChange: n
})
}
}]), o
}();
/**
* 复选框，单列选中
* @class SelectionBox
* @extends {React.Component}
*/
_defineProperty(exports.default = SelectionBox, "propTypes", SelectionBoxProps), SelectionBox.displayName = "SelectionBox", module.exports = exports.default;
exports.default = SelectionBox, (0, _defineProperty2.default)(SelectionBox, "propTypes", SelectionBoxProps),
SelectionBox.displayName = "SelectionBox";
+151
-241
lib/SelectionCheckboxAll.js
"use strict";
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _react = _interopRequireDefault(require("react")),
_propTypes = _interopRequireDefault(require("prop-types")),
_classnames = _interopRequireDefault(require("classnames")),
_amosIcon = _interopRequireDefault(require("amos-icon")),
_elements = require("./_elements");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _react = _interopRequireDefault(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _classnames = _interopRequireDefault(require("classnames")), _amosIcon = _interopRequireDefault(require("amos-icon")), _elements = require("./_elements");
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _defineProperties(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n)
}
}
function _createClass(e, t, r) {
return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var n = _isNativeReflectConstruct();
function _createSuper(e) {
var t = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, n ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var r, n = (0, _getPrototypeOf2.default)(e);
if (t) {
var l = (0, _getPrototypeOf2.default)(this).constructor;
r = Reflect.construct(n, arguments, l);
} else r = n.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, r);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -79,191 +28,152 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function _defineProperty(e, t, r) {
return t in e ? Object.defineProperty(e, t, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = r, e
}
var SelectionCheckboxAllProps = {
store: _propTypes.default.object,
// Store
iconPrefix: _propTypes.default.string,
vender: _propTypes.default.string,
locale: _propTypes.default.any,
disabled: _propTypes.default.bool,
getCheckboxPropsByItem: _propTypes.default.func,
// (item: any, index: number) => any;
getRecordKey: _propTypes.default.func,
// (record: any, index?: number) => string;
data: _propTypes.default.array,
// any[];
prefixCls: _propTypes.default.string,
// string | undefined;
onSelect: _propTypes.default.func,
// (key: string, index: number, selectFunc: any) => void;
// SelectionDecorator = {
// key: string;
// text: React.ReactNode;
// onSelect: (changeableRowKeys: string[]) => void;
// }
selections: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.arrayOf(_propTypes.default.shape({
key: _propTypes.default.string,
text: _propTypes.default.node,
onSelect: _propTypes.default.func
}))])
},
SelectionCheckboxAll = /* */ function() {
_inherits(n, _react["default"].Component);
var r = _createSuper(n);
function n(e) {
var t;
return _classCallCheck(this, n), _defineProperty(_assertThisInitialized(t = r.call(this, e)), "handleSelectAllChagne", function(e) {
e = e.target.checked;
t.props.onSelect(e ? "all" : "removeAll", 0, null)
}), t.defaultSelections = [{
key: "all",
text: e.locale.selectAll,
onSelect: function() {}
}, {
key: "invert",
text: e.locale.selectInvert,
onSelect: function() {}
}], t.state = {
checked: t.getCheckState(e),
indeterminate: t.getIndeterminateState(e)
}, t
store: _propTypes.default.object,
iconPrefix: _propTypes.default.string,
vender: _propTypes.default.string,
locale: _propTypes.default.any,
disabled: _propTypes.default.bool,
getCheckboxPropsByItem: _propTypes.default.func,
getRecordKey: _propTypes.default.func,
data: _propTypes.default.array,
prefixCls: _propTypes.default.string,
onSelect: _propTypes.default.func,
selections: _propTypes.default.oneOfType([ _propTypes.default.bool, _propTypes.default.arrayOf(_propTypes.default.shape({
key: _propTypes.default.string,
text: _propTypes.default.node,
onSelect: _propTypes.default.func
})) ])
}, SelectionCheckboxAll = function(e) {
(0, _inherits2.default)(r, e);
var t = _createSuper(r);
function r(e) {
var n;
return (0, _classCallCheck2.default)(this, r), n = t.call(this, e), (0, _defineProperty2.default)((0,
_assertThisInitialized2.default)(n), "handleSelectAllChagne", (function(e) {
var t = e.target.checked;
n.props.onSelect(t ? "all" : "removeAll", 0, null);
})), n.defaultSelections = [ {
key: "all",
text: e.locale.selectAll,
onSelect: function() {}
}, {
key: "invert",
text: e.locale.selectInvert,
onSelect: function() {}
} ], n.state = {
checked: n.getCheckState(e),
indeterminate: n.getIndeterminateState(e)
}, n;
}
return (0, _createClass2.default)(r, [ {
key: "componentDidMount",
value: function() {
this.subscribe();
}
return _createClass(n, [{
key: "componentDidMount",
value: function() {
this.subscribe()
}
}, {
key: "componentWillReceiveProps",
value: function(e) {
this.setCheckState(e)
}
}, {
key: "componentWillUnmount",
value: function() {
this.unsubscribe && this.unsubscribe()
}
}, {
key: "setCheckState",
value: function(e) {
var t = this.getCheckState(e),
e = this.getIndeterminateState(e);
t !== this.state.checked && this.setState({
checked: t
}), e !== this.state.indeterminate && this.setState({
indeterminate: e
})
}
}, {
key: "getCheckState",
value: function(e) {
var t = e.store,
e = e.data,
e = !!e.length && (t.getState().selectionDirty ? this.checkSelection(e, "every", !1) : this.checkSelection(e, "every", !1) || this.checkSelection(e, "every", !0));
return e
}
}, {
key: "getIndeterminateState",
value: function(e) {
var t = e.store,
e = e.data,
e = !!e.length && (t.getState().selectionDirty ? this.checkSelection(e, "some", !1) && !this.checkSelection(e, "every", !1) : this.checkSelection(e, "some", !1) && !this.checkSelection(e, "every", !1) || this.checkSelection(e, "some", !0) && !this.checkSelection(e, "every", !0));
return e
}
}, {
key: "subscribe",
value: function() {
var e = this,
t = this.props.store;
this.unsubscribe = t.subscribe(function() {
e.setCheckState(e.props)
})
}
}, {
key: "checkSelection",
value: function(e, t, r) {
var n = this.props,
o = n.store,
c = n.getCheckboxPropsByItem,
i = n.getRecordKey; // type should be 'every' | 'some'
return ("every" === t || "some" === t) && (r ? e[t](function(e, t) {
return c(e, t).defaultChecked
}) : e[t](function(e, t) {
return 0 <= o.getState().selectedRowKeys.indexOf(i(e, t))
}))
} // SelectionDecorator[]
}, {
key: "renderMenus",
value: function(e) {
var r = this;
return e.map(function(e, t) {
/* */
return _react.default.createElement(_elements.MenuItem, {
key: e.key || t
}, /* */ _react.default.createElement("div", {
onClick: function() {
r.props.onSelect(e.key, t, e.onSelect)
}
}, e.text))
})
}
}, {
key: "render",
value: function() {
var e = this.props,
t = e.disabled,
r = e.prefixCls,
n = e.selections,
o = e.iconPrefix,
c = e.vender,
i = this.state,
l = i.checked,
e = i.indeterminate,
i = "".concat(r, "-selection"),
r = null; // React.ReactNode
return n && (n = Array.isArray(n) ? this.defaultSelections.concat(n) : this.defaultSelections, n = /* */ _react.default.createElement(_elements.Menu, {
className: "".concat(i, "-menu"),
}, {
key: "componentWillReceiveProps",
value: function(e) {
this.setCheckState(e);
}
}, {
key: "componentWillUnmount",
value: function() {
this.unsubscribe && this.unsubscribe();
}
}, {
key: "setCheckState",
value: function(e) {
var t = this.getCheckState(e), r = this.getIndeterminateState(e);
t !== this.state.checked && this.setState({
checked: t
}), r !== this.state.indeterminate && this.setState({
indeterminate: r
});
}
}, {
key: "getCheckState",
value: function(e) {
var t = e.store, r = e.data;
return !!r.length && (t.getState().selectionDirty ? this.checkSelection(r, "every", !1) : this.checkSelection(r, "every", !1) || this.checkSelection(r, "every", !0));
}
}, {
key: "getIndeterminateState",
value: function(e) {
var t = e.store, r = e.data;
return !!r.length && (t.getState().selectionDirty ? this.checkSelection(r, "some", !1) && !this.checkSelection(r, "every", !1) : this.checkSelection(r, "some", !1) && !this.checkSelection(r, "every", !1) || this.checkSelection(r, "some", !0) && !this.checkSelection(r, "every", !0));
}
}, {
key: "subscribe",
value: function() {
var e = this, t = this.props.store;
this.unsubscribe = t.subscribe((function() {
e.setCheckState(e.props);
}));
}
}, {
key: "checkSelection",
value: function(e, t, r) {
var n = this.props, l = n.store, a = n.getCheckboxPropsByItem, i = n.getRecordKey;
return ("every" === t || "some" === t) && (r ? e[t]((function(e, t) {
return a(e, t).defaultChecked;
})) : e[t]((function(e, t) {
return l.getState().selectedRowKeys.indexOf(i(e, t)) >= 0;
})));
}
}, {
key: "renderMenus",
value: function(e) {
var t = this;
return e.map((function(e, r) {
return _react.default.createElement(_elements.MenuItem, {
key: e.key || r
}, _react.default.createElement("div", {
onClick: function() {
t.props.onSelect(e.key, r, e.onSelect);
}
}, e.text));
}));
}
}, {
key: "render",
value: function() {
var e = this.props, t = e.disabled, r = e.prefixCls, n = e.selections, l = e.iconPrefix, a = e.vender, i = this.state, c = i.checked, o = i.indeterminate, s = "".concat(r, "-selection"), u = null;
if (n) {
var p = Array.isArray(n) ? this.defaultSelections.concat(n) : this.defaultSelections, f = _react.default.createElement(_elements.Menu, {
className: "".concat(s, "-menu"),
selectedKeys: []
}, this.renderMenus(n)), r = /* */ _react.default.createElement(_elements.Trigger, {
}, this.renderMenus(p));
u = _react.default.createElement(_elements.Trigger, {
triggerMode: "click",
placement: "bottomLeft",
usePortal: !1,
content: n,
prefixCls: "".concat(c, "-overlay-trigger")
}, /* */ _react.default.createElement("div", {
className: "".concat(i, "-down")
}, /* */ _react.default.createElement(_amosIcon.default, {
prefix: o,
content: f,
prefixCls: "".concat(a, "-overlay-trigger")
}, _react.default.createElement("div", {
className: "".concat(s, "-down")
}, _react.default.createElement(_amosIcon.default, {
prefix: l,
icon: "down"
})))), /* */ _react.default.createElement("div", {
className: i
}, /* */ _react.default.createElement(_elements.Checkbox, {
className: (0, _classnames.default)(_defineProperty({}, "".concat(i, "-select-all-custom"), r)),
checked: l,
indeterminate: e,
disabled: t,
onChange: this.handleSelectAllChagne
}), r)
})));
}
}]), n
}();
_defineProperty(exports.default = SelectionCheckboxAll, "propTypes", SelectionCheckboxAllProps), SelectionCheckboxAll.displayName = "SelectionCheckboxAll", module.exports = exports.default;
return _react.default.createElement("div", {
className: s
}, _react.default.createElement(_elements.Checkbox, {
className: (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(s, "-select-all-custom"), u)),
checked: c,
indeterminate: o,
disabled: t,
onChange: this.handleSelectAllChagne
}), u);
}
} ]), r;
}(_react.default.Component);
exports.default = SelectionCheckboxAll, (0, _defineProperty2.default)(SelectionCheckboxAll, "propTypes", SelectionCheckboxAllProps),
SelectionCheckboxAll.displayName = "SelectionCheckboxAll";
+575
-711
lib/Table.js
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = void 0;
var _react = _interopRequireDefault(require("react")),
_propTypes = _interopRequireDefault(require("prop-types")),
_reactDom = require("react-dom"),
_table = _interopRequireDefault(require("crispfit-ui/lib/table")),
_createStore = _interopRequireDefault(require("crispfit-ui/lib/table/createStore")),
_classnames = _interopRequireDefault(require("classnames")),
_warning = _interopRequireDefault(require("dt2react/lib/utils/warning")),
_amosIcon = _interopRequireDefault(require("amos-icon")),
_filterDropdown = _interopRequireDefault(require("./filterDropdown")),
_SelectionBox = _interopRequireDefault(require("./SelectionBox")),
_SelectionCheckboxAll = _interopRequireDefault(require("./SelectionCheckboxAll")),
_Column = _interopRequireDefault(require("./Column")),
_ColumnGroup = _interopRequireDefault(require("./ColumnGroup")),
_util = require("./util"),
_elements = require("./_elements");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")), _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")), _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof")), _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")), _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")), _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _react = _interopRequireDefault(require("react")), _propTypes = _interopRequireDefault(require("prop-types")), _reactDom = require("react-dom"), _table = _interopRequireDefault(require("crispfit-ui/lib/table")), _createStore = _interopRequireDefault(require("crispfit-ui/lib/table/createStore")), _classnames = _interopRequireDefault(require("classnames")), _warning = _interopRequireDefault(require("dt2react/lib/utils/warning")), _amosIcon = _interopRequireDefault(require("amos-icon")), _filterDropdown = _interopRequireDefault(require("./filterDropdown")), _SelectionBox = _interopRequireDefault(require("./SelectionBox")), _SelectionCheckboxAll = _interopRequireDefault(require("./SelectionCheckboxAll")), _Column = _interopRequireDefault(require("./Column")), _ColumnGroup = _interopRequireDefault(require("./ColumnGroup")), _util = require("./util"), _elements = require("./_elements");
function _objectWithoutProperties(e, t) {
if (null == e) return {};
var r, o = _objectWithoutPropertiesLoose(e, t);
if (Object.getOwnPropertySymbols)
for (var n = Object.getOwnPropertySymbols(e), a = 0; a < n.length; a++) r = n[a], 0 <= t.indexOf(r) || Object.prototype.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
return o
}
function _objectWithoutPropertiesLoose(e, t) {
if (null == e) return {};
for (var r, o = {}, n = Object.keys(e), a = 0; a < n.length; a++) r = n[a], 0 <= t.indexOf(r) || (o[r] = e[r]);
return o
}
function _extends() {
return (_extends = Object.assign || function(e) {
for (var t = 1; t < arguments.length; t++) {
var r, o = arguments[t];
for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (e[r] = o[r])
}
return e
}).apply(this, arguments)
}
function _typeof(e) {
return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
return typeof e
} : function(e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function ownKeys(t, e) {
var r, o = Object.keys(t);
return Object.getOwnPropertySymbols && (r = Object.getOwnPropertySymbols(t), e && (r = r.filter(function(e) {
return Object.getOwnPropertyDescriptor(t, e).enumerable
})), o.push.apply(o, r)), o
}
function _objectSpread(t) {
for (var e = 1; e < arguments.length; e++) {
var r = null != arguments[e] ? arguments[e] : {};
e % 2 ? ownKeys(Object(r), !0).forEach(function(e) {
_defineProperty(t, e, r[e])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : ownKeys(Object(r)).forEach(function(e) {
Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(r, e))
})
function ownKeys(e, t) {
var r = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
t && (n = n.filter((function(t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable;
}))), r.push.apply(r, n);
}
return t
return r;
}
function _classCallCheck(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function _defineProperties(e, t) {
for (var r = 0; r < t.length; r++) {
var o = t[r];
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
function _objectSpread(e) {
for (var t = 1; t < arguments.length; t++) {
var r = null != arguments[t] ? arguments[t] : {};
t % 2 ? ownKeys(Object(r), !0).forEach((function(t) {
(0, _defineProperty2.default)(e, t, r[t]);
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ownKeys(Object(r)).forEach((function(t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
}));
}
return e;
}
function _createClass(e, t, r) {
return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e
}
function _inherits(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _setPrototypeOf(e, t)
}
function _setPrototypeOf(e, t) {
return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
return e.__proto__ = t, e
})(e, t)
}
function _createSuper(r) {
var o = _isNativeReflectConstruct();
function _createSuper(e) {
var t = _isNativeReflectConstruct();
return function() {
var e, t = _getPrototypeOf(r);
return _possibleConstructorReturn(this, o ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
}
var r, n = (0, _getPrototypeOf2.default)(e);
if (t) {
var o = (0, _getPrototypeOf2.default)(this).constructor;
r = Reflect.construct(n, arguments, o);
} else r = n.apply(this, arguments);
return (0, _possibleConstructorReturn2.default)(this, r);
};
}
function _possibleConstructorReturn(e, t) {
return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _isNativeReflectConstruct() {

@@ -132,612 +51,559 @@ if ("undefined" == typeof Reflect || !Reflect.construct) return !1;

try {
return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {}))),
!0;
} catch (e) {
return !1
return !1;
}
}
function _getPrototypeOf(e) {
return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function _defineProperty(e, t, r) {
return t in e ? Object.defineProperty(e, t, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = r, e
}
function noop() {}
function stopPropagation(e) {
e.stopPropagation(), e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation()
e.stopPropagation(), e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
}
var defaultLocale = {
filterTitle: "筛选",
filterConfirm: "确定",
filterReset: "重置",
emptyText: /* */ _react.default.createElement("span", null, "☹暂无数据"),
selectAll: "全选当页",
selectInvert: "反选当页"
},
defaultPagination = {
onChange: noop,
onShowSizeChange: noop
},
emptyObject = {},
Table = /* */ function() {
_inherits(r, _react["default"].Component);
var t = _createSuper(r);
filterTitle: "筛选",
filterConfirm: "确定",
filterReset: "重置",
emptyText: _react.default.createElement("span", null, "☹暂无数据"),
selectAll: "全选当页",
selectInvert: "反选当页"
}, defaultPagination = {
onChange: noop,
onShowSizeChange: noop
}, emptyObject = {}, Table = function(e) {
(0, _inherits2.default)(r, e);
var t = _createSuper(r);
function r(e) {
var n;
return (0, _classCallCheck2.default)(this, r), n = t.call(this, e), (0, _defineProperty2.default)((0,
_assertThisInitialized2.default)(n), "getCheckboxPropsByItem", (function(e, t) {
var r = n.props.rowSelection, o = void 0 === r ? {} : r;
if (!o.getCheckboxProps) return {};
var a = n.getRecordKey(e, t);
return n.CheckboxPropsCache[a] || (n.CheckboxPropsCache[a] = o.getCheckboxProps(e)),
n.CheckboxPropsCache[a];
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "handleFilter", (function(e, t) {
var r = n.props, o = _objectSpread({}, n.state.pagination), a = _objectSpread(_objectSpread({}, n.state.filters), {}, (0,
_defineProperty2.default)({}, n.getColumnKey(e), t)), i = [];
(0, _util.treeMap)(n.columns, (function(e) {
e.children || i.push(n.getColumnKey(e));
})), Object.keys(a).forEach((function(e) {
i.indexOf(e) < 0 && delete a[e];
})), r.pagination && (o.current = 1, o.onChange(o.current));
var l = {
pagination: o,
filters: {}
}, s = _objectSpread({}, a);
n.getFilteredValueColumns().forEach((function(e) {
var t = n.getColumnKey(e);
t && delete s[t];
})), Object.keys(s).length > 0 && (l.filters = s), "object" === (0, _typeof2.default)(r.pagination) && "current" in r.pagination && (l.pagination = _objectSpread(_objectSpread({}, o), {}, {
current: n.state.pagination.current
})), n.setState(l, (function() {
n.store.setState({
selectionDirty: !1
});
var e = n.props.onChange;
e && e.apply(null, n.prepareParamsArguments(_objectSpread(_objectSpread({}, n.state), {}, {
selectionDirty: !1,
filters: a,
pagination: o
})));
}));
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "handleSelect", (function(e, t, r) {
var o = r.target.checked, a = n.store.getState().selectionDirty ? [] : n.getDefaultSelection(), i = n.store.getState().selectedRowKeys.concat(a), l = n.getRecordKey(e, t);
o ? i.push(n.getRecordKey(e, t)) : i = i.filter((function(e) {
return l !== e;
})), n.store.setState({
selectionDirty: !0
}), n.setSelectedRowKeys(i, {
selectWay: "onSelect",
record: e,
checked: o
});
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "handleRadioSelect", (function(e, t, r) {
var o = r.target.checked, a = n.store.getState().selectionDirty ? [] : n.getDefaultSelection(), i = n.store.getState().selectedRowKeys.concat(a);
i = [ n.getRecordKey(e, t) ], n.store.setState({
selectionDirty: !0
}), n.setSelectedRowKeys(i, {
selectWay: "onSelect",
record: e,
checked: o
});
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "handleSelectRow", (function(e, t, r) {
var o, a = n.getFlatCurrentPageData(), i = n.store.getState().selectionDirty ? [] : n.getDefaultSelection(), l = n.store.getState().selectedRowKeys.concat(i), s = a.filter((function(e, t) {
return !n.getCheckboxPropsByItem(e, t).disabled;
})).map((function(e, t) {
return n.getRecordKey(e, t);
})), u = [], c = "";
switch (e) {
case "all":
s.forEach((function(e) {
l.indexOf(e) < 0 && (l.push(e), u.push(e));
})), c = "onSelectAll", o = !0;
break;
function r(e) {
var u;
return _classCallCheck(this, r), _defineProperty(_assertThisInitialized(u = t.call(this, e)), "getCheckboxPropsByItem", function(e, t) {
var r = u.props.rowSelection,
r = void 0 === r ? {} : r;
if (!r.getCheckboxProps) return {};
t = u.getRecordKey(e, t); // Cache checkboxProps
return u.CheckboxPropsCache[t] || (u.CheckboxPropsCache[t] = r.getCheckboxProps(e)), u.CheckboxPropsCache[t]
}), _defineProperty(_assertThisInitialized(u), "handleFilter", function(e, t) {
var r = u.props,
o = _objectSpread({}, u.state.pagination),
n = _objectSpread(_objectSpread({}, u.state.filters), {}, _defineProperty({}, u.getColumnKey(e), t)),
a = [];
(0, _util.treeMap)(u.columns, function(e) {
e.children || a.push(u.getColumnKey(e))
}), Object.keys(n).forEach(function(e) {
a.indexOf(e) < 0 && delete n[e]
}), r.pagination && (
// Reset current prop
o.current = 1, o.onChange(o.current));
var t = {
pagination: o,
filters: {}
},
i = _objectSpread({}, n); // Remove filters which is controlled
u.getFilteredValueColumns().forEach(function(e) {
e = u.getColumnKey(e);
e && delete i[e]
}), 0 < Object.keys(i).length && (t.filters = i), // Controlled current prop will not respond user interaction
"object" === _typeof(r.pagination) && "current" in r.pagination && (t.pagination = _objectSpread(_objectSpread({}, o), {}, {
current: u.state.pagination.current
})), u.setState(t, function() {
u.store.setState({
selectionDirty: !1
});
var e = u.props.onChange;
e && e.apply(null, u.prepareParamsArguments(_objectSpread(_objectSpread({}, u.state), {}, {
selectionDirty: !1,
filters: n,
pagination: o
})))
})
}), _defineProperty(_assertThisInitialized(u), "handleSelect", function(e, t, r) {
var o = r.target.checked,
r = u.store.getState().selectionDirty ? [] : u.getDefaultSelection(),
r = u.store.getState().selectedRowKeys.concat(r),
n = u.getRecordKey(e, t);
o ? r.push(u.getRecordKey(e, t)) : r = r.filter(function(e) {
return n !== e
}), u.store.setState({
selectionDirty: !0
}), u.setSelectedRowKeys(r, {
selectWay: "onSelect",
record: e,
checked: o
})
}), _defineProperty(_assertThisInitialized(u), "handleRadioSelect", function(e, t, r) {
var o = r.target.checked,
r = u.store.getState().selectionDirty ? [] : u.getDefaultSelection(),
r = u.store.getState().selectedRowKeys.concat(r),
r = [u.getRecordKey(e, t)];
u.store.setState({
selectionDirty: !0
}), u.setSelectedRowKeys(r, {
selectWay: "onSelect",
record: e,
checked: o
})
}), _defineProperty(_assertThisInitialized(u), "handleSelectRow", function(e, t, r) {
var o, n = u.getFlatCurrentPageData(),
a = u.store.getState().selectionDirty ? [] : u.getDefaultSelection(),
i = u.store.getState().selectedRowKeys.concat(a),
s = n.filter(function(e, t) {
return !u.getCheckboxPropsByItem(e, t).disabled
}).map(function(e, t) {
return u.getRecordKey(e, t)
}),
l = [],
c = ""; // handle default selection
switch (e) {
case "all":
s.forEach(function(e) {
i.indexOf(e) < 0 && (i.push(e), l.push(e))
}), c = "onSelectAll", o = !0;
break;
case "removeAll":
s.forEach(function(e) {
0 <= i.indexOf(e) && (i.splice(i.indexOf(e), 1), l.push(e))
}), o = !(c = "onSelectAll");
break;
case "invert":
s.forEach(function(e) {
i.indexOf(e) < 0 ? i.push(e) : i.splice(i.indexOf(e), 1), l.push(e), c = "onSelectInvert"
})
} // when select custom selection, callback selections[n].onSelect
if (u.store.setState({
selectionDirty: !0
}), 1 < t && "function" == typeof r) return r(s);
u.setSelectedRowKeys(i, {
selectWay: c,
checked: o,
changeRowKeys: l
})
}), _defineProperty(_assertThisInitialized(u), "handlePageChange", function(e) {
var t = u.props,
r = _objectSpread({}, u.state.pagination);
r.current = e || r.current || 1;
for (var o = arguments.length, n = new Array(1 < o ? o - 1 : 0), a = 1; a < o; a++) n[a - 1] = arguments[a];
r.onChange.apply(r, [r.current].concat(n));
e = {
pagination: r
}; // Controlled current prop will not respond user interaction
t.pagination && "object" === _typeof(t.pagination) && "current" in t.pagination && (e.pagination = _objectSpread(_objectSpread({}, r), {}, {
current: u.state.pagination.current
})), u.setState(e), u.store.setState({
selectionDirty: !1
});
e = u.props.onChange;
e && e.apply(null, u.prepareParamsArguments(_objectSpread(_objectSpread({}, u.state), {}, {
selectionDirty: !1,
pagination: r
})))
}), _defineProperty(_assertThisInitialized(u), "renderSelectionBox", function(n) {
var a = u.props.selectionBoxClass;
return function(e, t, r) {
var o = u.getRecordKey(t, r),
r = u.getCheckboxPropsByItem(t, r); // 从 1 开始
/* */
return _react.default.createElement("span", {
onClick: stopPropagation
}, /* */ _react.default.createElement(a, {
type: n,
store: u.store,
rowIndex: o,
disabled: r.disabled,
onChange: function(e) {
"radio" === n ? u.handleRadioSelect(t, o, e) : u.handleSelect(t, o, e)
},
defaultSelection: u.getDefaultSelection()
}))
}
}), _defineProperty(_assertThisInitialized(u), "getRecordKey", function(e, t) {
var r = u.props.rowKey,
r = "function" == typeof r ? r(e, t) : e[r];
return (0, _warning.default)(void 0 !== r, "Each record in dataSource of table should have a unique `key` prop, or set `rowKey` to an unique primary key!"), void 0 === r ? t : r
}), _defineProperty(_assertThisInitialized(u), "getPopupContainer", function() {
return (0, _reactDom.findDOMNode)(_assertThisInitialized(u))
}), _defineProperty(_assertThisInitialized(u), "handleShowSizeChange", function(e, t) {
var r = u.state.pagination;
r.onShowSizeChange(e, t);
t = _objectSpread(_objectSpread({}, r), {}, {
pageSize: t,
current: e
});
u.setState({
pagination: t
});
e = u.props.onChange;
e && e.apply(null, u.prepareParamsArguments(_objectSpread(_objectSpread({}, u.state), {}, {
pagination: t
})))
}), u.columns = e.columns || (0, _util.normalizeColumns)(e.children), u.state = _objectSpread(_objectSpread({}, u.getSortStateFromColumns()), {}, {
// 减少状态
filters: u.getFiltersFromColumns(),
pagination: u.getDefaultPagination(e)
}), u.CheckboxPropsCache = {}, u.store = (0, _createStore.default)({
selectedRowKeys: (e.rowSelection || {}).selectedRowKeys || [],
selectionDirty: !1
}), // 启用自定义列过滤
u.enableColumnFilter = !1, u
case "removeAll":
s.forEach((function(e) {
l.indexOf(e) >= 0 && (l.splice(l.indexOf(e), 1), u.push(e));
})), c = "onSelectAll", o = !1;
break;
case "invert":
s.forEach((function(e) {
l.indexOf(e) < 0 ? l.push(e) : l.splice(l.indexOf(e), 1), u.push(e), c = "onSelectInvert";
}));
}
if (n.store.setState({
selectionDirty: !0
}), t > 1 && "function" == typeof r) return r(s);
n.setSelectedRowKeys(l, {
selectWay: c,
checked: o,
changeRowKeys: u
});
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "handlePageChange", (function(e) {
var t = n.props, r = _objectSpread({}, n.state.pagination);
r.current = e || (r.current || 1);
for (var o = arguments.length, a = new Array(o > 1 ? o - 1 : 0), i = 1; i < o; i++) a[i - 1] = arguments[i];
r.onChange.apply(r, [ r.current ].concat(a));
var l = {
pagination: r
};
t.pagination && "object" === (0, _typeof2.default)(t.pagination) && "current" in t.pagination && (l.pagination = _objectSpread(_objectSpread({}, r), {}, {
current: n.state.pagination.current
})), n.setState(l), n.store.setState({
selectionDirty: !1
});
var s = n.props.onChange;
s && s.apply(null, n.prepareParamsArguments(_objectSpread(_objectSpread({}, n.state), {}, {
selectionDirty: !1,
pagination: r
})));
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "renderSelectionBox", (function(e) {
var t = n.props.selectionBoxClass;
return function(r, o, a) {
var i = n.getRecordKey(o, a), l = n.getCheckboxPropsByItem(o, a);
return _react.default.createElement("span", {
onClick: stopPropagation
}, _react.default.createElement(t, {
type: e,
store: n.store,
rowIndex: i,
disabled: l.disabled,
onChange: function(t) {
"radio" === e ? n.handleRadioSelect(o, i, t) : n.handleSelect(o, i, t);
},
defaultSelection: n.getDefaultSelection()
}));
};
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "getRecordKey", (function(e, t) {
var r = n.props.rowKey, o = "function" == typeof r ? r(e, t) : e[r];
return (0, _warning.default)(void 0 !== o, "Each record in dataSource of table should have a unique `key` prop, or set `rowKey` to an unique primary key!"),
void 0 === o ? t : o;
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "getPopupContainer", (function() {
return (0, _reactDom.findDOMNode)((0, _assertThisInitialized2.default)(n));
})), (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(n), "handleShowSizeChange", (function(e, t) {
var r = n.state.pagination;
r.onShowSizeChange(e, t);
var o = _objectSpread(_objectSpread({}, r), {}, {
pageSize: t,
current: e
});
n.setState({
pagination: o
});
var a = n.props.onChange;
a && a.apply(null, n.prepareParamsArguments(_objectSpread(_objectSpread({}, n.state), {}, {
pagination: o
})));
})), n.columns = e.columns || (0, _util.normalizeColumns)(e.children), n.state = _objectSpread(_objectSpread({}, n.getSortStateFromColumns()), {}, {
filters: n.getFiltersFromColumns(),
pagination: n.getDefaultPagination(e)
}), n.CheckboxPropsCache = {}, n.store = (0, _createStore.default)({
selectedRowKeys: (e.rowSelection || {}).selectedRowKeys || [],
selectionDirty: !1
}), n.enableColumnFilter = !1, n;
}
return (0, _createClass2.default)(r, [ {
key: "getDefaultSelection",
value: function() {
var e = this, t = this.props.rowSelection;
return (void 0 === t ? {} : t).getCheckboxProps ? this.getFlatData().filter((function(t, r) {
return e.getCheckboxPropsByItem(t, r).defaultChecked;
})).map((function(t, r) {
return e.getRecordKey(t, r);
})) : [];
}
return _createClass(r, [{
key: "getDefaultSelection",
value: function() {
var r = this,
e = this.props.rowSelection;
return (void 0 === e ? {} : e).getCheckboxProps ? this.getFlatData().filter(function(e, t) {
return r.getCheckboxPropsByItem(e, t).defaultChecked
}).map(function(e, t) {
return r.getRecordKey(e, t)
}) : []
}, {
key: "getDefaultPagination",
value: function(e) {
var t = e.pagination || {};
return this.hasPagination(e) ? _objectSpread(_objectSpread(_objectSpread({}, defaultPagination), t), {}, {
current: t.defaultCurrent || t.current || 1,
pageSize: t.defaultPageSize || t.pageSize || 10
}) : {};
}
}, {
key: "getLocale",
value: function() {
return _objectSpread(_objectSpread({}, defaultLocale), this.props.locale);
}
}, {
key: "componentWillReceiveProps",
value: function(e) {
if (this.columns = e.columns || (0, _util.normalizeColumns)(e.children), ("pagination" in e || "pagination" in this.props) && this.setState((function(t) {
var r = _objectSpread(_objectSpread(_objectSpread({}, defaultPagination), t.pagination), e.pagination);
return r.current = r.current || 1, r.pageSize = r.pageSize || 10, {
pagination: !1 !== e.pagination ? r : emptyObject
};
})), e.rowSelection && "selectedRowKeys" in e.rowSelection) {
this.store.setState({
selectedRowKeys: e.rowSelection.selectedRowKeys || []
});
var t = this.props.rowSelection;
t && e.rowSelection.getCheckboxProps !== t.getCheckboxProps && (this.CheckboxPropsCache = {});
}
}, {
key: "getDefaultPagination",
value: function(e) {
var t = e.pagination || {};
return this.hasPagination(e) ? _objectSpread(_objectSpread(_objectSpread({}, defaultPagination), t), {}, {
current: t.defaultCurrent || t.current || 1,
pageSize: t.defaultPageSize || t.pageSize || 10
}) : {}
if ("dataSource" in e && e.dataSource !== this.props.dataSource && (this.store.setState({
selectionDirty: !1
}), this.CheckboxPropsCache = {}), this.getSortOrderColumns(this.columns).length > 0) {
var r = this.getSortStateFromColumns(this.columns);
r.sortColumn === this.state.sortColumn && r.sortOrder === this.state.sortOrder || this.setState(r);
}
}, {
key: "getLocale",
value: function() {
return _objectSpread(_objectSpread({}, defaultLocale), this.props.locale)
}
}, {
key: "componentWillReceiveProps",
value: function(t) {
var e, r, o;
this.columns = t.columns || (0, _util.normalizeColumns)(t.children), ("pagination" in t || "pagination" in this.props) && this.setState(function(e) {
e = _objectSpread(_objectSpread(_objectSpread({}, defaultPagination), e.pagination), t.pagination);
return e.current = e.current || 1, e.pageSize = e.pageSize || 10, {
pagination: !1 !== t.pagination ? e : emptyObject
}
}), t.rowSelection && "selectedRowKeys" in t.rowSelection && (this.store.setState({
selectedRowKeys: t.rowSelection.selectedRowKeys || []
}), (e = this.props.rowSelection) && t.rowSelection.getCheckboxProps !== e.getCheckboxProps && (this.CheckboxPropsCache = {})), "dataSource" in t && t.dataSource !== this.props.dataSource && (this.store.setState({
selectionDirty: !1
}), this.CheckboxPropsCache = {}), 0 < this.getSortOrderColumns(this.columns).length && ((e = this.getSortStateFromColumns(this.columns)).sortColumn === this.state.sortColumn && e.sortOrder === this.state.sortOrder || this.setState(e)), 0 < this.getFilteredValueColumns(this.columns).length && (r = this.getFiltersFromColumns(this.columns), o = _objectSpread({}, this.state.filters), Object.keys(r).forEach(function(e) {
o[e] = r[e]
}), this.isFiltersChanged(o) && this.setState({
if (this.getFilteredValueColumns(this.columns).length > 0) {
var n = this.getFiltersFromColumns(this.columns), o = _objectSpread({}, this.state.filters);
Object.keys(n).forEach((function(e) {
o[e] = n[e];
})), this.isFiltersChanged(o) && this.setState({
filters: o
}))
}
}, {
key: "setSelectedRowKeys",
value: function(r, e) {
var o = this,
t = e.selectWay,
n = e.record,
a = e.checked,
i = e.changeRowKeys,
s = this.props.rowSelection,
l = void 0 === s ? {} : s;
!l || "selectedRowKeys" in l || this.store.setState({
selectedRowKeys: r
});
e = this.getFlatData();
(l.onChange || l[t]) && (s = e.filter(function(e, t) {
return 0 <= r.indexOf(o.getRecordKey(e, t))
}), l.onChange && l.onChange(r, s), "onSelect" === t && l.onSelect ? l.onSelect(n, a, s) : "onSelectAll" === t && l.onSelectAll ? (e = e.filter(function(e, t) {
return 0 <= i.indexOf(o.getRecordKey(e, t))
}), l.onSelectAll(a, s, e)) : "onSelectInvert" === t && l.onSelectInvert && l.onSelectInvert(r))
}
}, {
key: "hasPagination",
value: function(e) {
return !1 !== (e || this.props).pagination
}
}, {
key: "setSelectedRowKeys",
value: function(e, t) {
var r = this, n = t.selectWay, o = t.record, a = t.checked, i = t.changeRowKeys, l = this.props.rowSelection, s = void 0 === l ? {} : l;
s && !("selectedRowKeys" in s) && this.store.setState({
selectedRowKeys: e
});
var u = this.getFlatData();
if (s.onChange || s[n]) {
var c = u.filter((function(t, n) {
return e.indexOf(r.getRecordKey(t, n)) >= 0;
}));
if (s.onChange && s.onChange(e, c), "onSelect" === n && s.onSelect) s.onSelect(o, a, c); else if ("onSelectAll" === n && s.onSelectAll) {
var p = u.filter((function(e, t) {
return i.indexOf(r.getRecordKey(e, t)) >= 0;
}));
s.onSelectAll(a, c, p);
} else "onSelectInvert" === n && s.onSelectInvert && s.onSelectInvert(e);
}
}, {
key: "isFiltersChanged",
value: function(t) {
var r = this,
o = !1;
return Object.keys(t).length !== Object.keys(this.state.filters).length ? o = !0 : Object.keys(t).forEach(function(e) {
t[e] !== r.state.filters[e] && (o = !0)
}), o
}
}, {
key: "getSortOrderColumns",
value: function(e) {
return (0, _util.flatFilter)(e || this.columns || [], function(e) {
return "sortOrder" in e
})
}
}, {
key: "getFilteredValueColumns",
value: function(e) {
return (0, _util.flatFilter)(e || this.columns || [], function(e) {
return void 0 !== e.filteredValue
})
}
}, {
key: "getFiltersFromColumns",
value: function(e) {
var t = this,
r = {};
return this.getFilteredValueColumns(e).forEach(function(e) {
r[t.getColumnKey(e)] = e.filteredValue
}), r
}
}, {
key: "getSortStateFromColumns",
value: function(e) {
// return fisrt column which sortOrder is not falsy
e = this.getSortOrderColumns(e).filter(function(e) {
return e.sortOrder
})[0];
return e ? {
sortColumn: e,
sortOrder: e.sortOrder
} : {
sortColumn: null,
sortOrder: null
}
}, {
key: "hasPagination",
value: function(e) {
return !1 !== (e || this.props).pagination;
}
}, {
key: "isFiltersChanged",
value: function(e) {
var t = this, r = !1;
return Object.keys(e).length !== Object.keys(this.state.filters).length ? r = !0 : Object.keys(e).forEach((function(n) {
e[n] !== t.state.filters[n] && (r = !0);
})), r;
}
}, {
key: "getSortOrderColumns",
value: function(e) {
return (0, _util.flatFilter)(e || this.columns || [], (function(e) {
return "sortOrder" in e;
}));
}
}, {
key: "getFilteredValueColumns",
value: function(e) {
return (0, _util.flatFilter)(e || this.columns || [], (function(e) {
return void 0 !== e.filteredValue;
}));
}
}, {
key: "getFiltersFromColumns",
value: function(e) {
var t = this, r = {};
return this.getFilteredValueColumns(e).forEach((function(e) {
r[t.getColumnKey(e)] = e.filteredValue;
})), r;
}
}, {
key: "getSortStateFromColumns",
value: function(e) {
var t = this.getSortOrderColumns(e).filter((function(e) {
return e.sortOrder;
}))[0];
return t ? {
sortColumn: t,
sortOrder: t.sortOrder
} : {
sortColumn: null,
sortOrder: null
};
}
}, {
key: "getSorterFn",
value: function() {
var e = this.state, t = e.sortOrder, r = e.sortColumn;
if (t && r && "function" == typeof r.sorter) return function(e, n) {
var o = r.sorter(e, n);
return 0 !== o ? "descend" === t ? -o : o : 0;
};
}
}, {
key: "toggleSortOrder",
value: function(e, t) {
var r = this.state, n = r.sortColumn, o = r.sortOrder;
this.isSortColumn(t) ? o === e ? (o = "", n = null) : o = e : (o = e, n = t);
var a = {
sortOrder: o,
sortColumn: n
};
0 === this.getSortOrderColumns().length && this.setState(a);
var i = this.props.onChange;
i && i.apply(null, this.prepareParamsArguments(_objectSpread(_objectSpread({}, this.state), a)));
}
}, {
key: "renderRowSelection",
value: function() {
var e = this, t = this.props, r = t.prefixCls, n = t.rowSelection, o = t.iconPrefix, a = t.vender, i = t.selectionCheckboxAllClass, l = this.columns.concat();
if (n) {
var s = this.getFlatCurrentPageData().filter((function(t, r) {
return !n.getCheckboxProps || !e.getCheckboxPropsByItem(t, r).disabled;
})), u = (0, _classnames.default)("".concat(r, "-selection-column"), (0, _defineProperty2.default)({}, "".concat(r, "-selection-column-custom"), n.selections)), c = {
key: "selection-column",
render: this.renderSelectionBox(n.type),
className: u
};
if ("radio" !== n.type) {
var p = s.every((function(t, r) {
return e.getCheckboxPropsByItem(t, r).disabled;
}));
c.title = _react.default.createElement(i, {
iconPrefix: o,
vender: a,
store: this.store,
locale: this.getLocale(),
data: s,
getCheckboxPropsByItem: this.getCheckboxPropsByItem,
getRecordKey: this.getRecordKey,
disabled: p,
prefixCls: r,
onSelect: this.handleSelectRow,
selections: n.selections,
getPopupContainer: this.getPopupContainer
});
}
l.some((function(e) {
return "left" === e.fixed || !0 === e.fixed;
})) && (c.fixed = "left"), l[0] && "selection-column" === l[0].key ? l[0] = c : l.unshift(c);
}
}, {
key: "getSorterFn",
value: function() {
var e = this.state,
r = e.sortOrder,
o = e.sortColumn;
if (r && o && "function" == typeof o.sorter) return function(e, t) {
t = o.sorter(e, t);
return 0 !== t ? "descend" === r ? -t : t : 0
return l;
}
}, {
key: "getColumnKey",
value: function(e, t) {
return e.key || e.dataIndex || t;
}
}, {
key: "getMaxCurrent",
value: function(e) {
var t = this.state.pagination, r = t.current, n = t.pageSize;
return (r - 1) * n >= e ? Math.floor((e - 1) / n) + 1 : r;
}
}, {
key: "isSortColumn",
value: function(e) {
var t = this.state.sortColumn;
return !(!e || !t) && this.getColumnKey(t) === this.getColumnKey(e);
}
}, {
key: "renderColumnsDropdown",
value: function(e) {
var t = this, r = this.props, n = r.prefixCls, o = r.dropdownPrefixCls, a = r.iconPrefix, i = r.vender, l = r.filterDropdownClass, s = this.state.sortOrder, u = this.getLocale();
return (0, _util.treeMap)(e, (function(e, r) {
var c, p, d = _objectSpread({}, e), f = t.getColumnKey(d, r);
if (d.filters && d.filters.length > 0 || d.filterDropdown) {
t.enableColumnFilter = !0;
var h = t.state.filters[f] || [];
c = _react.default.createElement(l, {
locale: u,
column: d,
iconPrefix: a,
vender: i,
selectedKeys: h,
confirmFilter: t.handleFilter,
tablePrefixCls: n,
prefixCls: "".concat(n, "-filter"),
dropdownPrefixCls: o || "amos-dropdown",
getPopupContainer: t.getPopupContainer
});
}
}
}, {
key: "toggleSortOrder",
value: function(e, t) {
var r = this.state,
o = r.sortColumn,
r = r.sortOrder; // 只同时允许一列进行排序，否则会导致排序顺序的逻辑问题
this.isSortColumn(t) ?
// 当前列已排序
r === e ? (
// 切换为未排序状态
r = "", o = null) :
// 切换为排序状态
r = e : (
// 当前列未排序
r = e, o = t);
r = {
sortOrder: r,
sortColumn: o
}; // Controlled
0 === this.getSortOrderColumns().length && this.setState(r);
o = this.props.onChange;
o && o.apply(null, this.prepareParamsArguments(_objectSpread(_objectSpread({}, this.state), r)))
}
}, {
key: "renderRowSelection",
value: function() {
var e, t, r = this,
o = this.props,
n = o.prefixCls,
a = o.rowSelection,
i = o.iconPrefix,
s = o.vender,
l = o.selectionCheckboxAllClass,
c = this.columns.concat();
return a && (e = this.getFlatCurrentPageData().filter(function(e, t) {
return !a.getCheckboxProps || !r.getCheckboxPropsByItem(e, t).disabled
}), t = (0, _classnames.default)("".concat(n, "-selection-column"), _defineProperty({}, "".concat(n, "-selection-column-custom"), a.selections)), o = {
key: "selection-column",
render: this.renderSelectionBox(a.type),
className: t
}, "radio" !== a.type && (t = e.every(function(e, t) {
return r.getCheckboxPropsByItem(e, t).disabled
}), o.title = /* */ _react.default.createElement(l, {
iconPrefix: i,
vender: s,
store: this.store,
locale: this.getLocale(),
data: e,
getCheckboxPropsByItem: this.getCheckboxPropsByItem,
getRecordKey: this.getRecordKey,
disabled: t,
prefixCls: n,
onSelect: this.handleSelectRow,
selections: a.selections,
getPopupContainer: this.getPopupContainer
})), c.some(function(e) {
return "left" === e.fixed || !0 === e.fixed
}) && (o.fixed = "left"), c[0] && "selection-column" === c[0].key ? c[0] = o : c.unshift(o)), c
}
}, {
key: "getColumnKey",
value: function(e, t) {
return e.key || e.dataIndex || t
}
}, {
key: "getMaxCurrent",
value: function(e) {
var t = this.state.pagination,
r = t.current,
t = t.pageSize;
return e <= (r - 1) * t ? Math.floor((e - 1) / t) + 1 : r
}
}, {
key: "isSortColumn",
value: function(e) {
var t = this.state.sortColumn;
return !(!e || !t) && this.getColumnKey(t) === this.getColumnKey(e)
}
}, {
key: "renderColumnsDropdown",
value: function(e) {
var i = this,
t = this.props,
s = t.prefixCls,
l = t.dropdownPrefixCls,
c = t.iconPrefix,
u = t.vender,
p = t.filterDropdownClass,
f = this.state.sortOrder,
d = this.getLocale();
return (0, _util.treeMap)(e, function(e, t) {
var r, o, n, a = _objectSpread({}, e),
t = i.getColumnKey(a, t); // 启用自定义过滤
return (a.filters && 0 < a.filters.length || a.filterDropdown) && (i.enableColumnFilter = !0, o = i.state.filters[t] || [], r = /* */ _react.default.createElement(p, {
locale: d,
column: a,
iconPrefix: c,
vender: u,
selectedKeys: o,
confirmFilter: i.handleFilter,
tablePrefixCls: s,
prefixCls: "".concat(s, "-filter"),
dropdownPrefixCls: l || "amos-dropdown",
getPopupContainer: i.getPopupContainer
})), // 启用列自定义 sorter
a.sorter && ((n = i.isSortColumn(a)) && (a.className = a.className || "", f && (a.className += " ".concat(s, "-column-sort"))), o = n && "ascend" === f, n = n && "descend" === f, n = /* */ _react.default.createElement("div", {
className: "".concat(s, "-column-sorter")
}, /* */ _react.default.createElement("span", {
className: "".concat(s, "-column-sorter-up ").concat(o ? "on" : "off"),
title: "↑",
onClick: function() {
return i.toggleSortOrder("ascend", a)
}
}, /* */ _react.default.createElement(_amosIcon.default, {
prefix: c,
icon: "caretup"
})), /* */ _react.default.createElement("span", {
className: "".concat(s, "-column-sorter-down ").concat(n ? "on" : "off"),
title: "↓",
onClick: function() {
return i.toggleSortOrder("descend", a)
}
}, /* */ _react.default.createElement(_amosIcon.default, {
prefix: c,
icon: "caretdown"
})))), a.title = /* */ _react.default.createElement("span", null, a.title, n, r), a
})
}
}, {
key: "renderPagination",
value: function() {
// 强制不需要分页
if (!this.hasPagination()) return null;
var e = this.props.paginationClass;
if (!e) return null;
var t = "default",
r = this.state.pagination;
r.size ? t = r.size : "middle" !== this.props.size && "small" !== this.props.size || (t = "small");
var o = r.total || this.getLocalData().length;
return 0 < o ? /* */ _react.default.createElement(e, _extends({
key: "pagination"
}, r, {
className: (0, _classnames.default)(r.className, "".concat(this.props.prefixCls, "-pagination")),
onChange: this.handlePageChange,
total: o,
size: t,
current: this.getMaxCurrent(o),
onShowSizeChange: this.handleShowSizeChange
})) : null
} // Get pagination, filters, sorter
}, {
key: "prepareParamsArguments",
value: function(e) {
var t = _objectSpread({}, e.pagination); // remove useless handle function in Table.onChange
delete t.onChange, delete t.onShowSizeChange;
var r = e.filters,
o = {};
return e.sortColumn && e.sortOrder && (o.column = e.sortColumn, o.order = e.sortOrder, o.field = e.sortColumn.dataIndex, o.columnKey = this.getColumnKey(e.sortColumn)), [t, r, o]
}
}, {
key: "findColumn",
value: function(t) {
var r, o = this;
return (0, _util.treeMap)(this.columns, function(e) {
o.getColumnKey(e) === t && (r = e)
}), r
}
}, {
key: "getCurrentPageData",
value: function() {
var r, e = this.getLocalData(),
t = this.state, // 如果没有分页的话，默认全部展示
o = this.hasPagination() ? (r = t.pagination.pageSize, this.getMaxCurrent(t.pagination.total || e.length)) : (r = Number.MAX_VALUE, 1); // 分页
// ---
// 当数据量少于等于每页数量时，直接设置数据
// 否则进行读取分页数据
return (e.length > r || r === Number.MAX_VALUE) && (e = e.filter(function(e, t) {
return (o - 1) * r <= t && t < o * r
})), e
}
}, {
key: "getFlatData",
value: function() {
return (0, _util.flatArray)(this.getLocalData())
}
}, {
key: "getFlatCurrentPageData",
value: function() {
return (0, _util.flatArray)(this.getCurrentPageData())
}
}, {
key: "recursiveSort",
value: function(e, t) {
var r = this,
o = this.props.childrenColumnName,
n = void 0 === o ? "children" : o;
return e.sort(t).map(function(e) {
return e[n] ? _objectSpread(_objectSpread({}, e), {}, _defineProperty({}, n, r.recursiveSort(e[n], t))) : e
})
}
}, {
key: "getLocalData",
value: function() {
var n = this,
a = this.state,
e = this.props.dataSource, // 优化本地排序
i = (i = e || []).slice(0),
e = this.getSorterFn();
return e && (i = this.recursiveSort(i, e)), // 筛选
a.filters && Object.keys(a.filters).forEach(function(e) {
var r, o, t = n.findColumn(e);
!t || 0 !== (r = a.filters[e] || []).length && (o = t.onFilter, i = o ? i.filter(function(t) {
return r.some(function(e) {
return o(e, t)
})
}) : i)
}), i
}
}, {
key: "render",
value: function() {
var r = this,
e = this.props,
t = e.style,
o = e.className,
n = e.wrapClassName,
a = e.prefixCls,
i = e.showHeader,
s = e.vender,
l = void 0 === s ? "amos" : s,
c = _objectWithoutProperties(e, ["style", "className", "wrapClassName", "prefixCls", "showHeader", "vender"]),
u = this.getCurrentPageData(),
p = this.renderRowSelection(),
s = this.props.expandedRowRender && !1 !== this.props.expandIconAsCell,
f = this.getLocale();
p = (p = this.renderColumnsDropdown(p)).map(function(e, t) {
e = _objectSpread({}, e);
return e.key = r.getColumnKey(e, t), e
});
e = (0, _classnames.default)((_defineProperty(e = {}, "".concat(a, "-").concat(this.props.size), !0), _defineProperty(e, "".concat(a, "-bordered"), this.props.bordered), _defineProperty(e, "".concat(a, "-empty"), !u.length), _defineProperty(e, "".concat(a, "-has-column-filter"), !!this.enableColumnFilter), _defineProperty(e, "".concat(a, "-without-column-header"), !i), e), o), o = p[0] && "selection-column" === p[0].key ? 1 : 0;
"expandIconColumnIndex" in c && (o = c.expandIconColumnIndex);
o = /* */ _react.default.createElement(_table.default, _extends({
key: "table"
}, c, {
prefixCls: a,
data: u,
columns: p,
showHeader: i,
className: e,
expandIconColumnIndex: o,
expandIconAsCell: s,
emptyText: function() {
return f.emptyText
if (d.sorter) {
var y = t.isSortColumn(d);
y && (d.className = d.className || "", s && (d.className += " ".concat(n, "-column-sort")));
var g = y && "ascend" === s, m = y && "descend" === s;
p = _react.default.createElement("div", {
className: "".concat(n, "-column-sorter")
}, _react.default.createElement("span", {
className: "".concat(n, "-column-sorter-up ").concat(g ? "on" : "off"),
title: "↑",
onClick: function() {
return t.toggleSortOrder("ascend", d);
}
}, _react.default.createElement(_amosIcon.default, {
prefix: a,
icon: "caretup"
})), _react.default.createElement("span", {
className: "".concat(n, "-column-sorter-down ").concat(m ? "on" : "off"),
title: "↓",
onClick: function() {
return t.toggleSortOrder("descend", d);
}
}, _react.default.createElement(_amosIcon.default, {
prefix: a,
icon: "caretdown"
})));
}
return d.title = _react.default.createElement("span", null, d.title, p, c), d;
}));
}
}, {
key: "renderPagination",
value: function() {
if (!this.hasPagination()) return null;
var e = this.props.paginationClass;
if (!e) return null;
var t = "default", r = this.state.pagination;
r.size ? t = r.size : "middle" !== this.props.size && "small" !== this.props.size || (t = "small");
var n = r.total || this.getLocalData().length;
return n > 0 ? _react.default.createElement(e, (0, _extends2.default)({
key: "pagination"
}, r, {
className: (0, _classnames.default)(r.className, "".concat(this.props.prefixCls, "-pagination")),
onChange: this.handlePageChange,
total: n,
size: t,
current: this.getMaxCurrent(n),
onShowSizeChange: this.handleShowSizeChange
})) : null;
}
}, {
key: "prepareParamsArguments",
value: function(e) {
var t = _objectSpread({}, e.pagination);
delete t.onChange, delete t.onShowSizeChange;
var r = e.filters, n = {};
return e.sortColumn && e.sortOrder && (n.column = e.sortColumn, n.order = e.sortOrder,
n.field = e.sortColumn.dataIndex, n.columnKey = this.getColumnKey(e.sortColumn)),
[ t, r, n ];
}
}, {
key: "findColumn",
value: function(e) {
var t, r = this;
return (0, _util.treeMap)(this.columns, (function(n) {
r.getColumnKey(n) === e && (t = n);
})), t;
}
}, {
key: "getCurrentPageData",
value: function() {
var e, t, r = this.getLocalData(), n = this.state;
return this.hasPagination() ? (t = n.pagination.pageSize, e = this.getMaxCurrent(n.pagination.total || r.length)) : (t = Number.MAX_VALUE,
e = 1), (r.length > t || t === Number.MAX_VALUE) && (r = r.filter((function(r, n) {
return n >= (e - 1) * t && n < e * t;
}))), r;
}
}, {
key: "getFlatData",
value: function() {
return (0, _util.flatArray)(this.getLocalData());
}
}, {
key: "getFlatCurrentPageData",
value: function() {
return (0, _util.flatArray)(this.getCurrentPageData());
}
}, {
key: "recursiveSort",
value: function(e, t) {
var r = this, n = this.props.childrenColumnName, o = void 0 === n ? "children" : n;
return e.sort(t).map((function(e) {
return e[o] ? _objectSpread(_objectSpread({}, e), {}, (0, _defineProperty2.default)({}, o, r.recursiveSort(e[o], t))) : e;
}));
}
}, {
key: "getLocalData",
value: function() {
var e = this, t = this.state, r = this.props.dataSource || [];
r = r.slice(0);
var n = this.getSorterFn();
return n && (r = this.recursiveSort(r, n)), t.filters && Object.keys(t.filters).forEach((function(n) {
var o = e.findColumn(n);
if (o) {
var a = t.filters[n] || [];
if (0 !== a.length) {
var i = o.onFilter;
r = i ? r.filter((function(e) {
return a.some((function(t) {
return i(t, e);
}));
})) : r;
}
})), s = this.hasPagination() && u && 0 !== u.length ? "".concat(a, "-with-pagination") : "".concat(a, "-without-pagination"), u = this.props.loading; // if there is no pagination or no data,
// the height of spin should decrease by half of pagination
return "boolean" == typeof u && (u = {
spinning: u
}), /* */ _react.default.createElement("div", {
className: (0, _classnames.default)("".concat(a, "-wrapper"), n),
style: t
}, /* */ _react.default.createElement(_elements.Spin, _extends({}, u, {
prefixCls: "".concat(l, "-spin"),
className: u ? "".concat(s, " ").concat(a, "-spin-holder") : ""
}), o, this.renderPagination()))
}
}]), r
}();
_defineProperty(exports.default = Table, "Column", _Column.default), _defineProperty(Table, "ColumnGroup", _ColumnGroup.default), _defineProperty(Table, "propTypes", {
}
})), r;
}
}, {
key: "render",
value: function() {
var e, t = this, r = this.props, n = r.style, o = r.className, a = r.wrapClassName, i = r.prefixCls, l = r.showHeader, s = r.vender, u = void 0 === s ? "amos" : s, c = (0,
_objectWithoutProperties2.default)(r, [ "style", "className", "wrapClassName", "prefixCls", "showHeader", "vender" ]), p = this.getCurrentPageData(), d = this.renderRowSelection(), f = this.props.expandedRowRender && !1 !== this.props.expandIconAsCell, h = this.getLocale();
d = (d = this.renderColumnsDropdown(d)).map((function(e, r) {
var n = _objectSpread({}, e);
return n.key = t.getColumnKey(n, r), n;
}));
var y = (0, _classnames.default)((e = {}, (0, _defineProperty2.default)(e, "".concat(i, "-").concat(this.props.size), !0),
(0, _defineProperty2.default)(e, "".concat(i, "-bordered"), this.props.bordered),
(0, _defineProperty2.default)(e, "".concat(i, "-empty"), !p.length), (0, _defineProperty2.default)(e, "".concat(i, "-has-column-filter"), !!this.enableColumnFilter),
(0, _defineProperty2.default)(e, "".concat(i, "-without-column-header"), !l), e), o), g = d[0] && "selection-column" === d[0].key ? 1 : 0;
"expandIconColumnIndex" in c && (g = c.expandIconColumnIndex);
var m = _react.default.createElement(_table.default, (0, _extends2.default)({
key: "table"
}, c, {
prefixCls: i,
data: p,
columns: d,
showHeader: l,
className: y,
expandIconColumnIndex: g,
expandIconAsCell: f,
emptyText: function() {
return h.emptyText;
}
})), _ = this.hasPagination() && p && 0 !== p.length ? "".concat(i, "-with-pagination") : "".concat(i, "-without-pagination"), C = this.props.loading;
return "boolean" == typeof C && (C = {
spinning: C
}), _react.default.createElement("div", {
className: (0, _classnames.default)("".concat(i, "-wrapper"), a),
style: n
}, _react.default.createElement(_elements.Spin, (0, _extends2.default)({}, C, {
prefixCls: "".concat(u, "-spin"),
className: C ? "".concat(_, " ").concat(i, "-spin-holder") : ""
}), m, this.renderPagination()));
}
} ]), r;
}(_react.default.Component);
exports.default = Table, (0, _defineProperty2.default)(Table, "Column", _Column.default),
(0, _defineProperty2.default)(Table, "ColumnGroup", _ColumnGroup.default), (0, _defineProperty2.default)(Table, "propTypes", {
dataSource: _propTypes.default.array,

@@ -749,8 +615,6 @@ columns: _propTypes.default.array,

rowSelection: _propTypes.default.object,
// table 中添加 className
className: _propTypes.default.string,
// 外层容器 添加className
wrapClassName: _propTypes.default.string,
size: _propTypes.default.string,
loading: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
loading: _propTypes.default.oneOfType([ _propTypes.default.bool, _propTypes.default.object ]),
bordered: _propTypes.default.bool,

@@ -762,4 +626,4 @@ onChange: _propTypes.default.func,

children: _propTypes.default.node,
pagination: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
rowKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
pagination: _propTypes.default.oneOfType([ _propTypes.default.bool, _propTypes.default.object ]),
rowKey: _propTypes.default.oneOfType([ _propTypes.default.string, _propTypes.default.func ]),
style: _propTypes.default.object,

@@ -770,7 +634,7 @@ showHeader: _propTypes.default.bool,

vender: _propTypes.default.string,
paginationClass: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.element]),
filterDropdownClass: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.element]),
selectionBoxClass: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.element]),
selectionCheckboxAllClass: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.element])
}), _defineProperty(Table, "defaultProps", {
paginationClass: _propTypes.default.oneOfType([ _propTypes.default.func, _propTypes.default.element ]),
filterDropdownClass: _propTypes.default.oneOfType([ _propTypes.default.func, _propTypes.default.element ]),
selectionBoxClass: _propTypes.default.oneOfType([ _propTypes.default.func, _propTypes.default.element ]),
selectionCheckboxAllClass: _propTypes.default.oneOfType([ _propTypes.default.func, _propTypes.default.element ])
}), (0, _defineProperty2.default)(Table, "defaultProps", {
dataSource: [],

@@ -793,2 +657,2 @@ prefixCls: "amos-table",

selectionCheckboxAllClass: _SelectionCheckboxAll.default
}), Table.displayName = "Table", module.exports = exports.default;
}), Table.displayName = "Table";
+8
-7
lib/tableFactory.js
"use strict";
function _objectDestructuringEmpty(t) {
if (null == t) throw new TypeError("Cannot destructure undefined")
}
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
function tableFactory(t) {
_objectDestructuringEmpty(t)
}
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.default = tableFactory, module.exports = exports.default;
}), exports.default = tableFactory;
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
function tableFactory(e) {
(0, _objectDestructuringEmpty2.default)(e);
}
+51
-81
lib/util.js
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.flatArray = flatArray, exports.treeMap = treeMap, exports.flatFilter = flatFilter, exports.normalizeColumns = normalizeColumns;
var _react = _interopRequireDefault(require("react"));
}), exports.flatArray = flatArray, exports.treeMap = treeMap, exports.flatFilter = flatFilter,
exports.normalizeColumns = normalizeColumns;
function _interopRequireDefault(r) {
return r && r.__esModule ? r : {
default: r
}
}
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray")), _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")), _react = _interopRequireDefault(require("react"));
function _toConsumableArray(r) {
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread()
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
}
function _unsupportedIterableToArray(r, e) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray(r, e);
var t = Object.prototype.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, e) : void 0
function ownKeys(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
r && (n = n.filter((function(r) {
return Object.getOwnPropertyDescriptor(e, r).enumerable;
}))), t.push.apply(t, n);
}
return t;
}
function _iterableToArray(r) {
if ("undefined" != typeof Symbol && Symbol.iterator in Object(r)) return Array.from(r)
}
function _arrayWithoutHoles(r) {
if (Array.isArray(r)) return _arrayLikeToArray(r)
}
function _arrayLikeToArray(r, e) {
(null == e || e > r.length) && (e = r.length);
for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
return n
}
function ownKeys(e, r) {
var t, n = Object.keys(e);
return Object.getOwnPropertySymbols && (t = Object.getOwnPropertySymbols(e), r && (t = t.filter(function(r) {
return Object.getOwnPropertyDescriptor(e, r).enumerable
})), n.push.apply(n, t)), n
}
function _objectSpread(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
_defineProperty(e, r, t[r])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r))
})
r % 2 ? ownKeys(Object(t), !0).forEach((function(r) {
(0, _defineProperty2.default)(e, r, t[r]);
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach((function(r) {
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
}));
}
return e
return e;
}
function _defineProperty(r, e, t) {
return e in r ? Object.defineProperty(r, e, {
value: t,
enumerable: !0,
configurable: !0,
writable: !0
}) : r[e] = t, r
}
function flatArray() {
var n = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : "children",
o = [];
return function t(r) {
r.forEach(function(r) {
var e = _objectSpread({}, r);
delete e[n], o.push(e), r[n] && 0 < r[n].length && t(r[n])
})
}(0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : []), o
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [], r = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "children", t = [], n = function e(n) {
n.forEach((function(n) {
var o = _objectSpread({}, n);
delete o[r], t.push(o), n[r] && n[r].length > 0 && e(n[r]);
}));
};
return n(e), t;
}
function treeMap(r, n) {
var o = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : "children";
return r.map(function(r, e) {
var t = {};
return r[o] && (t[o] = treeMap(r[o], n, o)), _objectSpread(_objectSpread({}, n(r, e)), t)
})
function treeMap(e, r) {
var t = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "children";
return e.map((function(e, n) {
var o = {};
return e[t] && (o[t] = treeMap(e[t], r, t)), _objectSpread(_objectSpread({}, r(e, n)), o);
}));
}
function flatFilter(r, t) {
return r.reduce(function(r, e) {
return t(e) && r.push(e), e.children && (e = flatFilter(e.children, t), r.push.apply(r, _toConsumableArray(e))), r
}, [])
function flatFilter(e, r) {
return e.reduce((function(e, t) {
if (r(t) && e.push(t), t.children) {
var n = flatFilter(t.children, r);
e.push.apply(e, (0, _toConsumableArray2.default)(n));
}
return e;
}), []);
}
function normalizeColumns(r) {
var t = [];
return _react.default.Children.forEach(r, function(r) {
var e; /* */
_react.default.isValidElement(r) && (e = _objectSpread({}, r.props), r.key && (e.key = r.key), r.type && r.type.__AMOS_TABLE_COLUMN_GROUP && (e.children = normalizeColumns(e.children)), t.push(e))
}), t
}
function normalizeColumns(e) {
var r = [];
return _react.default.Children.forEach(e, (function(e) {
if (_react.default.isValidElement(e)) {
var t = _objectSpread({}, e.props);
e.key && (t.key = e.key), e.type && e.type.__AMOS_TABLE_COLUMN_GROUP && (t.children = normalizeColumns(t.children)),
r.push(t);
}
})), r;
}
+6
-6
package.json
{
"name": "amos-table",
"version": "2.0.4",
"version": "2.0.5",
"description": "amos table",

@@ -17,6 +17,6 @@ "main": "./lib/index.js",

"devDependencies": {
"amos-antd": "^2.3.1",
"amos-build": "^4.x",
"amos-antd": "^2.x",
"amos-build": "^5.x",
"amos-framework": "^1.x",
"amos-rmd": "^2.1.2",
"amos-rmd": "^2.x",
"react": "~16.3.2",

@@ -27,6 +27,6 @@ "react-dom": "~16.3.3"

"amos-icon": "^1.x",
"dt2react": "^1.x",
"dt2react": "^2.x",
"crispfit-ui": "^1.x",
"classnames": "^2.2.6"
"classnames": "^2.2.5"
}
}
+76
-54
readme.md

@@ -61,34 +61,34 @@ # Table 表格

| 参数 |类型 | 默认值 | 说明 |
|---------------|--------------------------|-----------------|---------|
| rowSelection | Object | null | 列表项是否可选择，[配置项](#rowSelection) |
| pagination | Object | | 分页器，配置项参考 [pagination](/components/pagination)，设为 false 时不显示分页 |
| size | String | default | 正常或迷你类型，`default` or `small` |
| dataSource | Array | | 数据数组 |
| columns | Array | - | 表格列的配置描述，具体项见下表 |
| rowKey | String or Function(record, index):string | 'key' | 表格行 key 的取值，可以是字符串或一个函数 |
| rowClassName | Function(record, index):string | - | 表格行的类名 |
| expandedRowRender | Function | - | 额外的展开行 |
| defaultExpandedRowKeys | Array | - | 默认展开的行 |
| expandedRowKeys | Array | - | 展开的行，控制属性 |
| onChange | Function(pagination, filters, sorter) | | 分页、排序、筛选变化时触发 |
| loading | Boolean | false | 页面是否加载中 |
| locale | Object | `filterConfirm: '确定', filterReset: '重置', emptyText: '暂无数据'` | 默认文案设置，目前包括排序、过滤、空数据文案 |
| indentSize | Number | 15 | 展示树形数据时，每层缩进的宽度，以 px 为单位 |
| onRowClick | Function(record, index) | - | 处理行点击事件 |
| useFixedHeader | Boolean | false | 是否固定表头 |
| bordered | Boolean | false | 是否展示外边框和列边框 |
| showHeader | Boolean | true | 是否显示表头 |
| footer | Function(currentPageData) | | 表格底部自定义渲染函数 |
| scroll | Object | - | 横向或纵向支持滚动，也可用于指定滚动区域的宽高度：`{{ x: true, y: 300 }}` |
| params | type | default | description |
| ------ | ------ | ------ | ------ |
| rowSelection | Object | null | 列表项是否可选择，[配置项](#rowSelection) |
| pagination | Object | | 分页器，配置项参考 [pagination](#pagination)，设为 false 时不显示分页 |
| size | String | default | 正常或迷你类型，`default` or `small` |
| dataSource | Array | | 数据数组 |
| columns | Array | - | 表格列的配置描述，具体项见下表 |
| rowKey | `String or Function(record, index):string` | 'key' | 表格行 key 的取值，可以是字符串或一个函数 |
| rowClassName | `Function(record, index):string` | - | 表格行的类名 |
| expandedRowRender | Function | - | 额外的展开行 |
| defaultExpandedRowKeys | Array | - | 默认展开的行 |
| expandedRowKeys | Array | - | 展开的行，控制属性 |
| onChange | `Function(pagination, filters, sorter)` | | 分页、排序、筛选变化时触发 |
| loading | Boolean | false | 页面是否加载中 |
| locale | Object | `filterConfirm: '确定', filterReset: '重置', emptyText: '暂无数据'` | 默认文案设置，目前包括排序、过滤、空数据文案 |
| indentSize | Number | 15 | 展示树形数据时，每层缩进的宽度，以 px 为单位 |
| onRowClick | `Function(record, index)` | - | 处理行点击事件 |
| useFixedHeader | Boolean | false | 是否固定表头 |
| bordered | Boolean | false | 是否展示外边框和列边框 |
| showHeader | Boolean | true | 是否显示表头 |
| footer | `Function(currentPageData)` | - | 表格底部自定义渲染函数 |
| scroll | Object | - | 横向或纵向支持滚动，也可用于指定滚动区域的宽高度：`{{ x: true, y: 300 }}` |
#### actionBarProps
| 参数 | 说明 | 类型 | 默认值 |
|-----------|----------------------------|-----------------|---------|
| showColumnPicker | 是否展示actionbar | boolen | false |
| checkboxColumnKey | 表格checkbox列所在的key | String | `selection-column` |
| width | 宽 | Number | 600 |
| locale | 本地化 | Object | `{customeColumn: '自定义列', more: '更多'}` |
| defaultColumns | 不可去掉或隐藏的列,`columns dataIndex` | array | - |
| params | type | default | description |
| ------ | ------ | ------ | ------ |
| showColumnPicker | boolen | false | 是否展示actionbar |
| checkboxColumnKey | String | `selection-column` | 表格checkbox列所在的key |
| width |Number | 600 | 宽 |
| locale | Object | `{customeColumn: '自定义列', more: '更多'}` | 本地化 |
| defaultColumns | array | - | 不可去掉或隐藏的列,`columns dataIndex` |

@@ -99,19 +99,19 @@ ### Column

| 参数 | 类型 | 默认值 |说明 |
|-----------|----------------------------|-----------------|---------|
| title | String or React.Element | - |列头显示文字 |
| key | String | - | React 需要的 key，建议设置 |
| dataIndex | String | - | 列数据在数据项中对应的 key，支持 `a.b.c` 的嵌套写法 |
| render | Function(text, record, index) {} | - | 生成复杂数据的渲染函数，参数分别为当前行的值，当前行数据，行索引，@return里面可以设置表格[行/列合并](#demo-colspan-rowspan) |
| filters | Array | - |表头的筛选菜单项 |
| onFilter | Function | - |本地模式下，确定筛选的运行函数 |
| filterMultiple | Boolean | true |是否多选 |
| filterDropdown | React.Element | - |可以自定义筛选菜单，此函数只负责渲染图层，需要自行编写各种交互 |
| sorter | Function or Boolean | - | 排序函数，本地排序使用一个函数，需要服务端排序可设为 true |
| colSpan | Number | | 表头列合并,设置为 0 时，不渲染 |
| width | String or Number | - | 列宽度 |
| className | String | - | 列的 className |
| fixed | Boolean or String | false | 列是否固定，可选 `true`(等效于 left) `'left'` `'right'` |
| filteredValue | Array | - | 筛选的受控属性，外界可用此控制列的筛选状态，值为已筛选的 value 数组 |
| sortOrder | Boolean or String | - | 排序的受控属性，外界可用此控制列的排序，可设置为 `'ascend'` `'descend'` `false` |
| params | type | default | description |
| ------ | ------ | ------ | ------ |
| title | String or React.Element | - |列头显示文字 |
| key | String | - | React 需要的 key，建议设置 |
| dataIndex | String | - | 列数据在数据项中对应的 key，支持 `a.b.c` 的嵌套写法 |
| render | `Function(text, record, index) {}` | - | 生成复杂数据的渲染函数，参数分别为当前行的值，当前行数据，行索引，@return里面可以设置表格[行/列合并](#demo-colspan-rowspan) |
| filters | Array | - |表头的筛选菜单项 |
| onFilter | Function | - |本地模式下，确定筛选的运行函数 |
| filterMultiple | Boolean | true |是否多选 |
| filterDropdown | React.Element | - |可以自定义筛选菜单，此函数只负责渲染图层，需要自行编写各种交互 |
| sorter | Function or Boolean | - | 排序函数，本地排序使用一个函数，需要服务端排序可设为 true |
| colSpan | Number | | 表头列合并,设置为 0 时，不渲染 |
| width | String or Number | - | 列宽度 |
| className | String | - | 列的 className |
| fixed | Boolean or String | false | 列是否固定，可选 `true`(等效于 left) `'left'` `'right'` |
| filteredValue | Array | - | 筛选的受控属性，外界可用此控制列的筛选状态，值为已筛选的 value 数组 |
| sortOrder | Boolean or String | - | 排序的受控属性，外界可用此控制列的排序，可设置为 `'ascend'` `'descend'` `false` |

@@ -122,11 +122,33 @@ ### rowSelection

| 参数 | 类型 | 默认值 | 说明 |
|------------------|--------------------------|-----------------|---------------------|
| type | String | `checkbox` | 多选/单选，`checkbox` or `radio` |
| selectedRowKeys | Array | [] | 指定选中项的 key 数组，需要和 onChange 进行配合 |
| onChange | Function(selectedRowKeys, selectedRows) | - | 选中项发生变化的时的回调 |
| getCheckboxProps | Function(record) | - | 选择框的默认属性配置 |
| onSelect | Function(record, selected, selectedRows) | - | 用户手动选择/取消选择某列的回调 |
| onSelectAll | Function(selected, selectedRows, changeRows) | - | 用户手动选择/取消选择所有列的回调 |
| params | type | default | description |
| ------ | ------ | ------ |- ------ |
| type | String | `checkbox` | 多选/单选，`checkbox` or `radio` |
| selectedRowKeys | `Array` | 指定选中项的 key 数组，需要和 onChange 进行配合 |
| onChange | `Function(selectedRowKeys, selectedRows)` | - | 选中项发生变化的时的回调 |
| getCheckboxProps | `Function(record)` | - | 选择框的默认属性配置 |
| onSelect | `Function(record, selected, selectedRows)` | - | 用户手动选择/取消选择某列的回调 |
| onSelectAll | `Function(selected, selectedRows, changeRows)` | - | 用户手动选择/取消选择所有列的回调 |
### pagination
#### 基础表格 pagination
| params | description | type |default |
| ------ |------ | ------ | ------ |
| current | number | - | 当前页数 |
| defaultCurrent | number | 1 | 默认的当前页数 |
| total |number | 0 | 数据总数 |
| defaultPageSize | number | 10 |默认的每页条数 |
| pageSize | number | - | 每页条数 |
| onChange | `Function(page, pageSize)` | noop | 页码改变的回调，参数是改变后的页码及每页条数 |
| showSizeChanger | boolean | false | 是否可以改变 pageSize |
| pageSizeOptions | `string[] / ['10', '20', '30', '40']` | 指定每页可以显示多少条 |
| onShowSizeChange | Function(current, size) | noop | pageSize 变化的回调 |
| showQuickJumper | boolean | false | 是否可以快速跳转至某页 |
| size | string | "" | 当为「small」时，是小尺寸分页 |
| simple | boolean | - | 当添加该属性时，显示为简单分页 |
| showTotal | `Function(total, range)` | - | 用于显示数据总量和当前数据顺序 |
| itemRender | `(page, type: 'page' | 'prev' | 'next') => React.ReactNode` | - | 用于自定义页码的结构，可用于优化 SEO |
## 注意

@@ -133,0 +155,0 @@