@ucloud-fe/react-components 1.4.6 → 1.5.0

package/lib/components/Form/ControllerContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 declare const ControllerContext: React.Context<{
-    status?: "loading" | "default" | "success" | "warning" | "error" | undefined;
+    status?: "loading" | "default" | "error" | "success" | "warning" | undefined;
 }>;
 export default ControllerContext;

package/lib/components/Input/.recodo/interaction.js

@@ -24,8 +24,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 var config = {
-  size: _interactionDemo.USE_DEFINE,
-  clearable: _interactionDemo.USE_DEFINE,
+  size: ['sm', 'md', 'lg'],
+  clearable: 'boolean',
   disabled: 'boolean',
   block: _interactionDemo.USE_DEFINE,
   status: _interactionDemo.USE_DEFINE,

package/lib/components/Input/Input.js

@@ -19,16 +19,8 @@ var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/new
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
-var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
-
 var _ControllerContext = _interopRequireDefault(require("../../components/Form/ControllerContext"));
 
-var _deprecatedLog = _interopRequireDefault(require("../../utils/deprecatedLog"));
-
 var _noop = _interopRequireDefault(require("../../utils/noop"));
 
 var _useUncontrolled3 = _interopRequireDefault(require("../../hooks/useUncontrolled"));
@@ -43,7 +35,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var deprecatedLogForIcon = (0, _deprecatedLog.default)('Input icon', 'suffix');
 var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _this2 = this;
 
@@ -76,7 +67,7 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }.bind(this), []);
 
   var _useUncontrolled = (0, _useUncontrolled3.default)(_value, defaultValue || '', _onChange, {
-    setter: valueGetter
+    getter: valueGetter
   }),
       _useUncontrolled2 = (0, _slicedToArray2.default)(_useUncontrolled, 2),
       value = _useUncontrolled2[0],
@@ -144,67 +135,22 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     e.preventDefault();
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
   }.bind(this), []);
-  var renderClear = (0, _react.useMemo)(function () {
-    (0, _newArrowCheck2.default)(this, _this2);
-
-    if (clearable) {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: _style.clearCls,
-        onClick: handleClear,
-        onMouseDown: handleClearMouseDown
-      }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
-        type: "cross-circle-filled"
-      }));
-    }
-  }.bind(this), [clearable, handleClear, handleClearMouseDown]);
-  var renderPrefix = (0, _react.useMemo)(function () {
-    (0, _newArrowCheck2.default)(this, _this2);
-    return prefix && /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.inputPrefixCls
-    }, prefix);
-  }.bind(this), [prefix]);
-  var renderSuffix = (0, _react.useMemo)(function () {
-    (0, _newArrowCheck2.default)(this, _this2);
-
-    if (icon) {
-      deprecatedLogForIcon();
-    }
-
-    var renderSuffix = null;
-
-    if (suffix) {
-      renderSuffix = suffix;
-    } else if (typeof icon === 'string') {
-      renderSuffix = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        type: icon
-      });
-    } else if ( /*#__PURE__*/_react.default.isValidElement(icon)) {
-      renderSuffix = icon;
-    }
-
-    if (renderSuffix) {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: _style.inputSuffixCls
-      }, renderSuffix);
-    }
-  }.bind(this), [icon, suffix]);
 
   var _useContext = (0, _react.useContext)(_ControllerContext.default),
       status = _useContext.status;
 
-  return /*#__PURE__*/_react.default.createElement(_style.SWrap, {
-    className: (0, _classnames.default)(block && _style.blockCls, className),
+  return /*#__PURE__*/_react.default.createElement(_style.InputWrap, {
     size: size,
     focused: focused,
     style: style,
     disabled: disabled,
     status: _status || status,
     customStyle: customStyle,
+    block: block,
+    className: className,
     empty: !value,
     onMouseDown: handleWrapMouseDown
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.inputWrapCls
-  }, renderPrefix, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement(_style.Prefix, null, prefix), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.inputBlockWrapCls
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, rest, {
     value: value,
@@ -213,7 +159,13 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onFocus: handleFocus,
     onBlur: handleBlur,
     disabled: disabled
-  })), renderClear), renderSuffix));
+  })), /*#__PURE__*/_react.default.createElement(_style.Clear, {
+    clearable: clearable,
+    onMouseDown: handleClearMouseDown,
+    onClick: handleClear
+  })), /*#__PURE__*/_react.default.createElement(_style.Suffix, {
+    icon: icon
+  }, suffix));
 }.bind(void 0));
 
 var _default = /*#__PURE__*/_react.default.memo(Input);

package/lib/components/Input/Search.js

@@ -71,6 +71,7 @@ var Search = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: inputRef,
     suffix: /*#__PURE__*/_react.default.createElement(_style.SearchIcon, {
       type: "search",
+      disabled: disabled,
       onClick: onSearch
     })
   }));

package/lib/components/Input/style/index.d.ts

@@ -1,19 +1,34 @@
-/// <reference types="react" />
+import React, { CSSProperties, ReactNode } from 'react';
 import SvgIcon from '../../../components/SvgIcon';
 import { InputProps } from '../Input';
 export declare const prefixCls: string;
 export declare const focusedCls: string;
 export declare const disabledCls: string;
 export declare const blockCls: string;
-export declare const inputWrapCls: string;
 export declare const inputPrefixCls: string;
 export declare const inputSuffixCls: string;
 export declare const clearCls: string;
 export declare const inputBlockWrapCls: string;
-export declare const SearchIcon: import("@emotion/styled-base").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<SvgIcon>, Pick<Pick<any, string | number | symbol> & import("react").RefAttributes<SvgIcon>, string | number | symbol>, object>;
-export declare const SWrap: import("react").ForwardRefExoticComponent<Pick<InputProps, "customStyle" | "disabled" | "status"> & Required<Pick<InputProps, "size">> & {
-    focused: boolean;
-    empty: boolean;
-} & import("react").HTMLAttributes<HTMLSpanElement> & {
+export declare const SearchIcon: import("@emotion/styled-base").StyledComponent<Pick<any, string | number | symbol> & React.RefAttributes<SvgIcon>, Pick<Pick<any, string | number | symbol> & React.RefAttributes<SvgIcon>, string | number | symbol>, object>;
+export declare const Prefix: React.NamedExoticComponent<object>;
+export declare const Suffix: React.NamedExoticComponent<{
+    icon?: string | ReactNode;
+    children?: ReactNode;
+}>;
+export declare const Clear: React.NamedExoticComponent<Pick<InputProps, "clearable"> & React.HTMLAttributes<HTMLSpanElement>>;
+export declare const InputPart: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    stretch?: boolean | undefined;
+    visible?: boolean | undefined;
+}, object>;
+export declare type InputWrapProps = Pick<InputProps, 'block' | 'disabled' | 'status' | 'customStyle'> & Required<Pick<InputProps, 'size'>> & {
+    focused?: boolean;
+    empty?: boolean;
+    cursor?: CSSProperties['cursor'];
+};
+export declare const InputWrap: React.ForwardRefExoticComponent<Pick<InputProps, "block" | "customStyle" | "disabled" | "status"> & Required<Pick<InputProps, "size">> & {
+    focused?: boolean | undefined;
+    empty?: boolean | undefined;
+    cursor?: CSSProperties['cursor'];
+} & React.HTMLAttributes<HTMLSpanElement> & {
     theme?: import("../../../style").Theme | undefined;
-} & import("react").RefAttributes<HTMLSpanElement>>;
+} & React.RefAttributes<HTMLSpanElement>>;