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

package/es/index.d.ts

@@ -1,95 +0,0 @@
-/* eslint-disable import/export */
-export { default as Button } from './button'
-export * from './button'
-export { default as Card } from './card'
-export * from './card/index'
-export { default as Checkbox } from './checkbox'
-export * from './checkbox'
-export { default as Carousel } from './carousel'
-export * from './carousel'
-export { default as Cascader } from './cascader'
-export * from './cascader'
-export { default as Collapse } from './collapse'
-export * from './collapse'
-export { default as Badge } from './badge'
-export * from './badge'
-export { default as Counter } from './counter'
-export * from './counter'
-export { default as DatePicker } from './date-picker'
-export * from './date-picker'
-export { default as TimePicker } from './date-picker/TimePicker'
-export * from './date-picker/TimePicker'
-export { default as Dropdown } from './dropdown'
-export * from './dropdown'
-export { default as Form } from './form'
-export * from './form'
-export { default as Grid } from './grid'
-export * from './grid'
-export { default as Input } from './input'
-export * from './input'
-export { default as Loading } from './loading'
-export * from './loading'
-export { default as Menu } from './menu'
-export * from './menu'
-export { default as Message } from './message'
-export * from './message'
-export { default as Modal } from './modal'
-export * from './modal'
-export { default as Notification } from './notification'
-export * from './notification'
-export { default as Pagination } from './pagination'
-export * from './pagination'
-export { default as Popover } from './popover'
-export * from './popover'
-export { default as Progress } from './progress'
-export * from './progress'
-export { default as Radio } from './radio'
-export * from './radio'
-export { default as Rate } from './rate'
-export * from './rate'
-export { default as Select } from './select'
-export * from './select'
-export { default as Stepper } from './stepper'
-export * from './stepper'
-export { default as Switch } from './switch'
-export * from './switch'
-export { default as Table } from './table'
-export * from './table'
-export { default as Tabs } from './tabs'
-export * from './tabs'
-export { default as Tag } from './tag'
-export * from './tag'
-export { default as Timeline } from './timeline'
-export * from './timeline'
-export { default as Tooltip } from './tooltip'
-export * from './tooltip'
-export { default as Transfer } from './transfer'
-export * from './transfer'
-export { default as Tree } from './tree'
-export * from './tree'
-export { default as Upload } from './upload'
-export * from './upload'
-export { default as Watermark } from './watermark'
-export * from './watermark'
-export { default as List } from './list'
-export * from './list'
-export { default as SelectTree } from './select-tree'
-export * from './select-tree'
-export { default as Filter } from './filter'
-export * from './filter'
-export { default as Drawer } from './drawer'
-export * from './drawer'
-export { default as Search } from './search'
-export * from './search'
-export { default as Slider } from './slider'
-export * from './slider'
-export { default as Preview } from './preview'
-export * from './preview'
-export { default as Popper } from './popper'
-export * from './popper'
-export { default as Icon } from './icon'
-export * from './icon'
-export { default as Charts } from './charts'
-export * from './charts'
-
-export * from './context'

package/es/index.js

@@ -1,58 +0,0 @@
-export { default as Button } from './button'
-export { default as Dropdown } from './dropdown'
-export { default as Pagination } from './pagination'
-export { default as Tabs } from './tabs'
-export { default as Table } from './table'
-export { LegacyTable } from './table'
-export { default as Notification } from './notification'
-export { default as handleNotificate } from './notification/HandleNotification'
-export { default as Modal } from './modal'
-export { default as Drawer } from './drawer'
-export { default as Alert } from './alert'
-export { default as Collapse } from './collapse'
-export { default as Select } from './select'
-export { default as SelectTree } from './select-tree'
-export { default as Cascader } from './cascader'
-export { default as Tooltip } from './tooltip'
-export { default as Popover } from './popover'
-export { default as Popper } from './popper'
-export { default as Loading } from './loading'
-export { default as List } from './list'
-export { default as Upload } from './upload'
-export { default as Tree } from './tree'
-export { default as Input } from './input'
-export { default as DatePicker } from './date-picker'
-export { TimePicker } from './date-picker'
-export { default as Counter } from './counter'
-export { default as Badge } from './badge'
-export { default as Radio } from './radio'
-export { default as Checkbox } from './checkbox'
-export { default as Grid } from './grid'
-export { default as Layout } from './grid'
-export { default as Stepper } from './stepper'
-
-export { default as Form } from './form'
-export { LegacyForm } from './form'
-
-export { default as Menu } from './menu'
-export { default as FormItem } from './form/Item'
-export { default as Filter } from './filter'
-export { default as Ficon } from './ficon'
-export { default as Icon } from './icon'
-export { default as Progress } from './progress'
-export { default as Card } from './card'
-export { default as Timeline } from './timeline'
-export { default as Transfer } from './transfer'
-export { default as Switch } from './switch'
-export { default as Rate } from './rate'
-export { default as Message } from './message'
-export { default as Tag } from './tag'
-export { default as Breadcrumb } from './breadcrumb'
-export { default as Carousel } from './carousel'
-export { default as Watermark } from './watermark'
-export { default as Slider } from './slider'
-export { default as Search } from './search'
-export { default as Preview } from './preview'
-
-export { ThemeContext, LocaleContext } from './context'
-export { default as HiRequest } from './hi-request'

