@sheinx/base 3.0.0-alpha.1

package/esm/input/input-group.js

@@ -0,0 +1,97 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.promise.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useWithFormConfig2 = _interopRequireDefault(require("../common/use-with-form-config"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _default = function _default(props) {
+  var _jssStyle$input;
+  var _React$useState = React.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    focus = _React$useState2[0],
+    setFocus = _React$useState2[1];
+  var jssStyle = props.jssStyle;
+  var inputStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle);
+  var ref = (0, React.useRef)({
+    eventMap: new WeakMap(),
+    propsMap: new WeakMap()
+  });
+  var _useWithFormConfig = (0, _useWithFormConfig2.default)(props),
+    size = _useWithFormConfig.size,
+    disabled = _useWithFormConfig.disabled;
+  var getProps = function getProps(child) {
+    ref.current.propsMap.set(child, {
+      onFocus: child.props.onFocus,
+      onBlur: child.props.onBlur
+    });
+    if (!ref.current.eventMap.get(child)) {
+      ref.current.eventMap.set(child, {
+        onFocus: function onFocus() {
+          var _ref$current$propsMap, _ref$current$propsMap2;
+          setFocus(true);
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          (_ref$current$propsMap = ref.current.propsMap.get(child)) === null || _ref$current$propsMap === void 0 ? void 0 : (_ref$current$propsMap2 = _ref$current$propsMap.onFocus) === null || _ref$current$propsMap2 === void 0 ? void 0 : _ref$current$propsMap2.call(_ref$current$propsMap, args);
+        },
+        onBlur: function onBlur() {
+          var _ref$current$propsMap3, _ref$current$propsMap4;
+          setFocus(false);
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          (_ref$current$propsMap3 = ref.current.propsMap.get(child)) === null || _ref$current$propsMap3 === void 0 ? void 0 : (_ref$current$propsMap4 = _ref$current$propsMap3.onBlur) === null || _ref$current$propsMap4 === void 0 ? void 0 : _ref$current$propsMap4.call(_ref$current$propsMap3, args);
+        }
+      });
+    }
+    return ref.current.eventMap.get(child) || {};
+  };
+  var children = props.children,
+    className = props.className,
+    width = props.width,
+    style = props.style;
+  var rootClass = (0, _classnames.default)(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: rootClass,
+    style: _objectSpread({
+      width: width
+    }, style),
+    "data-soui-type": 'input-group',
+    children: React.Children.toArray(children).map(function (child, i) {
+      if (typeof child === 'string') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: child
+        }, i);
+      }
+      if ( /*#__PURE__*/React.isValidElement(child)) {
+        return /*#__PURE__*/(0, React.cloneElement)(child, _objectSpread(_objectSpread({}, getProps(child)), {}, {
+          disabled: disabled
+        }));
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: child
+      }, i);
+    })
+  });
+};
+exports.default = _default;

package/esm/input/input-group.type.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { InputStyle } from './input.type';
+export interface InputGroupProps {
+    children?: ReactNode;
+    className?: string;
+    width?: string | number;
+    style?: React.CSSProperties;
+    size?: 'small' | 'large' | 'default';
+    disabled?: boolean;
+    jssStyle: InputStyle;
+}
+//# sourceMappingURL=input-group.type.d.ts.map

package/esm/input/input-group.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.type.d.ts","sourceRoot":"","sources":["input-group.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,UAAU,CAAC;CACtB"}

package/esm/input/input-group.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/input/input-number.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputNumberProps } from './input-number.type';
+declare const _default: React.MemoExoticComponent<(props: InputNumberProps) => JSX.Element>;
+export default _default;
+//# sourceMappingURL=input-number.d.ts.map

package/esm/input/input-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-number.d.ts","sourceRoot":"","sources":["input-number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;;AAgFvD,wBAAuC"}

package/esm/input/input-number.js

