@hi-ui/hiui 2.15.10 → 2.15.11

package/es/select/select-legacy/SelectDropdown.js

@@ -1,164 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _checkbox = _interopRequireDefault(require("../../checkbox"));
-
-var _loading = _interopRequireDefault(require("../../loading"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var SelectDropdown = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(SelectDropdown, _Component);
-
-  var _super = _createSuper(SelectDropdown);
-
-  function SelectDropdown() {
-    (0, _classCallCheck2["default"])(this, SelectDropdown);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(SelectDropdown, [{
-    key: "onClickOption",
-    value: function onClickOption(e, item, index) {
-      e && e.stopPropagation();
-
-      if (item.disabled) {
-        return;
-      }
-
-      this.props.onClickOption(item, index);
-    }
-  }, {
-    key: "onMouseEnter",
-    value: function onMouseEnter(item, index) {
-      !item.disabled && this.props.setFocusedIndex(index);
-    }
-  }, {
-    key: "itemSelected",
-    value: function itemSelected(item) {
-      var selectedItems = this.props.selectedItems;
-      return selectedItems.map(function (item) {
-        return item.id;
-      }).indexOf(item.id) > -1;
-    }
-  }, {
-    key: "renderOption",
-    value: function renderOption(mode, isSelected, item) {
-      if (item.children) {
-        return item.children;
-      }
-
-      if (this.props.dropdownRender) {
-        return this.props.dropdownRender(item, isSelected);
-      }
-
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, mode === 'multiple' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__dropdown--item__checkbox"
-      }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
-        legacy: true,
-        checked: isSelected,
-        disabled: item.disabled
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__dropdown--item__name"
-      }, item.name), mode === 'single' && isSelected && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__dropdown--item__check-icon"
-      }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: "hi-icon icon-check"
-      })));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-
-      var _this$props = this.props,
-          mode = _this$props.mode,
-          dropdownItems = _this$props.dropdownItems,
-          focusedIndex = _this$props.focusedIndex,
-          matchFilter = _this$props.matchFilter,
-          noFoundTip = _this$props.noFoundTip,
-          loading = _this$props.loading,
-          optionWidth = _this$props.optionWidth,
-          showCheckAll = _this$props.showCheckAll,
-          checkAll = _this$props.checkAll,
-          dropdownRender = _this$props.dropdownRender;
-      var matched = 0;
-      var style = optionWidth && {
-        width: optionWidth
-      };
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__dropdown",
-        onClick: this.props.onClick,
-        style: style
-      }, loading && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__dropdown--loading"
-      }, /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-        size: "small"
-      })), !loading && /*#__PURE__*/_react["default"].createElement("ul", {
-        className: "hi-select__dropdown--items"
-      }, dropdownItems.map(function (item, index) {
-        if (matchFilter(item)) {
-          matched++; // const isSelected = selectedItems[item.id]
-
-          var isSelected = _this.itemSelected(item);
-
-          var isDisabled = item.disabled;
-          return /*#__PURE__*/_react["default"].createElement("li", {
-            className: (0, _classnames["default"])('hi-select__dropdown--item', {
-              'is-active': isSelected,
-              'is-disabled': isDisabled,
-              'hi-select__dropdown--item-default': !item.children && !dropdownRender
-            }),
-            onClick: function onClick(e) {
-              return _this.onClickOption(e, item, index);
-            },
-            key: item.id,
-            "data-focused": focusedIndex === index,
-            onMouseEnter: function onMouseEnter() {
-              return _this.onMouseEnter(item, index);
-            }
-          }, _this.renderOption(mode, isSelected, item));
-        }
-      }), matched === 0 && /*#__PURE__*/_react["default"].createElement("li", {
-        className: "hi-select__dropdown--item hi-select__dropdown-item--empty is-disabled",
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        }
-      }, noFoundTip)), mode === 'multiple' && showCheckAll && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__dropdown-check-all",
-        onClick: checkAll
-      }, "\u5168\u9009"));
-    }
-  }]);
-  return SelectDropdown;
-}(_react.Component);
-
-exports["default"] = SelectDropdown;

