shineout 1.7.0 → 1.7.1-beta.3

package/es/Cascader/filter.js

@@ -1,74 +1,105 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { getKey } from '../utils/uid'
-import { Component } from '../component'
-import { getFilterTree } from '../utils/tree'
+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 { getKey } from '../utils/uid';
+import { Component } from '../component';
+import { getFilterTree } from '../utils/tree';
+export default (function (Origin) {
+  var _class, _temp;
 
-export default Origin =>
-  class extends Component {
-    static propTypes = {
-      onFilter: PropTypes.func,
-      filterDelay: PropTypes.number,
-      data: PropTypes.array,
-      childrenKey: PropTypes.string,
-      keygen: PropTypes.any,
-      mode: PropTypes.number,
-    }
+  return _temp = _class =
+  /*#__PURE__*/
+  function (_Component) {
+    _inheritsLoose(_class, _Component);
 
-    static defaultProps = {
-      filterDelay: 400,
-    }
+    function _class(props) {
+      var _this;
 
-    constructor(props) {
-      super(props)
-      this.handleFilter = this.handleFilter.bind(this)
-      this.state = {
+      _this = _Component.call(this, props) || this;
+      _this.handleFilter = _this.handleFilter.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+      _this.state = {
         filterText: '',
-        filter: null,
-      }
+        filter: null
+      };
+      return _this;
     }
 
-    getData() {
-      const { data, childrenKey, keygen } = this.props
-      const { filter } = this.state
-      if (!filter) return data
-      return getFilterTree(data, filter, undefined, node => getKey(node, keygen), childrenKey, true, node => {
-        if (this.firstMatchNode) return
-        this.firstMatchNode = node
-      })
-    }
+    var _proto = _class.prototype;
+
+    _proto.getData = function getData() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          data = _this$props.data,
+          childrenKey = _this$props.childrenKey,
+          keygen = _this$props.keygen;
+      var filter = this.state.filter;
+      if (!filter) return data;
+      return getFilterTree(data, filter, undefined, function (node) {
+        return getKey(node, keygen);
+      }, childrenKey, true, function (node) {
+        if (_this2.firstMatchNode) return;
+        _this2.firstMatchNode = node;
+      });
+    };
+
+    _proto.handleFilter = function handleFilter(filterText) {
+      var _this3 = this;
+
+      var _this$props2 = this.props,
+          filterDelay = _this$props2.filterDelay,
+          onFilter = _this$props2.onFilter;
+      if (this.timer) clearTimeout(this.timer);
+      this.firstMatchNode = null;
 
-    handleFilter(filterText) {
-      const { filterDelay, onFilter } = this.props
-      if (this.timer) clearTimeout(this.timer)
-      this.firstMatchNode = null
       if (filterText.length === 0) {
-        this.setState({ filter: null, filterText })
-        return
+        this.setState({
+          filter: null,
+          filterText: filterText
+        });
+        return;
       }
 
-      this.timer = setTimeout(() => {
-        const fn = onFilter(filterText)
+      this.timer = setTimeout(function () {
+        var fn = onFilter(filterText);
+
         if (typeof fn === 'function') {
-          this.setState({ filter: fn, filterText })
+          _this3.setState({
+            filter: fn,
+            filterText: filterText
+          });
         }
-      }, filterDelay)
-    }
+      }, filterDelay);
+    };
 
-    render() {
-      const { onFilter } = this.props
-      const { filterText, filter } = this.state
-      if (!onFilter) return <Origin {...this.props} />
-      const data = this.getData()
-      return (
-        <Origin
-          {...this.props}
-          data={data}
-          filterText={filterText}
-          onFilter={this.handleFilter}
-          filterDataChange={filter}
-          firstMatchNode={this.firstMatchNode}
-        />
-      )
-    }
-  }
+    _proto.render = function render() {
+      var onFilter = this.props.onFilter;
+      var _this$state = this.state,
+          filterText = _this$state.filterText,
+          filter = _this$state.filter;
+      if (!onFilter) return React.createElement(Origin, this.props);
+      var data = this.getData();
+      return React.createElement(Origin, _extends({}, this.props, {
+        data: data,
+        filterText: filterText,
+        onFilter: this.handleFilter,
+        filterDataChange: filter,
+        firstMatchNode: this.firstMatchNode
+      }));
+    };
+
+    return _class;
+  }(Component), _defineProperty(_class, "propTypes", {
+    onFilter: PropTypes.func,
+    filterDelay: PropTypes.number,
+    data: PropTypes.array,
+    childrenKey: PropTypes.string,
+    keygen: PropTypes.any,
+    mode: PropTypes.number
+  }), _defineProperty(_class, "defaultProps", {
+    filterDelay: 400
+  }), _temp;
+});

