shineout 1.7.1 → 1.8.0-beta.2

package/es/Table/Checkbox.js

@@ -1,48 +1,77 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { PureComponent } from '../component'
-import { CHANGE_TOPIC } from '../Datum/types'
-import Checkbox from '../Checkbox/Checkbox'
-import Radio from '../Radio/Radio'
-
-export default class extends PureComponent {
-  static propTypes = {
-    data: PropTypes.object.isRequired,
-    datum: PropTypes.object.isRequired,
-    treeColumnsName: PropTypes.string,
-    checked: PropTypes.bool,
-  }
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { PureComponent } from '../component';
+import { CHANGE_TOPIC } from '../Datum/types';
+import Checkbox from '../Checkbox/Checkbox';
+import Radio from '../Radio/Radio';
 
-  constructor(props) {
-    super(props)
-    this.handleChange = this.handleChange.bind(this)
-    this.handleUpdate = this.forceUpdate.bind(this)
-  }
+var _default =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(_default, _PureComponent);
 
-  componentDidMount() {
-    super.componentDidMount()
-    this.props.datum.subscribe(CHANGE_TOPIC, this.handleUpdate)
-  }
+  function _default(props) {
+    var _this;
 
-  componentWillUnmount() {
-    super.componentWillUnmount()
-    this.props.datum.unsubscribe(CHANGE_TOPIC, this.handleUpdate)
+    _this = _PureComponent.call(this, props) || this;
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleUpdate = _this.forceUpdate.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
 
-  handleChange(_, checked, index) {
-    const { data, datum, treeColumnsName } = this.props
+  var _proto = _default.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    _PureComponent.prototype.componentDidMount.call(this);
+
+    this.props.datum.subscribe(CHANGE_TOPIC, this.handleUpdate);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    _PureComponent.prototype.componentWillUnmount.call(this);
+
+    this.props.datum.unsubscribe(CHANGE_TOPIC, this.handleUpdate);
+  };
+
+  _proto.handleChange = function handleChange(_, checked, index) {
+    var _this$props = this.props,
+        data = _this$props.data,
+        datum = _this$props.datum,
+        treeColumnsName = _this$props.treeColumnsName;
+
     if (checked) {
-      datum.add(data, index, treeColumnsName)
+      datum.add(data, index, treeColumnsName);
     } else {
-      datum.remove(data, index, treeColumnsName)
+      datum.remove(data, index, treeColumnsName);
     }
-  }
+  };
 
-  render() {
-    const { data, datum } = this.props
-    const disabled = datum.disabled(data)
-    const checked = datum.check(data)
-    const CheckItem = datum.limit === 1 ? Radio : Checkbox
-    return <CheckItem {...this.props} checked={checked} disabled={disabled} onChange={this.handleChange} />
-  }
-}
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        data = _this$props2.data,
+        datum = _this$props2.datum;
+    var disabled = datum.disabled(data);
+    var checked = datum.check(data);
+    var CheckItem = datum.limit === 1 ? Radio : Checkbox;
+    return React.createElement(CheckItem, _extends({}, this.props, {
+      checked: checked,
+      disabled: disabled,
+      onChange: this.handleChange
+    }));
+  };
+
+  return _default;
+}(PureComponent);
+
+_defineProperty(_default, "propTypes", {
+  data: PropTypes.object.isRequired,
+  datum: PropTypes.object.isRequired,
+  treeColumnsName: PropTypes.string,
+  checked: PropTypes.bool
+});
+
+export { _default as default };

package/es/Table/CheckboxAll.js

@@ -1,85 +1,142 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Component } from '../component'
-import shallowEqual from '../utils/shallowEqual'
-import { CHANGE_TOPIC } from '../Datum/types'
-import Checkbox from '../Checkbox/Checkbox'
-
-export default class extends Component {
-  static propTypes = {
-    data: PropTypes.array,
-    datum: PropTypes.object.isRequired,
-    treeColumnsName: PropTypes.string,
-  }
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Component } from '../component';
+import shallowEqual from '../utils/shallowEqual';
+import { CHANGE_TOPIC } from '../Datum/types';
+import Checkbox from '../Checkbox/Checkbox';
 