package/es/select/select-legacy/SelectInput.js

@@ -1,312 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _common = require("./common");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var SelectInput = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(SelectInput, _Component);
-
-  var _super = _createSuper(SelectInput);
-
-  function SelectInput(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, SelectInput);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "calShowCountFlag", true);
-    _this.state = {
-      showCount: 0,
-      value: '',
-      inputStyle: {
-        width: '2px'
-      }
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(SelectInput, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      if (this.props.multipleMode === 'nowrap' && this.calShowCountFlag && this.itemsRef) {
-        // 多选超过一行时以数字显示
-        var itemsRect = this.itemsRef.getBoundingClientRect();
-        var width = 0;
-        var showCount = 0;
-        var items = this.itemsRef.querySelectorAll('.hi-select__input--item');
-
-        var _iterator = _createForOfIteratorHelper(items),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var item = _step.value;
-            var itemRect = item.getBoundingClientRect();
-            width += itemRect.width;
-
-            if (width + 50 < itemsRect.width || width > itemsRect.width && width + 50 <= itemsRect.width && showCount + 1 === items.length) {
-              // 50是留给显示剩余选项的空间
-              ++showCount;
-            } else {
-              break;
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        this.setState({
-          showCount: showCount
-        });
-        this.calShowCountFlag = false;
-      } else {
-        this.calShowCountFlag = true;
-      }
-    }
-  }, {
-    key: "focus",
-    value: function focus() {
-      var _this2 = this;
-
-      setTimeout(function () {
-        return _this2.searchInput && _this2.searchInput.focus();
-      }, 0);
-    }
-  }, {
-    key: "handleKeywordChange",
-    value: function handleKeywordChange(evt) {
-      var val = evt.target.value;
-      this.setState({
-        value: val,
-        inputStyle: {
-          width: (0, _common.getTextWidth)(val) + 'px'
-        }
-      });
-      this.props.onSearch(evt.target.value);
-    }
-  }, {
-    key: "clearInput",
-    value: function clearInput() {
-      this.searchInput && (this.searchInput.value = '');
-      this.setState({
-        value: ''
-      });
-    }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown(evt) {
-      if (evt.keyCode === 13) {
-        this.props.onEnterSelect();
-      }
-
-      if (evt.keyCode === 38) {
-        evt.preventDefault();
-        this.props.moveFocusedIndex('up');
-      }
-
-      if (evt.keyCode === 40) {
-        evt.preventDefault();
-        this.props.moveFocusedIndex('down');
-      }
-    }
-  }, {
-    key: "handleClear",
-    value: function handleClear() {
-      this.props.onClear();
-      this.clearInput();
-    }
-  }, {
-    key: "renderMultiple",
-    value: function renderMultiple() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          placeholder = _this$props.placeholder,
-          selectedItems = _this$props.selectedItems,
-          dropdownShow = _this$props.dropdownShow,
-          disabled = _this$props.disabled,
-          searchable = _this$props.searchable,
-          clearable = _this$props.clearable,
-          multipleMode = _this$props.multipleMode,
-          onFocus = _this$props.onFocus,
-          onBlur = _this$props.onBlur;
-      var icon = dropdownShow ? 'up' : 'down';
-      var _this$state = this.state,
-          showCount = _this$state.showCount,
-          value = _this$state.value,
-          inputStyle = _this$state.inputStyle;
-      showCount = showCount === 0 || this.calShowCountFlag ? selectedItems.length : showCount;
-
-      if (!selectedItems.length) {
-        inputStyle = {
-          width: '100%'
-        };
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-select__input', 'multiple-values', {
-          disabled: disabled
-        }),
-        onClick: this.props.onClick
-      }, selectedItems.length === 0 && !value && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__input--placeholder"
-      }, placeholder), /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-select__input-items', {
-          'hi-select__input-items--all': multipleMode === 'wrap'
-        }),
-        ref: function ref(node) {
-          _this3.itemsRef = node;
-        }
-      }, selectedItems.slice(0, showCount).map(function (item, index) {
-        var _item = /*#__PURE__*/_react["default"].createElement("div", {
-          key: index,
-          className: "hi-select__input--item"
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: "hi-select__input--item__name"
-        }, item.name), /*#__PURE__*/_react["default"].createElement("span", {
-          className: "hi-select__input--item__remove",
-          onClick: function onClick(e) {
-            e.stopPropagation();
-
-            _this3.props.onDelete(item);
-          }
-        }, /*#__PURE__*/_react["default"].createElement("i", {
-          className: "hi-icon icon-close"
-        })));
-
-        return _item;
-      }), showCount < selectedItems.length && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__input-items--left"
-      }, "+", /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-select__input-items--left-count"
-      }, selectedItems.length - showCount)), searchable && !disabled && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__input--search"
-      }, /*#__PURE__*/_react["default"].createElement("input", {
-        type: "text",
-        style: inputStyle,
-        ref: function ref(input) {
-          _this3.searchInput = input;
-        },
-        onChange: this.handleKeywordChange.bind(this),
-        onKeyDown: this.handleKeyDown.bind(this),
-        onFocus: onFocus.bind(this),
-        onBlur: onBlur.bind(this)
-      }))), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-select__input--icon"
-      }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: (0, _classnames["default"])("hi-icon icon-".concat(icon, " hi-select__input--icon__expand"), {
-          clearable: clearable && selectedItems.length > 0
-        })
-      }), clearable && selectedItems.length > 0 && /*#__PURE__*/_react["default"].createElement("i", {
-        className: "hi-icon icon-close-circle hi-select__input--icon__close",
-        onClick: this.handleClear.bind(this)
-      })));
-    }
-  }, {
-    key: "renderSingle",
-    value: function renderSingle() {
-      var _this4 = this;
-
-      var _this$props2 = this.props,
-          placeholder = _this$props2.placeholder,
-          selectedItems = _this$props2.selectedItems,
-          dropdownShow = _this$props2.dropdownShow,
-          disabled = _this$props2.disabled,
-          searchable = _this$props2.searchable,
-          clearable = _this$props2.clearable,
-          onFocus = _this$props2.onFocus,
-          onBlur = _this$props2.onBlur;
-      placeholder = selectedItems.length > 0 ? selectedItems[0].name : placeholder;
-      var icon = dropdownShow ? 'up' : 'down';
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-select__input', 'single-value', {
-          disabled: disabled
-        }),
-        onClick: this.props.onClick
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-select__input--item', {
-          'hi-select__hide': !(!dropdownShow && selectedItems.length > 0)
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__input--item__name"
-      }, selectedItems[0] && selectedItems[0].name)), (dropdownShow || selectedItems.length === 0) && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-select__input--search"
-      }, /*#__PURE__*/_react["default"].createElement("input", {
-        type: "text",
-        ref: function ref(input) {
-          _this4.searchInput = input;
-        },
-        placeholder: placeholder,
-        onChange: this.handleKeywordChange.bind(this),
-        onKeyDown: this.handleKeyDown.bind(this),
-        onFocus: onFocus.bind(this),
-        onBlur: onBlur.bind(this),
-        readOnly: disabled || !searchable
-      })), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-select__input--icon"
-      }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: (0, _classnames["default"])("hi-icon icon-".concat(icon, " hi-select__input--icon__expand"), {
-          clearable: clearable && selectedItems.length > 0
-        })
-      }), clearable && selectedItems.length > 0 && /*#__PURE__*/_react["default"].createElement("i", {
-        className: "hi-icon icon-close-circle hi-select__input--icon__close",
-        onClick: this.handleClear.bind(this)
-      })));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var mode = this.props.mode;
-
-      if (mode === 'multiple') {
-        return this.renderMultiple();
-      } else {
-        return this.renderSingle();
-      }
-    }
-  }]);
-  return SelectInput;
-}(_react.Component);
-
-exports["default"] = SelectInput;