@@ -0,0 +1,91 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _simpleInput = _interopRequireDefault(require("./simple-input"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useInputCommon = _interopRequireDefault(require("./use-input-common"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle"],
+  _excluded2 = ["onMinus", "onPlus"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var InputNumber = function InputNumber(props) {
+  var _jssStyle$input;
+  var commonProps = (0, _useInputCommon.default)(props);
+  var jssStyle = commonProps.jssStyle,
+    restProps = (0, _objectWithoutProperties2.default)(commonProps, _excluded);
+  var inputStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle);
+  var numberFormatParams = {
+    onBlur: restProps.onBlur,
+    onFocus: restProps.onFocus,
+    digits: restProps.digits,
+    integerLimit: restProps.integerLimit,
+    numType: restProps.numType,
+    min: restProps.min,
+    max: restProps.max,
+    step: restProps.step,
+    allowNull: restProps.allowNull
+  };
+  var _useInputNumber = (0, _hooks.useInputNumber)(_objectSpread({
+      value: commonProps.value,
+      onChange: commonProps.onChange,
+      disabled: !!commonProps.disabled
+    }, numberFormatParams)),
+    onMinus = _useInputNumber.onMinus,
+    onPlus = _useInputNumber.onPlus,
+    numberFormatProps = (0, _objectWithoutProperties2.default)(_useInputNumber, _excluded2);
+  var forwardProps = _hooks.util.removeProps(commonProps, _objectSpread({}, numberFormatParams));
+  var addEnd = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.numberStep,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        onMouseDown: function onMouseDown(e) {
+          // 阻止默认事件，防止点击按钮时，input失去焦点
+          e.preventDefault();
+          onPlus();
+        },
+        children: _icons.default.ArrowRight
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        onMouseDown: function onMouseDown(e) {
+          // 阻止默认事件，防止点击按钮时，input失去焦点
+          e.preventDefault();
+          onMinus();
+        },
+        children: _icons.default.ArrowLeft
+      })]
+    })
+  });
+  var onKeyDown = (0, _hooks.usePersistFn)(function (e) {
+    var _restProps$onKeyDown;
+    if (e.key === 'ArrowUp') {
+      e.preventDefault();
+      onPlus();
+    }
+    if (e.key === 'ArrowDown') {
+      e.preventDefault();
+      onMinus();
+    }
+    (_restProps$onKeyDown = restProps.onKeyDown) === null || _restProps$onKeyDown === void 0 ? void 0 : _restProps$onKeyDown.call(restProps, e);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleInput.default, _objectSpread(_objectSpread(_objectSpread({}, forwardProps), numberFormatProps), {}, {
+    jssStyle: jssStyle,
+    value: numberFormatProps.value || '',
+    className: (0, _classnames.default)(forwardProps.className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperNumber),
+    onKeyDown: onKeyDown,
+    addEnd: addEnd
+  }));
+};
+var _default = /*#__PURE__*/_react.default.memo(InputNumber);
+exports.default = _default;

package/esm/input/input-number.type.d.ts

@@ -0,0 +1,7 @@
+import { InputNumberProps as NumberProps } from '@sheinx/hooks';
+import { GetCommonProps, InputStyle, SimpleInputProps } from './input.type';
+export declare type NumValueType = string | number | null | undefined;
+export interface InputNumberProps extends GetCommonProps<SimpleInputProps, NumValueType>, Omit<NumberProps, 'value' | 'onChange'> {
+    jssStyle: InputStyle;
+}
+//# sourceMappingURL=input-number.type.d.ts.map

package/esm/input/input-number.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-number.type.d.ts","sourceRoot":"","sources":["input-number.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAE5E,oBAAY,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,gBAAgB,EAAE,YAAY,CAAC,EACpD,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC;IACzC,QAAQ,EAAE,UAAU,CAAC;CACtB"}

