@hi-ui/input 4.0.9 → 4.0.11

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @hi-ui/input
 
+## 4.0.11
+
+### Patch Changes
+
+- [#2672](https://github.com/XiaoMi/hiui/pull/2672) [`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 升级到 rollup3,重新构建发布组件
+
+- Updated dependencies [[`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e)]:
+  - @hi-ui/core@4.0.6
+  - @hi-ui/use-latest@4.0.2
+  - @hi-ui/use-merge-refs@4.0.2
+  - @hi-ui/use-uncontrolled-state@4.0.2
+  - @hi-ui/icons@4.0.16
+  - @hi-ui/classname@4.0.2
+  - @hi-ui/dom-utils@4.0.5
+  - @hi-ui/env@4.0.2
+  - @hi-ui/func-utils@4.0.2
+  - @hi-ui/type-assertion@4.0.2
+
+## 4.0.10
+
+### Patch Changes
+
+- [#2653](https://github.com/XiaoMi/hiui/pull/2653) [`b477d91db`](https://github.com/XiaoMi/hiui/commit/b477d91db15bbc92c8712a9a771af5b332779315) Thanks [@zyprepare](https://github.com/zyprepare)! - chore: 更新使用到的 G40 颜色值
+
 ## 4.0.9
 
 ### Patch Changes

package/lib/cjs/Input.js

@@ -9,161 +9,122 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var useMergeRefs = require('@hi-ui/use-merge-refs');
-
 var icons = require('@hi-ui/icons');
-
 var useInput = require('./use-input.js');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _prefix = classname.getPrefixCls('input');
 /**
  * 输入框
- *
- * @TODO:
- * 1. size api 确认
- * 2. 修改类名结构
- * 3. 支持带数字展示
- * 4. InputGroup 模式支持
- * 5. 手动聚焦支持额外配置
  */
-
-
 var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? 'input' : _a$role,
-      className = _a.className,
-      style = _a.style,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'md' : _a$size,
-      _a$appearance = _a.appearance,
-      appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
-      prepend = _a.prepend,
-      append = _a.append,
-      prefix = _a.prefix,
-      suffix = _a.suffix,
-      _a$clearableTrigger = _a.clearableTrigger,
-      clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,
-      _a$clearable = _a.clearable,
-      clearable = _a$clearable === void 0 ? false : _a$clearable,
-      _a$invalid = _a.invalid,
-      invalid = _a$invalid === void 0 ? false : _a$invalid,
-      name = _a.name,
-      autoFocus = _a.autoFocus,
-      disabled = _a.disabled,
-      readOnly = _a.readOnly,
-      maxLength = _a.maxLength,
-      placeholder = _a.placeholder,
-      defaultValue = _a.defaultValue,
-      valueProp = _a.value,
-      onChange = _a.onChange,
-      onFocus = _a.onFocus,
-      onBlur = _a.onBlur,
-      onKeyDown = _a.onKeyDown,
-      trimValueOnBlur = _a.trimValueOnBlur,
-      onClear = _a.onClear,
-      type = _a.type,
-      containerRef = _a.containerRef,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "style", "size", "appearance", "prepend", "append", "prefix", "suffix", "clearableTrigger", "clearable", "invalid", "name", "autoFocus", "disabled", "readOnly", "maxLength", "placeholder", "defaultValue", "value", "onChange", "onFocus", "onBlur", "onKeyDown", "trimValueOnBlur", "onClear", "type", "containerRef"]); // @TODO: 临时方案，后面迁移至 InputGroup
-
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'input' : _a$role,
+    className = _a.className,
+    style = _a.style,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    _a$appearance = _a.appearance,
+    appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
+    prepend = _a.prepend,
+    append = _a.append,
+    prefix = _a.prefix,
+    suffix = _a.suffix,
+    _a$clearableTrigger = _a.clearableTrigger,
+    clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,
+    _a$clearable = _a.clearable,
+    clearable = _a$clearable === void 0 ? false : _a$clearable,
+    _a$invalid = _a.invalid,
+    invalid = _a$invalid === void 0 ? false : _a$invalid,
+    name = _a.name,
+    autoFocus = _a.autoFocus,
+    disabled = _a.disabled,
+    readOnly = _a.readOnly,
+    maxLength = _a.maxLength,
+    placeholder = _a.placeholder,
+    defaultValue = _a.defaultValue,
+    valueProp = _a.value,
+    onChange = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    onKeyDown = _a.onKeyDown,
+    trimValueOnBlur = _a.trimValueOnBlur,
+    onClear = _a.onClear,
+    type = _a.type,
+    containerRef = _a.containerRef,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "style", "size", "appearance", "prepend", "append", "prefix", "suffix", "clearableTrigger", "clearable", "invalid", "name", "autoFocus", "disabled", "readOnly", "maxLength", "placeholder", "defaultValue", "value", "onChange", "onFocus", "onBlur", "onKeyDown", "trimValueOnBlur", "onClear", "type", "containerRef"]);
+  // @TODO: 临时方案，后面迁移至 InputGroup
   var _useMemo = React.useMemo(function () {
-    var shouldUnset = [false, false]; // @ts-ignore
-    // @ts-ignore
-
-    if ( /*#__PURE__*/React.isValidElement(prepend) && ['Select', 'Button'].includes(prepend.type.HiName)) {
-      shouldUnset[0] = true;
-    } // @ts-ignore
-    // @ts-ignore
-
-
-    if ( /*#__PURE__*/React.isValidElement(append) && ['Select', 'Button'].includes(append.type.HiName)) {
-      shouldUnset[1] = true;
-    }
-
-    return shouldUnset;
-  }, [prepend, append]),
-      unsetPrepend = _useMemo[0],
-      unsetAppend = _useMemo[1];
-
+      var shouldUnset = [false, false];
+      // @ts-ignore
+      // @ts-ignore
+      if ( /*#__PURE__*/React.isValidElement(prepend) && ['Select', 'Button'].includes(prepend.type.HiName)) {
+        shouldUnset[0] = true;
+      }
+      // @ts-ignore
+      // @ts-ignore
+      if ( /*#__PURE__*/React.isValidElement(append) && ['Select', 'Button'].includes(append.type.HiName)) {
+        shouldUnset[1] = true;
+      }
+      return shouldUnset;
+    }, [prepend, append]),
+    unsetPrepend = _useMemo[0],
+    unsetAppend = _useMemo[1];
   var inputElementRef = React.useRef(null);
   var proxyOnChange = React.useCallback(function (value, evt) {
     if (!onChange) return;
     onChangeMock(onChange, evt, inputElementRef.current, value);
   }, [onChange]);
   var clearElementRef = React.useRef(null);
-
   var _useInput = useInput.useInput({
-    clearElementRef: clearElementRef,
-    inputElementRef: inputElementRef,
-    name: name,
-    autoFocus: autoFocus,
-    disabled: disabled,
-    readOnly: readOnly,
-    maxLength: maxLength,
-    placeholder: placeholder,
-    defaultValue: defaultValue,
-    value: valueProp,
-    onChange: proxyOnChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onKeyDown: onKeyDown,
-    trimValueOnBlur: trimValueOnBlur,
-    type: type
-  }),
-      tryChangeValue = _useInput.tryChangeValue,
-      focused = _useInput.focused,
-      value = _useInput.value,
-      getInputProps = _useInput.getInputProps;
-
+      clearElementRef: clearElementRef,
+      inputElementRef: inputElementRef,
+      name: name,
+      autoFocus: autoFocus,
+      disabled: disabled,
+      readOnly: readOnly,
+      maxLength: maxLength,
+      placeholder: placeholder,
+      defaultValue: defaultValue,
+      value: valueProp,
+      onChange: proxyOnChange,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onKeyDown: onKeyDown,
+      trimValueOnBlur: trimValueOnBlur,
+      type: type
+    }),
+    tryChangeValue = _useInput.tryChangeValue,
+    focused = _useInput.focused,
+    value = _useInput.value,
+    getInputProps = _useInput.getInputProps;
   var focus = React.useCallback(function () {
     var _a;
-
     (_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   }, []);
-
   var _useState = React.useState(false),
-      hover = _useState[0],
-      setHover = _useState[1]; // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
-
-
+    hover = _useState[0],
+    setHover = _useState[1];
+  // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
   var showClearableIcon = clearable && !!value && !disabled;
   var mergedRef = useMergeRefs.useMergeRefs(ref, inputElementRef);
   var cls = classname.cx(prefixCls, className, prefixCls + "--size-" + size, prefixCls + "--appearance-" + appearance);
   var outerCls = classname.cx(prefixCls + "__outer", prepend && prefixCls + "__outer--prepend", prepend && unsetPrepend && prefixCls + "__outer--prepend-unset", append && prefixCls + "__outer--append", append && unsetAppend && prefixCls + "__outer--append-unset");
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     role: role,
     className: cls,
     style: style,
     ref: containerRef
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: outerCls
-  }, prepend ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, prepend ? /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__prepend"
-  }, prepend) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, prepend) : null, /*#__PURE__*/React.createElement("div", {
     className: classname.cx(prefixCls + "__inner", prefix && prefixCls + "__inner--prefix", suffix && prefixCls + "__inner--suffix", focused && prefixCls + "__inner--focused", disabled && prefixCls + "__inner--disabled", readOnly && prefixCls + "__inner--readonly", invalid && prefixCls + "__inner--invalid"),
     onMouseOver: function onMouseOver(e) {
       setHover(true);
@@ -171,14 +132,14 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onMouseLeave: function onMouseLeave(e) {
       setHover(false);
     }
-  }, prefix ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, prefix ? /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__prefix"
-  }, prefix) : null, /*#__PURE__*/React__default["default"].createElement("input", Object.assign({
+  }, prefix) : null, /*#__PURE__*/React.createElement("input", Object.assign({
     ref: mergedRef,
     className: prefixCls + "__text"
-  }, getInputProps(), rest)), suffix || showClearableIcon ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, getInputProps(), rest)), suffix || showClearableIcon ? /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__suffix"
-  }, showClearableIcon ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, showClearableIcon ? /*#__PURE__*/React.createElement("span", {
     ref: clearElementRef,
     className: classname.cx(prefixCls + "__clear", (clearableTrigger === 'always' || hover) && prefixCls + "__clear--active"),
     role: "button",
@@ -188,11 +149,10 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onClear === null || onClear === void 0 ? void 0 : onClear();
       focus();
     }
-  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null)) : null, suffix) : null), append ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement(icons.CloseCircleFilled, null)) : null, suffix) : null), append ? /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__append"
   }, append) : null));
 });
-
 if (env.__DEV__) {
   Input.displayName = 'Input';
 }
@@ -205,11 +165,9 @@ if (env.__DEV__) {
  * @param targetValue
  * @returns
  */
-
-
 function onChangeMock(onChange, evt, target, targetValue) {
-  var event = evt; // 点击 clearIcon 或者 失焦 trim 时，都会代理 onChange 的事件对象 target 指向 input.target
-
+  var event = evt;
+  // 点击 clearIcon 或者 失焦 trim 时，都会代理 onChange 的事件对象 target 指向 input.target
   if (evt.type !== 'change') {
     if (!target) return;
     var originalTargetValue = target.value;
@@ -217,14 +175,12 @@ function onChangeMock(onChange, evt, target, targetValue) {
     event.target = target;
     event.currentTarget = target;
     target.value = targetValue;
-    onChange(event, targetValue); // 重置为之前值
-
+    onChange(event, targetValue);
+    // 重置为之前值
     target.value = originalTargetValue;
     return;
   }
-
   onChange(event, targetValue);
 }
-
 exports.Input = Input;
 exports.onChangeMock = onChangeMock;

package/lib/cjs/MockInput.js

@@ -9,81 +9,56 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var icons = require('@hi-ui/icons');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _role = 'mock-input';
-
 var _prefix = classname.getPrefixCls(_role);
-
 var NOOP_VALUE = '';
 var NOOP_ARRAY = [];
 /**
  * 支持自定义渲染输入框内容，暂时仅供内部 Picker 类组件使用，不对外提供
  */
-
 var MockInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
-      _a$defaultValue = _a.defaultValue,
-      defaultValue = _a$defaultValue === void 0 ? NOOP_VALUE : _a$defaultValue,
-      valueProp = _a.value,
-      onChange = _a.onChange,
-      placeholder = _a.placeholder,
-      _a$disabled = _a.disabled,
-      disabled = _a$disabled === void 0 ? false : _a$disabled,
-      _a$clearable = _a.clearable,
-      clearable = _a$clearable === void 0 ? false : _a$clearable,
-      _a$focused = _a.focused,
-      focused = _a$focused === void 0 ? false : _a$focused,
-      _a$invalid = _a.invalid,
-      invalid = _a$invalid === void 0 ? false : _a$invalid,
-      _a$readOnly = _a.readOnly,
-      readOnly = _a$readOnly === void 0 ? false : _a$readOnly,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'md' : _a$size,
-      _a$appearance = _a.appearance,
-      appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
-      _a$clearableTrigger = _a.clearableTrigger,
-      clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,
-      displayRender = _a.displayRender,
-      suffix = _a.suffix,
-      _onMouseOver = _a.onMouseOver,
-      _onMouseLeave = _a.onMouseLeave,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "defaultValue", "value", "onChange", "placeholder", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "clearableTrigger", "displayRender", "suffix", "onMouseOver", "onMouseLeave"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+    _a$defaultValue = _a.defaultValue,
+    defaultValue = _a$defaultValue === void 0 ? NOOP_VALUE : _a$defaultValue,
+    valueProp = _a.value,
+    onChange = _a.onChange,
+    placeholder = _a.placeholder,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$clearable = _a.clearable,
+    clearable = _a$clearable === void 0 ? false : _a$clearable,
+    _a$focused = _a.focused,
+    focused = _a$focused === void 0 ? false : _a$focused,
+    _a$invalid = _a.invalid,
+    invalid = _a$invalid === void 0 ? false : _a$invalid,
+    _a$readOnly = _a.readOnly,
+    readOnly = _a$readOnly === void 0 ? false : _a$readOnly,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    _a$appearance = _a.appearance,
+    appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
+    _a$clearableTrigger = _a.clearableTrigger,
+    clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,
+    displayRender = _a.displayRender,
+    suffix = _a.suffix,
+    _onMouseOver = _a.onMouseOver,
+    _onMouseLeave = _a.onMouseLeave,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "defaultValue", "value", "onChange", "placeholder", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "clearableTrigger", "displayRender", "suffix", "onMouseOver", "onMouseLeave"]);
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
-      value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1];
-
+    value = _useUncontrolledState[0],
+    tryChangeValue = _useUncontrolledState[1];
   var displayItem = React.useMemo(function () {
     if (value === '') return null;
     var displayItem = data.find(function (item) {
@@ -93,11 +68,9 @@ var MockInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, [value, data]);
   var displayValue = React.useMemo(function () {
     if (!displayItem) return '';
-
     if (displayRender) {
       return displayRender(displayItem);
     }
-
     return displayItem.title;
   }, [displayItem, displayRender]);
   var handleClear = React.useCallback(function (evt) {
@@ -105,22 +78,20 @@ var MockInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     evt.stopPropagation();
     tryChangeValue(NOOP_VALUE, displayItem);
   }, [tryChangeValue, disabled, displayItem]);
-
   var _useState = React.useState(false),
-      hover = _useState[0],
-      setHover = _useState[1];
-
+    hover = _useState[0],
+    setHover = _useState[1];
   var trySetHover = React.useCallback(function (hovered) {
     if (disabled) return;
     setHover(hovered);
   }, [disabled]);
-  var hasValue = !!displayValue; // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清除
-
+  var hasValue = !!displayValue;
+  // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清除
   var showClearableIcon = React.useMemo(function () {
     return clearable && hasValue && !disabled && (clearableTrigger === 'always' || hover);
   }, [clearable, hasValue, disabled, clearableTrigger, hover]);
   var cls = classname.cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", disabled && 'disabled', readOnly && 'readonly', invalid && 'invalid');
-  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls,
@@ -132,22 +103,20 @@ var MockInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       trySetHover(false);
       _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(evt);
     }
-  }, rest), hasValue ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, rest), hasValue ? /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__value"
-  }, displayValue) : /*#__PURE__*/React__default["default"].createElement("span", {
+  }, displayValue) : /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__placeholder"
-  }, placeholder), suffix || showClearableIcon ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, placeholder), suffix || showClearableIcon ? /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__suffix"
-  }, showClearableIcon ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, showClearableIcon ? /*#__PURE__*/React.createElement("span", {
     role: "button",
     tabIndex: -1,
     className: classname.cx(prefixCls + "__clear", 'active'),
     onClick: handleClear
-  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null)) : suffix) : null);
+  }, /*#__PURE__*/React.createElement(icons.CloseCircleFilled, null)) : suffix) : null);
 });
-
 if (env.__DEV__) {
   MockInput.displayName = 'MockInput';
 }
-
 exports.MockInput = MockInput;

package/lib/cjs/index.js

@@ -12,17 +12,11 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var Input = require('./Input.js');
-
 var useInput = require('./use-input.js');
-
 var useInputCursor = require('./use-input-cursor.js');
-
 var MockInput = require('./MockInput.js');
-
 exports.Input = Input.Input;
 exports["default"] = Input.Input;
 exports.onChangeMock = Input.onChangeMock;