package/es/select/select-legacy/common.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTextWidth = getTextWidth;
-
-function getTextWidth(text) {
-  var clientWidth = 0;
-  var span = document.createElement('span');
-  span.innerText = text;
-  span.style.display = 'inline-block';
-  span.style.position = 'fixed';
-  span.style.top = '-100px';
-  document.body.appendChild(span);
-  clientWidth = span.clientWidth + 5;
-  document.body.removeChild(span);
-  return clientWidth;
-}

package/es/select/select-legacy/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _Select = _interopRequireDefault(require("./Select"));
-
-var _Option = _interopRequireDefault(require("./Option"));
-
-_Select["default"].Option = _Option["default"];
-var _default = _Select["default"];
-exports["default"] = _default;

package/es/stepper/Stepper.js

@@ -1,151 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-/**
- * Props
- * @prop  id         {string}            id
- * @prop  className  {string}            className
- * @prop  list       {array}             显示步骤的信息
- * [
- *   {
- *      src   {string}  sign图标地址（可选）
- *      title {string}  步骤名称
- *      text  {string}  步骤描述
- *   }
- * ]
- * @prop  current    {string | number}   当前步骤位置
- * @prop  vertical   {boolean}           是否竖直显示
- * @prop  itemLayout         {string}            sign显示位置
- */
-var Stepper = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Stepper, _React$Component);
-
-  var _super = _createSuper(Stepper);
-
-  function Stepper() {
-    (0, _classCallCheck2["default"])(this, Stepper);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Stepper, [{
-    key: "renderNode",
-    value: function renderNode(arg, info) {
-      var icon = info.icon;
-      var _this$props = this.props,
-          itemLayout = _this$props.itemLayout,
-          current = _this$props.current;
-
-      var _c = (0, _classnames["default"])('hi-stepper__item', arg === 'h' && itemLayout === 'vertical' && 'hi-stepper__item--up', info.key <= +current && 'hi-stepper__item--active', info.key < +current && 'hi-stepper__item--done');
-
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        className: _c,
-        key: info.key
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-stepper__item-content"
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-stepper__icon"
-      }, icon ? typeof icon === 'string' ? /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: icon
-      }) : icon : /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-stepper__num"
-      }, info.key + 1)), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-stepper__title"
-      }, " ", info.title), (arg === 'v' || itemLayout) && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-stepper__text"
-      }, info.content)));
-    }
-  }, {
-    key: "renderStepperBar",
-    value: function renderStepperBar() {
-      var _this = this;
-
-      var _this$props2 = this.props,
-          current = _this$props2.current,
-          data = _this$props2.data,
-          vertical = _this$props2.vertical;
-      var len = data.length;
-      return /*#__PURE__*/_react["default"].createElement("ul", {
-        className: "hi-stepper__list"
-      }, data.map(function (v, i) {
-        var info = Object.assign({
-          key: i,
-          current: current
-        }, v);
-
-        if (i === len - 1) {
-          info.last = true;
-        }
-
-        return _this.renderNode(vertical ? 'v' : 'h', info);
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          className = _this$props3.className,
-          placement = _this$props3.placement,
-          theme = _this$props3.theme,
-          style = _this$props3.style;
-
-      var _className = (0, _classnames["default"])('hi-stepper', placement === 'vertical' ? 'hi-stepper--vertical' : 'hi-stepper--horizontal', className, theme && 'theme__' + theme);
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: style,
-        className: _className
-      }, this.renderStepperBar());
-    }
-  }]);
-  return Stepper;
-}(_react["default"].Component);
-
-Stepper.propTypes = {
-  className: _propTypes["default"].string,
-  placement: _propTypes["default"].oneOf(['vertical', 'horizontal']),
-  itemLayout: _propTypes["default"].oneOf(['vertical', 'horizontal']),
-  data: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    title: _propTypes["default"].any,
-    content: _propTypes["default"].any,
-    icon: _propTypes["default"].any
-  })),
-  current: _propTypes["default"].number,
-  style: _propTypes["default"].object
-};
-Stepper.defaultProps = {
-  data: [],
-  current: 0
-};
-
-var _default = (0, _context["default"])(Stepper);
-
-exports["default"] = _default;