package/esm/input/input-number.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/input/input-password.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputPasswordProps } from './input-password.type';
+declare const _default: React.MemoExoticComponent<(props: InputPasswordProps) => JSX.Element>;
+export default _default;
+//# sourceMappingURL=input-password.d.ts.map

package/esm/input/input-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-password.d.ts","sourceRoot":"","sources":["input-password.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;AA2C3D,wBAAoC"}

package/esm/input/input-password.js

@@ -0,0 +1,55 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _simpleInput = _interopRequireDefault(require("./simple-input"));
+var _hooks = require("@sheinx/hooks");
+var _useInputCommon = _interopRequireDefault(require("./use-input-common"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Password = function Password(props) {
+  var _props$jssStyle, _props$jssStyle$input;
+  var commonProps = (0, _useInputCommon.default)(props);
+  var inputStyle = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$input = _props$jssStyle.input) === null || _props$jssStyle$input === void 0 ? void 0 : _props$jssStyle$input.call(_props$jssStyle);
+  var inputPasswordParams = {
+    point: props.point,
+    // 是否显示切换密码可见状态的按钮
+    visibilityToggle: props.visibilityToggle,
+    // 是否显示密码
+    visibility: props.visibility,
+    // 初始状态是否显示密码
+    defaultVisibility: props.defaultVisibility,
+    // 切换密码可见状态的按钮的图标
+    onVisibilityChange: props.onVisibilityChange
+  };
+  var _useInputPassword = (0, _hooks.useInputPassword)(_objectSpread({
+      value: commonProps.value,
+      onChange: commonProps.onChange
+    }, inputPasswordParams)),
+    inputProps = _useInputPassword.inputProps,
+    toggleProps = _useInputPassword.toggleProps,
+    visibility = _useInputPassword.visibility,
+    visibilityToggle = _useInputPassword.visibilityToggle;
+  var forwardProps = _hooks.util.removeProps(commonProps, _objectSpread({}, inputPasswordParams));
+  var suffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [props.suffix, visibilityToggle ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, toggleProps), {}, {
+      className: inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.passwordToggle,
+      children: visibility ? _icons.default.Hide : _icons.default.Display
+    })) : null]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleInput.default, _objectSpread(_objectSpread(_objectSpread({}, forwardProps), inputProps), {}, {
+    suffix: suffix
+  }));
+};
+var _default = /*#__PURE__*/_react.default.memo(Password);
+exports.default = _default;

package/esm/input/input-password.type.d.ts

@@ -0,0 +1,6 @@
+import { InputPasswordProps as PasswordProps } from '@sheinx/hooks';
+import { SimpleInputProps } from './input.type';
+import { GetCommonProps } from './input.type';
+export interface InputPasswordProps extends GetCommonProps<SimpleInputProps, string | undefined>, Omit<PasswordProps, 'value' | 'onChange'> {
+}
+//# sourceMappingURL=input-password.type.d.ts.map

package/esm/input/input-password.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-password.type.d.ts","sourceRoot":"","sources":["input-password.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,kBACf,SAAQ,cAAc,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC,EAC1D,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG"}

package/esm/input/input-password.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/input/input.d.ts

@@ -0,0 +1,5 @@
+import { InputProps } from './input.type';
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: InputProps) => JSX.Element>;
+export default _default;
+//# sourceMappingURL=input.d.ts.map

package/esm/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,MAAM,OAAO,CAAC;;AAmC1B,wBAAiC"}

package/esm/input/input.js