package/es/Cascader/index.js

@@ -1,18 +1,13 @@
-import Component from './Cascader'
-import inputable from '../Form/inputable'
-import inputBorder from '../hoc/inputBorder'
-import { selectClass } from '../Select/styles'
-import { compose } from '../utils/func'
-import filter from './filter'
-import absolute from '../Table/context'
-
-const Cascader = compose(
-  inputable,
-  inputBorder({ className: selectClass('_'), tag: 'span' }),
-  filter,
-  absolute
-)(Component)
-
-Cascader.displayName = 'ShineoutCascader'
-
-export default Cascader
+import Component from './Cascader';
+import inputable from '../Form/inputable';
+import inputBorder from '../hoc/inputBorder';
+import { selectClass } from '../Select/styles';
+import { compose } from '../utils/func';
+import filter from './filter';
+import absolute from '../Table/context';
+var Cascader = compose(inputable, inputBorder({
+  className: selectClass('_'),
+  tag: 'span'
+}), filter, absolute)(Component);
+Cascader.displayName = 'ShineoutCascader';
+export default Cascader;

package/es/Cascader/styles/index.js

@@ -1,4 +1,3 @@
-import cascaderLess from './cascader.less'
-import genaration from '../../utils/classname'
-
-export const cascaderClass = genaration(cascaderLess, 'cascader')
+import cascaderLess from './cascader.less';
+import genaration from '../../utils/classname';
+export var cascaderClass = genaration(cascaderLess, 'cascader');

package/es/Checkbox/CheckItem.js

