shineout 1.7.0 → 1.7.1-beta.3

package/es/Select/OptionTree.js

@@ -1,104 +1,121 @@
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-import List from '../AnimationList'
-import Tree from '../Tree'
-import Spin from '../Spin'
-import { getLocale } from '../locale'
-import { selectClass } from './styles'
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import List from '../AnimationList';
+import Tree from '../Tree';
+import Spin from '../Spin';
+import { getLocale } from '../locale';
+import { selectClass } from './styles';
+var ScaleList = List(['fade', 'scale-y'], 'fast');
+var DATA_PATH_KEY = '$PATH';
 
-const ScaleList = List(['fade', 'scale-y'], 'fast')
-const DATA_PATH_KEY = '$PATH'
+var OptionList =
+/*#__PURE__*/
+function (_Component) {
+  _inheritsLoose(OptionList, _Component);
 
-class OptionList extends Component {
-  constructor(props) {
-    super(props)
+  function OptionList(props) {
+    var _this;
 
-    this.handleClick = this.handleClick.bind(this)
+    _this = _Component.call(this, props) || this;
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
 
-  getText(key) {
-    return this.props.text[key] || getLocale(key)
-  }
+  var _proto = OptionList.prototype;
 
-  handleClick(data, _, p) {
-    const { path } = p
-    const { datum, onChange } = this.props
-    if (datum.disabled(data)) return
-    onChange(null, { ...data, [DATA_PATH_KEY]: path })
-  }
+  _proto.getText = function getText(key) {
+    return this.props.text[key] || getLocale(key);
+  };
 
-  renderItem(data) {
-    const { renderItem, datum } = this.props
-    const content = renderItem(data)
-    return (
-      <span
-        title={typeof content === 'string' ? content : undefined}
-        className={selectClass('tree-node', datum.check(data) && 'selected', datum.disabled(data) && 'disabled')}
-      >
-        {content}
-      </span>
-    )
-  }
+  _proto.handleClick = function handleClick(data, _, p) {
+    var _objectSpread2;
 
-  renderTree() {
-    const {
-      loading,
-      treeData,
-      keygen,
-      onExpand,
-      loader,
-      expanded,
-      defaultExpanded,
-      defaultExpandAll,
-      renderPending,
-      childrenKey,
-      expandIcons,
-    } = this.props
-    if (loading)
-      return (
-        <span className={selectClass('option')}>{typeof loading === 'boolean' ? <Spin size={20} /> : loading}</span>
-      )
-    if (treeData.length === 0 || renderPending)
-      return <span className={selectClass('option')}>{this.getText('noData')}</span>
+    var path = p.path;
+    var _this$props = this.props,
+        datum = _this$props.datum,
+        onChange = _this$props.onChange;
+    if (datum.disabled(data)) return;
+    onChange(null, _objectSpread({}, data, (_objectSpread2 = {}, _objectSpread2[DATA_PATH_KEY] = path, _objectSpread2)));
+  };
 
-    return (
-      <div className={selectClass('tree-wrapper')}>
-        <Tree
-          radioUpdate
-          onClick={this.handleClick}
-          line={false}
-          data={treeData}
-          keygen={keygen}
-          renderItem={this.renderItem.bind(this)}
-          onExpand={onExpand}
-          loader={loader}
-          expanded={expanded}
-          defaultExpandAll={defaultExpandAll}
-          defaultExpanded={defaultExpanded}
-          childrenKey={childrenKey}
-          expandIcons={expandIcons}
-        />
-      </div>
-    )
-  }
+  _proto.renderItem = function renderItem(data) {
+    var _this$props2 = this.props,
+        renderItem = _this$props2.renderItem,
+        datum = _this$props2.datum;
+    var content = renderItem(data);
+    return React.createElement("span", {
+      title: typeof content === 'string' ? content : undefined,
+      className: selectClass('tree-node', datum.check(data) && 'selected', datum.disabled(data) && 'disabled')
+    }, content);
+  };
 
-  render() {
-    const { focus, style, selectId, height, getRef, customHeader } = this.props
-    const mergeStyle = Object.assign({}, { maxHeight: height, overflowY: 'auto' }, style)
-    return (
-      <ScaleList
-        getRef={getRef}
-        show={focus}
-        style={mergeStyle}
-        data-id={selectId}
-        className={selectClass('options', 'tree')}
-      >
-        {customHeader}
-        {this.renderTree()}
-      </ScaleList>
-    )
-  }
-}
+  _proto.renderTree = function renderTree() {
+    var _this$props3 = this.props,
+        loading = _this$props3.loading,
+        treeData = _this$props3.treeData,
+        keygen = _this$props3.keygen,
+        onExpand = _this$props3.onExpand,
+        loader = _this$props3.loader,
+        expanded = _this$props3.expanded,
+        defaultExpanded = _this$props3.defaultExpanded,
+        defaultExpandAll = _this$props3.defaultExpandAll,
+        renderPending = _this$props3.renderPending,
+        childrenKey = _this$props3.childrenKey,
+        expandIcons = _this$props3.expandIcons,
+        emptyText = _this$props3.emptyText;
+    if (loading) return React.createElement("span", {
+      className: selectClass('option')
+    }, typeof loading === 'boolean' ? React.createElement(Spin, {
+      size: 20
+    }) : loading);
+    if (treeData.length === 0 || renderPending) return React.createElement("span", {
+      className: selectClass('option')
+    }, emptyText || this.getText('noData'));
+    return React.createElement("div", {
+      className: selectClass('tree-wrapper')
+    }, React.createElement(Tree, {
+      radioUpdate: true,
+      onClick: this.handleClick,
+      line: false,
+      data: treeData,
+      keygen: keygen,
+      renderItem: this.renderItem.bind(this),
+      onExpand: onExpand,
+      loader: loader,
+      expanded: expanded,
+      defaultExpandAll: defaultExpandAll,
+      defaultExpanded: defaultExpanded,
+      childrenKey: childrenKey,
+      expandIcons: expandIcons
+    }));
+  };
+
+  _proto.render = function render() {
+    var _this$props4 = this.props,
+        focus = _this$props4.focus,
+        style = _this$props4.style,
+        selectId = _this$props4.selectId,
+        height = _this$props4.height,
+        getRef = _this$props4.getRef,
+        customHeader = _this$props4.customHeader;
+    var mergeStyle = Object.assign({}, {
+      maxHeight: height,
+      overflowY: 'auto'
+    }, style);
+    return React.createElement(ScaleList, {
+      getRef: getRef,
+      show: focus,
+      style: mergeStyle,
+      "data-id": selectId,
+      className: selectClass('options', 'tree')
+    }, customHeader, this.renderTree());
+  };
+
+  return OptionList;
+}(Component);
 
 OptionList.propTypes = {
   onChange: PropTypes.func,
@@ -122,6 +139,6 @@ OptionList.propTypes = {
   getRef: PropTypes.func,
   customHeader: PropTypes.node,
   expandIcons: PropTypes.array,
-}
-
-export default OptionList
+  emptyText: PropTypes.node
+};
+export default OptionList;