-  constructor(props) {
-    super(props)
-    this.handleChange = this.handleChange.bind(this)
-    this.handleUpdate = this.forceUpdate.bind(this)
-  }
+var _default =
+/*#__PURE__*/
+function (_Component) {
+  _inheritsLoose(_default, _Component);
 
-  componentDidMount() {
-    super.componentDidMount()
-    this.props.datum.subscribe(CHANGE_TOPIC, this.handleUpdate)
-  }
+  function _default(props) {
+    var _this;
 
-  shouldComponentUpdate(nextProps) {
-    const { datum } = nextProps
-    if (!shallowEqual(this.props, nextProps)) return true
-    if (this.lastValueLength !== (datum.getValue() || []).length) return true
-    return false
+    _this = _Component.call(this, props) || this;
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleUpdate = _this.forceUpdate.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
 
-  componentWillUnmount() {
-    super.componentWillUnmount()
-    this.props.datum.unsubscribe(CHANGE_TOPIC, this.handleUpdate)
-  }
+  var _proto = _default.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    _Component.prototype.componentDidMount.call(this);
+
+    this.props.datum.subscribe(CHANGE_TOPIC, this.handleUpdate);
+  };
+
+  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    var datum = nextProps.datum;
+    if (!shallowEqual(this.props, nextProps)) return true;
+    if (this.lastValueLength !== (datum.getValue() || []).length) return true;
+    return false;
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    _Component.prototype.componentWillUnmount.call(this);
+
+    this.props.datum.unsubscribe(CHANGE_TOPIC, this.handleUpdate);
+  };
+
+  _proto.getChecked = function getChecked() {
+    var _this$props = this.props,
+        data = _this$props.data,
+        datum = _this$props.datum;
+    if (datum.length === 0 || !data) return false;
+    var checked;
+
+    for (var _iterator = data, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+      var _ref;
+
+      if (_isArray) {
+        if (_i >= _iterator.length) break;
+        _ref = _iterator[_i++];
+      } else {
+        _i = _iterator.next();
+        if (_i.done) break;
+        _ref = _i.value;
+      }
 
-  getChecked() {
-    const { data, datum } = this.props
-    if (datum.length === 0 || !data) return false
+      var d = _ref;
+      if (datum.disabled(d)) continue;
+      var p = this.check(d);
+      if (p === 'indeterminate') return p;
 
-    let checked
-    for (const d of data) {
-      if (datum.disabled(d)) continue
-      const p = this.check(d)
-      if (p === 'indeterminate') return p
       if (checked === undefined) {
-        checked = p
+        checked = p;
       } else if (checked !== p) {
-        return 'indeterminate'
+        return 'indeterminate';
       }
     }
 
-    return checked
-  }
+    return checked;
+  };
+
+  _proto.check = function check(d) {
+    var _this$props2 = this.props,
+        datum = _this$props2.datum,
+        treeColumnsName = _this$props2.treeColumnsName;
+    var p = datum.check(d);
+    var children = d[treeColumnsName];
+    var isArray = children && Array.isArray(children);
 
-  check(d) {
-    const { datum, treeColumnsName } = this.props
-    const p = datum.check(d)
-    const children = d[treeColumnsName]
-    const isArray = children && Array.isArray(children)
     if (isArray) {
-      for (const c of children) {
-        if (this.check(c) !== p) return 'indeterminate'
+      for (var _iterator2 = children, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
+        var _ref2;
+
+        if (_isArray2) {
+          if (_i2 >= _iterator2.length) break;
+          _ref2 = _iterator2[_i2++];
+        } else {
+          _i2 = _iterator2.next();
+          if (_i2.done) break;
+          _ref2 = _i2.value;
+        }
+
+        var c = _ref2;
+        if (this.check(c) !== p) return 'indeterminate';
       }
     }
-    return p
-  }
 
-  handleChange(_, checked, index) {
-    const { data, datum, treeColumnsName } = this.props
+    return p;
+  };
+
+  _proto.handleChange = function handleChange(_, checked, index) {
+    var _this$props3 = this.props,
+        data = _this$props3.data,
+        datum = _this$props3.datum,
+        treeColumnsName = _this$props3.treeColumnsName;
+
     if (checked) {
-      datum.add(data, index, treeColumnsName)
+      datum.add(data, index, treeColumnsName);
     } else {
-      datum.remove(data, index, treeColumnsName)
+      datum.remove(data, index, treeColumnsName);
     }
-  }
+  };
 
-  render() {
-    const { datum } = this.props
-    this.lastValueLength = (datum.getValue() || []).length
-    if (datum.limit === 1) return null
-    return <Checkbox {...this.props} checked={this.getChecked()} onChange={this.handleChange} />
-  }
-}
+  _proto.render = function render() {
+    var datum = this.props.datum;
+    this.lastValueLength = (datum.getValue() || []).length;
+    if (datum.limit === 1) return null;
+    return React.createElement(Checkbox, _extends({}, this.props, {
+      checked: this.getChecked(),
+      onChange: this.handleChange
+    }));
+  };
+
+  return _default;
+}(Component);
+
+_defineProperty(_default, "propTypes", {
+  data: PropTypes.array,
+  datum: PropTypes.object.isRequired,
+  treeColumnsName: PropTypes.string
+});
+
+export { _default as default };

package/es/Table/Colgroup.js

@@ -1,59 +1,84 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-class Colgroup extends React.Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      didShow: false,
-    }
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+
+var Colgroup =
+/*#__PURE__*/
+function (_React$Component) {
+  _inheritsLoose(Colgroup, _React$Component);
+
+  function Colgroup(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.state = {
+      didShow: false
+    };
+    return _this;
   }
 
-  componentDidUpdate() {
-    const { colgroup, columns, resizable } = this.props
+  var _proto = Colgroup.prototype;
+
+  _proto.componentDidUpdate = function componentDidUpdate() {
+    var _this$props = this.props,
+        colgroup = _this$props.colgroup,
+        columns = _this$props.columns,
+        resizable = _this$props.resizable;
+
     if (!colgroup && resizable && this.state.didShow) {
-      this.setState({ didShow: false })
-      return
+      this.setState({
+        didShow: false
+      });
+      return;
     }
-    if (!resizable || this.state.didShow) return
-    if (!colgroup || colgroup.length !== columns.length) return
-    this.setState({ didShow: true })
-  }
 
-  render() {
-    const { didShow } = this.state
-    const { columns, colgroup } = this.props
+    if (!resizable || this.state.didShow) return;
+    if (!colgroup || colgroup.length !== columns.length) return;
+    this.setState({
+      didShow: true
+    });
+  };
+
+  _proto.render = function render() {
+    var didShow = this.state.didShow;
+    var _this$props2 = this.props,
+        columns = _this$props2.columns,
+        colgroup = _this$props2.colgroup;
+
     if (colgroup && colgroup.length === columns.length) {
-      return (
-        <colgroup>
-          {colgroup.map((c, i) => {
-            const last = colgroup.length - 1 === i
-            if (didShow && last) return null
-            return <col key={columns[i].key} style={{ width: c }} />
-          })}
-        </colgroup>
-      )
+      return React.createElement("colgroup", null, colgroup.map(function (c, i) {
+        var last = colgroup.length - 1 === i;
+        if (didShow && last) return null;
+        return React.createElement("col", {
+          key: columns[i].key,
+          style: {
+            width: c
+          }
+        });
+      }));
     }
-    return (
-      <colgroup>
-        {columns.map((c, i) => {
-          const last = columns.length - 1 === i
-          if (didShow && last) return null
-          return <col key={c.key} style={{ width: c.width }} />
-        })}
-      </colgroup>
-    )
-  }
-}
+
+    return React.createElement("colgroup", null, columns.map(function (c, i) {
+      var last = columns.length - 1 === i;
+      if (didShow && last) return null;
+      return React.createElement("col", {
+        key: c.key,
+        style: {
+          width: c.width
+        }
+      });
+    }));
+  };
+
+  return Colgroup;
+}(React.Component);
 
 Colgroup.propTypes = {
   columns: PropTypes.array.isRequired,
   colgroup: PropTypes.array,
-  resizable: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
-}
-
+  resizable: PropTypes.oneOfType([PropTypes.bool, PropTypes.number])
+};
 Colgroup.defaultProps = {
-  colgroup: undefined,
-}
-
-export default Colgroup
+  colgroup: undefined
+};
+export default Colgroup;

