@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

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

@@ -1,160 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-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 = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _checkbox = _interopRequireDefault(require("../../../checkbox"));
-
-var _loading = _interopRequireDefault(require("../../../loading"));
-
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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/select-v1/SelectInput.js

@@ -1,308 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-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 _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 _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { 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 = o[Symbol.iterator](); }, 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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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/select-v1/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/select-v1/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;