@@ -0,0 +1,43 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.string.trim.js");
+var _simpleInput = _interopRequireDefault(require("./simple-input"));
+var _hooks = require("@sheinx/hooks");
+var _useInputCommon = _interopRequireDefault(require("./use-input-common"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Input = function Input(props) {
+  var commonProps = (0, _useInputCommon.default)(props);
+  var inputFormatParams = {
+    coin: commonProps.coin,
+    autoFix: commonProps.autoFix,
+    type: commonProps.type,
+    onBlur: commonProps.onBlur,
+    onFocus: commonProps.onFocus,
+    digits: commonProps.digits,
+    integerLimit: commonProps.integerLimit,
+    numType: commonProps.numType,
+    trim: commonProps.trim
+  };
+  var inputFormatProps = (0, _hooks.useInputFormat)(_objectSpread({
+    value: commonProps.value,
+    onChange: commonProps.onChange
+  }, inputFormatParams));
+  var forwardProps = _hooks.util.removeProps(commonProps, _objectSpread({}, inputFormatParams));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleInput.default, _objectSpread(_objectSpread(_objectSpread({}, forwardProps), inputFormatProps), {}, {
+    value: inputFormatProps.value || ''
+  }));
+};
+var _default = /*#__PURE__*/_react.default.memo(Input);
+exports.default = _default;

package/esm/input/input.type.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+import { InnerTitleClasses } from '../common/use-inner-title';
+import { BaseTipProps } from '../common/use-tip';
+import { BaseInputProps, InputFormatProps } from '@sheinx/hooks';
+import { PopoverClasses } from '../popover/popover.type';
+export interface InputClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    /**
+     * 当 input focus 时最外层class
+     */
+    wrapperFocus: string;
+    /**
+     * 当 input 禁用时最外层class
+     */
+    wrapperDisabled: string;
+    /**
+     * 当 status 为 error 时
+     */
+    content: string;
+    wrapperError: string;
+    wrapperInnerTitle: string;
+    wrapperInnerTitleTop: string;
+    wrapperInnerTitleBottom: string;
+    wrapperPaddingBox: string;
+    input: string;
+    clear: string;
+    clearWrapper: string;
+    wrapperLarge: string;
+    wrapperSmall: string;
+    wrapperUnderline: string;
+    wrapperNoBorder: string;
+    info: string;
+    infoError: string;
+    group: string;
+    groupSmall: string;
+    groupLarge: string;
+    groupFocus: string;
+    groupDisabled: string;
+    wrapperNumber: string;
+    numberStep: string;
+    passwordToggle: string;
+}
+export interface InputStyle {
+    input?: () => InputClasses;
+    innerTitle?: () => InnerTitleClasses;
+    popover?: () => PopoverClasses;
+}
+export interface SimpleInputProps extends BaseInputProps, Pick<CommonType, 'status' | 'style' | 'className' | 'size'> {
+    jssStyle?: InputStyle;
+    clearIcon?: React.ReactNode;
+    /**
+     * @en prefix
+     * @cn 前缀
+     */
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    addEnd?: React.ReactNode;
+    getStatus?: (status: {
+        focused?: boolean;
+    }) => void;
+    underline?: boolean;
+    /**
+     * @default: true
+     */
+    border?: boolean;
+    onEnterPress?: (value: string, e: React.KeyboardEvent) => void;
+    showClear?: boolean;
+    renderInput?: (inputEl: React.ReactElement) => React.ReactElement;
+}
+export interface InputCommonProps<V> extends BaseTipProps {
+    suffix?: SimpleInputProps['suffix'];
+    className?: SimpleInputProps['className'];
+    forwardRef?: SimpleInputProps['inputRef'];
+    getStatus?: SimpleInputProps['getStatus'];
+    size?: SimpleInputProps['size'];
+    jssStyle?: SimpleInputProps['jssStyle'];
+    innerTitle?: React.ReactNode;
+    placeTitle?: React.ReactNode;
+    htmlName?: string;
+    value?: V;
+    onChange?: (value: V) => void;
+    defaultValue?: V;
+    beforeChange?: (value: V) => void | V;
+    clearable?: boolean | (() => void);
+    clearToUndefined?: boolean;
+    width?: string | number;
+    style?: React.CSSProperties;
+    info?: number | ((value: V | undefined) => string);
+    disabled?: boolean;
+    delay?: number;
+    onBlur?: React.FocusEventHandler;
+    status?: CommonType['status'];
+}
+export declare type GetCommonProps<Props, V> = Omit<Props, 'value' | 'onChange' | 'defaultValue' | 'clearable' | 'onClear' | 'name' | 'step' | 'min' | 'max' | 'rootRef' | 'inputRef' | 'getStatus' | 'renderInput' | 'addEnd'> & InputCommonProps<V>;
+export interface InputProps extends GetCommonProps<SimpleInputProps, string | undefined>, Omit<InputFormatProps, 'value' | 'onChange'> {
+}
+//# sourceMappingURL=input.type.d.ts.map