package/es/Table/Expand.js

@@ -1,61 +1,81 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import { throttleWrapper } from '../utils/lazyload'
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { throttleWrapper } from '../utils/lazyload';
+var iframeStyle = {
+  position: 'absolute',
+  left: 0,
+  width: 0,
+  height: '100%',
+  border: 0
+};
 
-const iframeStyle = {
-  position: 'absolute', left: 0, width: 0, height: '100%', border: 0,
-}
+var Expand =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Expand, _PureComponent);
 
-class Expand extends PureComponent {
-  constructor(props) {
-    super(props)
+  function Expand(props) {
+    var _this;
 
-    this.bindElement = this.bindElement.bind(this)
-    this.bindIframe = this.bindIframe.bind(this)
-    this.setHeight = this.setHeight.bind(this)
+    _this = _PureComponent.call(this, props) || this;
+    _this.bindElement = _this.bindElement.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.bindIframe = _this.bindIframe.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.setHeight = _this.setHeight.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
 
-  componentDidMount() {
-    this.setHeight()
-  }
+  var _proto = Expand.prototype;
 
-  componentWillUnmount() {
-    this.props.setExpandHeight(0)
-  }
+  _proto.componentDidMount = function componentDidMount() {
+    this.setHeight();
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.props.setExpandHeight(0);
+  };
 
-  setHeight() {
+  _proto.setHeight = function setHeight() {
     if (this.element) {
-      this.props.setExpandHeight(this.element.clientHeight)
+      this.props.setExpandHeight(this.element.clientHeight);
     }
-  }
+  };
 
-  bindElement(el) {
-    this.element = el
-  }
+  _proto.bindElement = function bindElement(el) {
+    this.element = el;
+  };
 
-  bindIframe(el) {
+  _proto.bindIframe = function bindIframe(el) {
     if (el && el.contentWindow) {
-      el.contentWindow.onresize = throttleWrapper(this.setHeight)
+      el.contentWindow.onresize = throttleWrapper(this.setHeight);
     }
-  }
+  };
 
-  render() {
-    const { colSpan, children } = this.props
-    return (
-      <tr ref={this.bindElement}>
-        <td style={{ padding: 0 }} colSpan={colSpan}>
-          <iframe title="scroll" ref={this.bindIframe} style={iframeStyle} />
-          {children}
-        </td>
-      </tr>
-    )
-  }
-}
+  _proto.render = function render() {
+    var _this$props = this.props,
+        colSpan = _this$props.colSpan,
+        children = _this$props.children;
+    return React.createElement("tr", {
+      ref: this.bindElement
+    }, React.createElement("td", {
+      style: {
+        padding: 0
+      },
+      colSpan: colSpan
+    }, React.createElement("iframe", {
+      title: "scroll",
+      ref: this.bindIframe,
+      style: iframeStyle
+    }), children));
+  };
+
+  return Expand;
+}(PureComponent);
 
 Expand.propTypes = {
   children: PropTypes.any,
   colSpan: PropTypes.number,
-  setExpandHeight: PropTypes.func,
-}
-
-export default Expand
+  setExpandHeight: PropTypes.func
+};
+export default Expand;