package/es/input/Input.js

@@ -1,420 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-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 _util = require("./util");
-
-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; } }
-
-/**
- * 自定义属性全小写；原声属性驼峰法
- * @prop type 输入框类型
- */
-var Input = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Input, _Component);
-
-  var _super = _createSuper(Input);
-
-  function Input(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Input);
-    _this = _super.call(this, props);
-    _this._Input = /*#__PURE__*/_react["default"].createRef();
-    var prepend = props.prepend,
-        append = props.append,
-        value = props.value,
-        defaultValue = props.defaultValue;
-    var valueSource = value === undefined ? defaultValue : value;
-    var type = (0, _typeof2["default"])(valueSource);
-    var prefix = typeof prepend === 'string' ? prepend : '';
-    var suffix = typeof append === 'string' ? append : '';
-    var prependNode = typeof prepend !== 'string' && prepend;
-    var appendNode = typeof append !== 'string' && append;
-    _this.state = {
-      value: _this.formatValueInit(type, valueSource),
-      valueTrue: prefix + valueSource + suffix,
-      hover: false,
-      active: false,
-      prefix: prefix,
-      suffix: suffix,
-      prepend: prependNode,
-      append: appendNode
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Input, [{
-    key: "formatValueInit",
-    value: function formatValueInit(type, valueSource) {
-      var propsType = this.props.type;
-      var val = type === 'string' || type === 'number' ? (0, _util.format)(valueSource.toString(), propsType) : '';
-
-      if (propsType === 'amount' && val !== '') {
-        val = (0, _util.formatAmount)(val);
-      }
-
-      return val;
-    } // eslint-disable-next-line react/no-deprecated
-
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (nextProps.value !== undefined) {
-        if (nextProps.value !== this.state.value) {
-          var type = (0, _typeof2["default"])(nextProps.value);
-          this.setState({
-            value: type === 'string' || type === 'number' ? (0, _util.format)(nextProps.value.toString(), this.props.type) : '',
-            valueTrue: nextProps.value
-          });
-        }
-      }
-
-      if (nextProps.prepend !== this.state.prepend || nextProps.append !== this.state.append) {
-        var prepend = nextProps.prepend,
-            append = nextProps.append;
-        var prefix = typeof prepend === 'string' ? prepend : '';
-        var suffix = typeof append === 'string' ? append : '';
-        var prependNode = typeof prepend !== 'string' && prepend;
-        var appendNode = typeof append !== 'string' && append;
-        this.setState({
-          prefix: prefix,
-          suffix: suffix,
-          prepend: prependNode,
-          append: appendNode
-        });
-      }
-    }
-  }, {
-    key: "focus",
-    value: function focus() {
-      this._Input.current.focus();
-    }
-  }, {
-    key: "blur",
-    value: function blur() {
-      this._Input.current.blur();
-    }
-    /**
-     * 渲染 text 输入框
-     */
-
-  }, {
-    key: "renderText",
-    value: function renderText() {
-      var _this2 = this;
-
-      var _this$state = this.state,
-          hover = _this$state.hover,
-          active = _this$state.active,
-          value = _this$state.value; // clearableTrigger 为内部预留，主要表示清除按钮的触发形态，类型分为 'hover' 和 ‘always’
-
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          type = _this$props.type,
-          id = _this$props.id,
-          placeholder = _this$props.placeholder,
-          clearable = _this$props.clearable,
-          _this$props$clearable = _this$props.clearableTrigger,
-          clearableTrigger = _this$props$clearable === void 0 ? 'hover' : _this$props$clearable,
-          _this$props$bordered = _this$props.bordered,
-          bordered = _this$props$bordered === void 0 ? true : _this$props$bordered;
-      var _this$state2 = this.state,
-          prefix = _this$state2.prefix,
-          suffix = _this$state2.suffix,
-          prepend = _this$state2.prepend,
-          append = _this$state2.append;
-      var noClear = ['textarea'];
-      var prefixId = id ? id + '_prefix' : '';
-      var suffixId = id ? id + '_suffix' : '';
-      var _this$attrs = this.attrs,
-          defaultValue = _this$attrs.defaultValue,
-          attrs = (0, _objectWithoutProperties2["default"])(_this$attrs, ["defaultValue"]);
-      var filterAttrs = (0, _util.filterObjProps)(attrs, ['locale', 'theme', 'suffixicon', 'suffix', 'prepend', 'prefixicon', 'prefix', 'localeDatas', 'append', 'innerRef', 'clearable', 'bordered']);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-input__out', {
-          'hi-input--prepend': prepend,
-          'hi-input--append': append
-        })
-      }, // 前置元素
-      prepend && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-input__prepend"
-      }, prepend), /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])("hi-input__inner", {
-          bordered: bordered,
-          disabled: disabled,
-          active: active
-        })
-      }, // 前缀
-      prefix && /*#__PURE__*/_react["default"].createElement("span", {
-        id: prefixId,
-        className: "hi-input__prefix",
-        "data-value": prefix
-      }, prefix), /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
-        ref: this._Input,
-        className: "hi-input__text ".concat(disabled ? 'disabled' : ''),
-        value: this.state.value,
-        autoComplete: "off",
-        disabled: disabled
-      }, filterAttrs, {
-        placeholder: placeholder,
-        onChange: function onChange(e) {
-          e.persist();
-          var value = e.target.value;
-          var valueTrue = (0, _util.formatValue)(value, type);
-
-          if (prefix) {
-            valueTrue = prefix + valueTrue;
-          }
-
-          if (suffix) {
-            valueTrue = valueTrue + suffix;
-          }
-
-          value = (0, _util.format)(value, type); // 保证 onChange 拿到的是值是最新的 formatted value
-
-          e.target.value = value;
-          _this2.props.onChange && _this2.props.onChange(e, valueTrue);
-          _this2.props.value === undefined && _this2.setState({
-            value: value,
-            valueTrue: valueTrue
-          });
-        },
-        onBlur: function onBlur(e) {
-          e.persist();
-          var value = e.target.value;
-          var valueTrue = _this2.state.valueTrue; // amount 自动添加小数
-
-          if (_this2.props.type === 'amount' && value !== '') {
-            value = (0, _util.formatAmount)(value);
-          }
-
-          _this2.setState({
-            active: false,
-            value: value
-          }, function () {
-            _this2.props.onBlur && _this2.props.onBlur(e, valueTrue);
-          });
-        },
-        onFocus: function onFocus(e) {
-          e.persist();
-          var valueTrue = _this2.state.valueTrue;
-
-          _this2.setState({
-            active: true
-          }, function () {
-            _this2.props.onFocus && _this2.props.onFocus(e, valueTrue);
-          });
-        },
-        onKeyDown: function onKeyDown(e) {
-          var valueTrue = _this2.state.valueTrue;
-          _this2.props.onKeyDown && _this2.props.onKeyDown(e, valueTrue);
-        },
-        onKeyUp: function onKeyUp(e) {
-          var valueTrue = _this2.state.valueTrue;
-          _this2.props.onKeyUp && _this2.props.onKeyUp(e, valueTrue);
-        },
-        onKeyPress: function onKeyPress(e) {
-          var valueTrue = _this2.state.valueTrue;
-          _this2.props.onKeyPress && _this2.props.onKeyPress(e, valueTrue);
-        },
-        onInput: function onInput(e) {
-          var valueTrue = _this2.state.valueTrue;
-          _this2.props.onInput && _this2.props.onInput(e, valueTrue);
-        }
-      })), // 清除
-      noClear.indexOf(type) === -1 && prefix === '' && suffix === '' && value !== '' && clearable && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-input__fix-box ".concat((hover || clearableTrigger === 'always') && !disabled ? '' : 'invisible'),
-        onClick: function onClick() {
-          _this2._Input.current.focus();
-
-          var prefix = typeof _this2.props.prefix === 'undefined' ? '' : _this2.props.prefix;
-          var suffix = typeof _this2.props.suffix === 'undefined' ? '' : _this2.props.suffix;
-          var valueTrue = prefix + '' + suffix;
-
-          _this2.setState({
-            value: '',
-            valueTrue: valueTrue
-          }, function () {
-            var e = {
-              target: _this2._Input.current
-            };
-            _this2.props.onChange && _this2.props.onChange(e, '');
-          });
-        }
-      }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: "hi-input__clear hi-input__suffix__icon hi-icon icon-close-circle"
-      })), // 后缀
-      suffix && /*#__PURE__*/_react["default"].createElement("span", {
-        id: suffixId,
-        className: "hi-input__suffix",
-        "data-value": suffix
-      }, suffix)), // 后置元素
-      append && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-input__append"
-      }, append));
-    }
-    /**
-     * 渲染 textarea
-     */
-
-  }, {
-    key: "renderTextarea",
-    value: function renderTextarea() {
-      var _this3 = this;
-
-      var active = this.state.active;
-      var _this$props2 = this.props,
-          disabled = _this$props2.disabled,
-          theme = _this$props2.theme,
-          className = _this$props2.className;
-      var _this$attrs2 = this.attrs,
-          defaultValue = _this$attrs2.defaultValue,
-          attrs = (0, _objectWithoutProperties2["default"])(_this$attrs2, ["defaultValue"]);
-      var filterAttrs = (0, _util.filterObjProps)(attrs, ['locale', 'theme', 'suffixicon', 'suffix', 'prepend', 'prefixicon', 'prefix', 'localeDatas', 'append', 'innerRef', 'clearable']);
-      return /*#__PURE__*/_react["default"].createElement("textarea", (0, _extends2["default"])({
-        className: "hi-input theme__".concat(theme, " ").concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : '', " ").concat(className || ''),
-        style: this.props.style,
-        autoComplete: "off",
-        value: this.state.value,
-        disabled: disabled
-      }, filterAttrs, {
-        onChange: function onChange(e) {
-          e.persist();
-          var valueTrue = e.target.value;
-          _this3.props.onChange && _this3.props.onChange(e, valueTrue);
-          _this3.props.value === undefined && _this3.setState({
-            value: valueTrue,
-            valueTrue: valueTrue
-          });
-        },
-        onBlur: function onBlur(e) {
-          e.persist();
-          var valueTrue = e.target.value;
-
-          _this3.setState({
-            active: false
-          }, function () {
-            _this3.props.onBlur && _this3.props.onBlur(e, valueTrue);
-          });
-        },
-        onFocus: function onFocus(e) {
-          e.persist();
-          var valueTrue = e.target.value;
-
-          _this3.setState({
-            active: true
-          }, function () {
-            _this3.props.onFocus && _this3.props.onFocus(e, valueTrue);
-          });
-        },
-        onKeyDown: function onKeyDown(e) {
-          var valueTrue = e.target.value;
-          _this3.props.onKeyDown && _this3.props.onKeyDown(e, valueTrue);
-        },
-        onKeyUp: function onKeyUp(e) {
-          var valueTrue = e.target.value;
-          _this3.props.onKeyUp && _this3.props.onKeyUp(e, valueTrue);
-        },
-        onKeyPress: function onKeyPress(e) {
-          var valueTrue = e.target.value;
-          _this3.props.onKeyPress && _this3.props.onKeyPress(e, valueTrue);
-        },
-        onInput: function onInput(e) {
-          var valueTrue = e.target.value;
-          _this3.props.onInput && _this3.props.onInput(e, valueTrue);
-        },
-        onMouseOver: function onMouseOver(e) {
-          _this3.setState({
-            hover: true
-          });
-        },
-        onMouseLeave: function onMouseLeave(e) {
-          _this3.setState({
-            hover: false
-          });
-        }
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-
-      var type = this.attrs.type;
-      var _this$props3 = this.props,
-          size = _this$props3.size,
-          id = _this$props3.id,
-          className = _this$props3.className,
-          required = _this$props3.required,
-          theme = _this$props3.theme;
-      return type === 'textarea' ? this.renderTextarea() : /*#__PURE__*/_react["default"].createElement("div", {
-        id: id,
-        className: "hi-input theme__".concat(theme, " ").concat(className || '', " ").concat(type).concat(size ? ' hi-input_' + size : '').concat(required ? ' required' : ''),
-        style: this.props.style,
-        "data-value": this.state.valueTrue,
-        onMouseOver: function onMouseOver(e) {
-          _this4.setState({
-            hover: true
-          });
-        },
-        onMouseLeave: function onMouseLeave(e) {
-          _this4.setState({
-            hover: false
-          });
-        }
-      }, this.renderText());
-    }
-  }, {
-    key: "attrs",
-    get: function get() {
-      // 传入属性
-      var commonAttrs = {
-        type: 'text',
-        size: 'm',
-        prefixicon: '',
-        suffixicon: '',
-        prefix: '',
-        suffix: ''
-      };
-      var compactProps = Object.assign({}, commonAttrs, this.props);
-      return (0, _util.getAttrs)(compactProps).attrs;
-    }
-  }]);
-  return Input;
-}(_react.Component);
-
-Input.defaultProps = {
-  defaultValue: ''
-};
-var _default = Input;
-exports["default"] = _default;