@@ -1,161 +1,178 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import { PureComponent } from '../component'
-import { getProps, defaultProps } from '../utils/proptypes'
-import { getUidStr } from '../utils/uid'
-import { isEnterPress } from '../utils/is'
-import Input from '../Input'
-import { checkinputClass } from './styles'
-import { isRTL } from '../config'
-import getDataset from '../utils/dom/getDataset'
-
-export default function(type) {
-  class CheckItem extends PureComponent {
-    constructor(props) {
-      super(props)
-
-      this.state = {
-        checked: props.checked,
-      }
-
-      this.id = `cb_${getUidStr()}`
-      this.input = null
-      this.el = null
-      this.handleChange = this.handleChange.bind(this)
-      this.handleInputChange = this.handleInputChange.bind(this)
-      this.handleEnter = this.handleEnter.bind(this)
-      this.bindRef = this.bindRef.bind(this)
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { PureComponent } from '../component';
+import { getProps, defaultProps } from '../utils/proptypes';
+import { getUidStr } from '../utils/uid';
+import { isEnterPress } from '../utils/is';
+import Input from '../Input';
+import { checkinputClass } from './styles';
+import { isRTL } from '../config';
+import getDataset from '../utils/dom/getDataset';
+export default function (type) {
+  var CheckItem =
+  /*#__PURE__*/
+  function (_PureComponent) {
+    _inheritsLoose(CheckItem, _PureComponent);
+
+    function CheckItem(props) {
+      var _this;
+
+      _this = _PureComponent.call(this, props) || this;
+      _this.state = {
+        checked: props.checked
+      };
+      _this.id = "cb_" + getUidStr();
+      _this.input = null;
+      _this.el = null;
+      _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+      _this.handleInputChange = _this.handleInputChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+      _this.handleEnter = _this.handleEnter.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+      _this.bindRef = _this.bindRef.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+      return _this;
     }
 
-    componentDidUpdate(prevProps) {
-      const { checked, inputable, value, htmlValue } = this.props
+    var _proto = CheckItem.prototype;
+
+    _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+      var _this$props = this.props,
+          checked = _this$props.checked,
+          inputable = _this$props.inputable,
+          value = _this$props.value,
+          htmlValue = _this$props.htmlValue;
+
       if (prevProps.value !== value && checked === undefined) {
         // eslint-disable-next-line
-        this.setState({ checked: inputable ? !!value : value === htmlValue })
+        this.setState({
+          checked: inputable ? !!value : value === htmlValue
+        });
       }
-    }
-
-    getChecked() {
-      const { checked, value, htmlValue } = this.props
-      if (typeof checked === 'function') return checked(htmlValue)
-      if (checked !== undefined) return checked
-      if (this.state.checked === undefined) return value === htmlValue
-      return this.state.checked
-    }
-
-    getProp(key) {
-      if (this.props[key] !== undefined) return this.props[key]
-      return this.state[key]
-    }
-
-    bindRef(el) {
-      if (el) this.el = el
-    }
-
-    handleEnter(e) {
+    };
+
+    _proto.getChecked = function getChecked() {
+      var _this$props2 = this.props,
+          checked = _this$props2.checked,
+          value = _this$props2.value,
+          htmlValue = _this$props2.htmlValue;
+      if (typeof checked === 'function') return checked(htmlValue);
+      if (checked !== undefined) return checked;
+      if (this.state.checked === undefined) return value === htmlValue;
+      return this.state.checked;
+    };
+
+    _proto.getProp = function getProp(key) {
+      if (this.props[key] !== undefined) return this.props[key];
+      return this.state[key];
+    };
+
+    _proto.bindRef = function bindRef(el) {
+      if (el) this.el = el;
+    };
+
+    _proto.handleEnter = function handleEnter(e) {
       if (isEnterPress(e)) {
         this.handleChange({
           target: {
-            checked: !this.getChecked(),
-          },
-        })
-        // e.target.click()
+            checked: !this.getChecked()
+          }
+        }); // e.target.click()
         // if (this.el) this.el.focus()
       }
-    }
-
-    handleChange(e) {
-      const { onChange, onRawChange, index, inputable } = this.props
-      const { checked } = e.target
-      this.setState({ checked }, () => this.el.focus())
+    };
+
+    _proto.handleChange = function handleChange(e) {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          onChange = _this$props3.onChange,
+          onRawChange = _this$props3.onRawChange,
+          index = _this$props3.index,
+          inputable = _this$props3.inputable;
+      var checked = e.target.checked;
+      this.setState({
+        checked: checked
+      }, function () {
+        return _this2.el.focus();
+      });
 
       if (type === 'switch' && onChange) {
-        onChange(checked)
-        return
+        onChange(checked);
+        return;
       }
 
-      let value = inputable ? this.props.value : this.props.htmlValue
-
-      if (onRawChange) onRawChange(value, checked)
-
-      value = checked ? value : undefined
-      if (onChange) onChange(value, checked, index)
-    }
-
-    handleInputChange(val) {
-      const { onChange, index } = this.props
-      const checked = val.length > 0
-      if (onChange) onChange(val, checked, index)
-    }
-
-    render() {
-      const { disabled, style, content, size, children, inputable, onClick } = this.props
-
-      const rtl = isRTL()
-
-      const checked = this.getChecked()
-      const isSwitch = type === 'switch'
-
-      const className = classnames(
-        checkinputClass(
-          '_',
-          disabled && 'disabled',
-          checked === true && 'checked',
-          checked === 'indeterminate' && 'indeterminate',
-          isSwitch && 'switch',
-          `${type}-container`,
-          rtl && 'rtl',
-          {
-            large: size === 'large',
-            small: size === 'small',
-          }
-        ),
-        this.props.className
-      )
-
-      const [checkedChildren, uncheckedChildren] = content
-      const switchChildren =
-        isSwitch && size !== 'small' ? (
-          <span className={checkinputClass('switch-children')}>{checked ? checkedChildren : uncheckedChildren}</span>
-        ) : null
-
-      const value = typeof this.props.value === 'string' ? this.props.value : ''
-
-      return (
-        <label
-          onKeyDown={this.handleEnter}
-          className={className}
-          style={style}
-          htmlFor={this.id}
-          tabIndex={disabled ? undefined : 0}
-          ref={this.bindRef}
-          disabled={disabled}
-          {...getDataset(this.props)}
-        >
-          {switchChildren}
-          <input
-            id={this.id}
-            disabled={disabled}
-            tabIndex={-1}
-            type={isSwitch ? 'checkbox' : type}
-            onClick={onClick}
-            onChange={this.handleChange}
-            checked={checked}
-          />
-          <i className={checkinputClass('indicator', type)} />
-          {children && !isSwitch && <span className={checkinputClass('desc')}>{children}</span>}
-          {inputable && !isSwitch && checked && (
-            <Input className={checkinputClass('text')} onChange={this.handleInputChange} value={value} />
-          )}
-          {isSwitch && <span className={checkinputClass('switch-indicator')} />}
-        </label>
-      )
-    }
-  }
-
-  CheckItem.propTypes = {
-    ...getProps(PropTypes, 'disabled'),
+      var value = inputable ? this.props.value : this.props.htmlValue;
+      if (onRawChange) onRawChange(value, checked);
+      value = checked ? value : undefined;
+      if (onChange) onChange(value, checked, index);
+    };
+
+    _proto.handleInputChange = function handleInputChange(val) {
+      var _this$props4 = this.props,
+          onChange = _this$props4.onChange,
+          index = _this$props4.index;
+      var checked = val.length > 0;
+      if (onChange) onChange(val, checked, index);
+    };
+
+    _proto.render = function render() {
+      var _this$props5 = this.props,
+          disabled = _this$props5.disabled,
+          style = _this$props5.style,
+          content = _this$props5.content,
+          size = _this$props5.size,
+          children = _this$props5.children,
+          inputable = _this$props5.inputable,
+          onClick = _this$props5.onClick;
+      var rtl = isRTL();
+      var checked = this.getChecked();
+      var isSwitch = type === 'switch';
+      var className = classnames(checkinputClass('_', disabled && 'disabled', checked === true && 'checked', checked === 'indeterminate' && 'indeterminate', isSwitch && 'switch', type + "-container", rtl && 'rtl', {
+        large: size === 'large',
+        small: size === 'small'
+      }), this.props.className);
+      var checkedChildren = content[0],
+          uncheckedChildren = content[1];
+      var switchChildren = isSwitch && size !== 'small' ? React.createElement("span", {
+        className: checkinputClass('switch-children')
+      }, checked ? checkedChildren : uncheckedChildren) : null;
+      var value = typeof this.props.value === 'string' ? this.props.value : '';
+      return React.createElement("label", _extends({
+        onKeyDown: this.handleEnter,
+        className: className,
+        style: style,
+        htmlFor: this.id,
+        tabIndex: disabled ? undefined : 0,
+        ref: this.bindRef,
+        disabled: disabled
+      }, getDataset(this.props)), switchChildren, React.createElement("input", {
+        id: this.id,
+        disabled: disabled,
+        tabIndex: -1,
+        type: isSwitch ? 'checkbox' : type,
+        onClick: onClick,
+        onChange: this.handleChange,
+        checked: checked
+      }), React.createElement("i", {
+        className: checkinputClass('indicator', type)
+      }), children && !isSwitch && React.createElement("span", {
+        className: checkinputClass('desc')
+      }, children), inputable && !isSwitch && checked && React.createElement(Input, {
+        className: checkinputClass('text'),
+        onChange: this.handleInputChange,
+        value: value
+      }), isSwitch && React.createElement("span", {
+        className: checkinputClass('switch-indicator')
+      }));
+    };
+
+    return CheckItem;
+  }(PureComponent);
+
+  CheckItem.propTypes = _objectSpread({}, getProps(PropTypes, 'disabled'), {
     checked: PropTypes.oneOfType([PropTypes.oneOf([true, false, 'indeterminate']), PropTypes.func]),
     inputable: PropTypes.bool,
     htmlValue: PropTypes.any,
@@ -165,15 +182,12 @@ export default function(type) {
     value: PropTypes.any,
     onClick: PropTypes.func,
     size: PropTypes.oneOf(['small', 'default', 'large']),
-    content: PropTypes.array,
-  }
-
-  CheckItem.defaultProps = {
-    ...defaultProps,
+    content: PropTypes.array
+  });
+  CheckItem.defaultProps = _objectSpread({}, defaultProps, {
     htmlValue: true,
     onClick: undefined,
-    content: [],
-  }
-
-  return CheckItem
-}
+    content: []
+  });
+  return CheckItem;
+}

package/es/Checkbox/Checkbox.js

@@ -1,3 +1,2 @@
-import checkItem from './CheckItem'
-
-export default checkItem('checkbox')
+import checkItem from './CheckItem';
+export default checkItem('checkbox');