package/esm/input/input.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.type.d.ts","sourceRoot":"","sources":["input.type.ts"],"names":[],"mappings":"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"}

package/esm/input/input.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/input/simple-input.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SimpleInputProps } from './input.type';
+declare const Input: (props: SimpleInputProps) => JSX.Element;
+export default Input;
+//# sourceMappingURL=simple-input.d.ts.map

package/esm/input/simple-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGhD,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBA0FrC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/input/simple-input.js

@@ -0,0 +1,101 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "className", "style", "status", "clearIcon", "size", "prefix", "suffix", "underline", "border", "onEnterPress", "getStatus", "renderInput", "addEnd"];
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Input = function Input(props) {
+  var _jssStyle$input;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    style = props.style,
+    status = props.status,
+    clearIcon = props.clearIcon,
+    size = props.size,
+    prefix = props.prefix,
+    suffix = props.suffix,
+    underline = props.underline,
+    _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border,
+    _onEnterPress = props.onEnterPress,
+    getStatus = props.getStatus,
+    renderInput = props.renderInput,
+    addEnd = props.addEnd,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var inputStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle);
+  var _useInput = (0, _hooks.useInput)(_objectSpread({}, rest)),
+    getRootProps = _useInput.getRootProps,
+    getClearProps = _useInput.getClearProps,
+    getInputProps = _useInput.getInputProps,
+    showClear = _useInput.showClear,
+    focused = _useInput.focused,
+    disabled = _useInput.disabled;
+  var rootClass = (0, _classnames.default)(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapper, !!focused && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperFocus), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperDisabled), status === 'error' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperError), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperLarge), !!underline && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperUnderline), !border && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperNoBorder));
+  var keyHandler = (0, _hooks.useKeyEvent)({
+    onEnterPress: function onEnterPress(e) {
+      _onEnterPress === null || _onEnterPress === void 0 ? void 0 : _onEnterPress(e.target.value || '', e);
+    }
+  });
+  var onKeyUp = (0, _hooks.usePersistFn)(function (e) {
+    var _props$onKeyUp;
+    (_props$onKeyUp = props.onKeyUp) === null || _props$onKeyUp === void 0 ? void 0 : _props$onKeyUp.call(props, e);
+    keyHandler(e);
+  });
+  var inputProps = getInputProps({
+    className: (0, _classnames.default)(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.input),
+    onKeyUp: onKeyUp
+  });
+  (0, _react.useEffect)(function () {
+    if (getStatus) {
+      getStatus({
+        focused: focused
+      });
+    }
+  }, [focused]);
+  var inputEl = /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({
+    type: "text"
+  }, inputProps));
+  if (typeof renderInput === 'function') {
+    inputEl = renderInput(inputEl);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    "data-soui-type": "input"
+  }, getRootProps({
+    className: rootClass,
+    style: style
+  })), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperInnerTitleTop, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperInnerTitleBottom, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperPaddingBox, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.content),
+      children: [prefix, inputEl, (showClear || props.showClear) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+        className: inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.clearWrapper
+      }, getClearProps()), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.clear,
+          children: clearIcon || _icons.default.CloseOpaqueMultic1
+        })
+      })), suffix]
+    }), addEnd]
+  }));
+};
+var _default = Input;
+exports.default = _default;