@sheinx/hooks 3.0.0-alpha.1

package/cjs/components/use-image/use-image.js

@@ -0,0 +1,164 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+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 config = {
+  autoSSL: false
+};
+var PLACEHOLDER = 0;
+var SRC = 1;
+var ALT = 2;
+var ERROR = 3;
+var useImage = function useImage() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var lazyId = null;
+  var image = null;
+  var container = props.container,
+    lazy = props.lazy,
+    src = props.src,
+    alt = props.alt,
+    href = props.href,
+    autoSSL = props.autoSSL,
+    _props$noImgDrag = props.noImgDrag,
+    noImgDrag = _props$noImgDrag === void 0 ? false : _props$noImgDrag,
+    onError = props.onError;
+  var _React$useState = _react.default.useState(PLACEHOLDER),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    status = _React$useState2[0],
+    setStatus = _React$useState2[1];
+  var elementRef = _react.default.useRef(null);
+  var getUrl = function getUrl(url) {
+    var auto = 'autoSSL' in props ? autoSSL : config.autoSSL;
+    if (auto) return (0, _utils.removeProtocol)(url);
+    return url;
+  };
+  var handleError = function handleError(type, e) {
+    if (onError) onError(e, type);
+    if (type === SRC) {
+      var img = new window.Image();
+      img.onload = function () {
+        return setStatus(ALT);
+      };
+      img.onerror = function (e) {
+        return handleError(ALT, e);
+      };
+      // 与 2.x 版本不同，2.x 不处理 ，这里默认为''
+      img.src = getUrl(alt || '');
+    } else if (type === ALT) setStatus(ERROR);
+  };
+  var handleAlt = function handleAlt() {
+    if (!alt) {
+      setStatus(ERROR);
+      return;
+    }
+    var img = new window.Image();
+    img.onload = function () {
+      return setStatus(ALT);
+    };
+    img.onerror = function (e) {
+      return handleError(ALT, e);
+    };
+    img.src = getUrl(alt);
+  };
+  var markToRender = function markToRender() {
+    if (!src) {
+      handleAlt();
+      return;
+    }
+    image = null;
+    var img = new window.Image();
+    img.onload = function () {
+      return setStatus(SRC);
+    };
+    img.onerror = function (e) {
+      return handleError(SRC, e);
+    };
+    img.src = getUrl(src);
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    image = img;
+  };
+  var fetchImage = function fetchImage() {
+    if (lazyId) (0, _utils.removeStack)(lazyId);
+    lazyId = (0, _utils.addStack)({
+      offset: typeof lazy === 'number' ? lazy : 0,
+      element: elementRef.current,
+      render: markToRender,
+      container: typeof container === 'string' ? document.querySelector(container) : container
+    });
+  };
+  var handleClick = function handleClick(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onClic;
+      otherHandlers === null || otherHandlers === void 0 ? void 0 : (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
+    };
+  };
+  var getImageProps = function getImageProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = (0, _utils.extractEventHandlers)(externalProps);
+    var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, externalEventHandlers), externalProps), {}, {
+      alt: alt,
+      draggable: !noImgDrag
+    });
+    return _objectSpread({}, mergedEventHandlers);
+  };
+  var getImageDivProps = function getImageDivProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = (0, _utils.extractEventHandlers)(externalProps);
+    var mergedEventHandlers = _objectSpread(_objectSpread({}, externalEventHandlers), externalProps);
+    return _objectSpread({}, mergedEventHandlers);
+  };
+  var getRootProps = function getRootProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = (0, _utils.extractEventHandlers)(externalProps);
+    var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, externalEventHandlers), externalProps), {}, {
+      ref: elementRef,
+      onClick: handleClick(externalEventHandlers)
+    });
+    return _objectSpread({}, mergedEventHandlers);
+  };
+  (0, _react.useEffect)(function () {
+    if (!lazy) {
+      markToRender();
+    } else {
+      if (elementRef.current) {
+        lazyId = (0, _utils.addStack)({
+          offset: typeof lazy === 'number' ? lazy : 0,
+          element: elementRef.current,
+          render: markToRender,
+          container: typeof container === 'string' ? document.querySelector(container) : container
+        });
+      }
+    }
+  }, []);
+  return {
+    src: src,
+    alt: alt,
+    href: href,
+    status: status,
+    fetchImage: fetchImage,
+    getRootProps: getRootProps,
+    getImageProps: getImageProps,
+    getImageDivProps: getImageDivProps
+  };
+};
+var _default = useImage;
+exports.default = _default;

package/cjs/components/use-image/use-image.type.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+export declare type ImageShapeType = 'rounded' | 'circle' | 'thumbnail';
+export declare type ImageFitType = 'fill' | 'center' | 'fit' | 'stretch';
+export declare type ImageTargetType = '_self' | '_blank' | '_modal' | '_download';
+export declare type Images = {
+    src?: string;
+    thumb?: string;
+    key?: number | string;
+};
+export interface BaseImageProps {
+    /**
+     * @title 图片填充方式
+     * @description 指定图片的填充方式，可选值有 fill, center, fit, stretch
+     * - fill: 保持图片比例，将图片填充满容器
+     * - center: 保持图片比例，居中显示，超出容器部分会被裁剪
+     * - fit: 保持图片比例，将图片按照容器大小等比缩放，图片可能会有空白
+     * - stretch: 拉伸图片，填满容器
+     * @default -
+     *
+     */
+    fit?: ImageFitType;
+    /**
+     * @title 懒加载容器
+     * @description 指定懒加载的容器，如: #id
+     * @default -
+     */
+    container?: string | HTMLElement;
+    /**
+     * @title 自定义错误内容
+     * @description 当图片加载失败时，允许自定义渲染对应的的内容。
+     * @default -
+     */
+    error?: React.ReactNode;
+    href?: string;
+    lazy?: boolean | number;
+    noImgDrag?: boolean;
+    /**
+     * @title 图加载时的占位内容
+     * @description 图片加载过程中，允许自定义渲染加载时的的内容。
+     * @default 'loading'
+     */
+    placeholder?: React.ReactNode;
+    /**
+     * @title 图片形状
+     * @description 指定图片的形状，可选值有 rounded, circle, thumbnail
+     * - circle: 圆形
+     * - rounded: 圆角
+     * - thumbnail: 缩略图
+     * @default 'rounded'
+     */
+    shape?: ImageShapeType;
+    target?: ImageTargetType;
+    width?: number | string;
+    height?: number | string;
+    src?: string;
+    title?: string;
+    imageRef?: React.RefObject<HTMLImageElement>;
+    onClick?: React.MouseEventHandler;
+    alt?: string;
+    autoSSL?: boolean;
+    onError?: (e: Event, type: number) => void;
+}
+//# sourceMappingURL=use-image.type.d.ts.map

package/cjs/components/use-image/use-image.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-image.type.d.ts","sourceRoot":"","sources":["use-image.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;AAChE,oBAAY,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AACjE,oBAAY,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE1E,oBAAY,MAAM,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B;;;;;;;;;OASG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAEjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C"}

package/cjs/components/use-image/use-image.type.js

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

package/cjs/components/use-input/index.d.ts

@@ -0,0 +1,9 @@
+export { default, default as useInput } from './use-input';
+export type { BaseInputProps } from './use-input.type';
+export { default as useInputFormat } from './use-input-format';
+export type { InputFormatProps } from './use-input-format.type';
+export { default as useInputPassword } from './use-input-password';
+export type { InputPasswordProps } from './use-input-password.type';
+export { default as useInputNumber } from './use-input-number';
+export type { InputNumberProps } from './use-input-number.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/cjs/components/use-input/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useInput.default;
+  }
+});
+Object.defineProperty(exports, "useInput", {
+  enumerable: true,
+  get: function get() {
+    return _useInput.default;
+  }
+});
+Object.defineProperty(exports, "useInputFormat", {
+  enumerable: true,
+  get: function get() {
+    return _useInputFormat.default;
+  }
+});
+Object.defineProperty(exports, "useInputNumber", {
+  enumerable: true,
+  get: function get() {
+    return _useInputNumber.default;
+  }
+});
+Object.defineProperty(exports, "useInputPassword", {
+  enumerable: true,
+  get: function get() {
+    return _useInputPassword.default;
+  }
+});
+var _useInput = _interopRequireDefault(require("./use-input"));
+var _useInputFormat = _interopRequireDefault(require("./use-input-format"));
+var _useInputPassword = _interopRequireDefault(require("./use-input-password"));
+var _useInputNumber = _interopRequireDefault(require("./use-input-number"));

package/cjs/components/use-input/use-input-format.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputFormatProps } from './use-input-format.type';
+declare const useInputFormat: (props: InputFormatProps) => {
+    onChange: (v: string | undefined) => void;
+    onBlur: (e: React.FocusEvent) => void;
+    onFocus: (e: React.FocusEvent) => void;
+    value: string | undefined;
+    type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "checkbox" | "radio" | "hidden" | "month" | "week" | "date" | "datetime-local" | "file" | "password" | undefined;
+};
+export default useInputFormat;
+//# sourceMappingURL=use-input-format.d.ts.map

package/cjs/components/use-input/use-input-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-format.d.ts","sourceRoot":"","sources":["use-input-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAM3D,QAAA,MAAM,cAAc,UAAW,gBAAgB;kBAsBP,MAAM,GAAG,SAAS;gBA4BpB,gBAAgB;iBAgDd,gBAAgB;;;CAwBvD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/cjs/components/use-input/use-input-format.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.regexp.constructor.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.array.concat.js");
+var _react = _interopRequireDefault(require("react"));
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+function regLength(size) {
+  return /\d+/.test(String(size)) && size > 0 ? "{0,".concat(size, "}") : '*';
+}
+var useInputFormat = function useInputFormat(props) {
+  var trim = props.trim,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    type = props.type,
+    numType = props.numType,
+    integerLimit = props.integerLimit,
+    digits = props.digits,
+    autoFix = props.autoFix,
+    coin = props.coin,
+    cancelBlurChange = props.cancelBlurChange;
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    showCoin = _React$useState2[0],
+    setShowCoin = _React$useState2[1];
+  function isValidNumber(val) {
+    var numType = props.numType;
+    var noNeg = numType === 'non-negative' || numType === 'positive';
+    var regExp = new RegExp("^(".concat(noNeg ? '' : '-', ")?\\d*\\.?\\d*$"), 'g');
+    return regExp.test(val);
+  }
+  var handleChange = (0, _usePersistFn.default)(function (v) {
+    var value = v;
+    if (v === undefined) {
+      onChange(value);
+      return;
+    } else if (type === 'number') {
+      value = String(value).replace(/。/g, '.'); // 中文小数点转英文小数点
+      if (coin) {
+        // 千分位
+        value = value.replace(/,/g, '');
+      }
+      if (!isValidNumber(value)) {
+        return;
+      }
+      var noNeg = numType === 'non-negative' || numType === 'positive';
+      var regExp = new RegExp("^(".concat(noNeg ? '' : '-', ")?(\\d").concat(regLength(integerLimit), ")(").concat(digits !== 0 ? "\\.\\d".concat(regLength(digits)) : '', ")?.*$"), 'g');
+      value = value.replace(regExp, '$1$2$3');
+    }
+    onChange(value);
+  });
+  var handleBlur = (0, _usePersistFn.default)(function (e) {
+    var target = e.target;
+    var value = target.value;
+    var before = value;
+
+    // 没有输入任何值
+    if (props.value === undefined && value === '') {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      return;
+    }
+
+    // 去除前后空格
+    if (trim) {
+      value = value.trim();
+    }
+    // 修正value
+    if (type === 'number' && value) {
+      if (/^[.-]+$/.test(value)) value = '';
+      value = value
+      // -.0 => -0.0 .123 => 0.123
+      .replace(/^(-)?(\.\d+)(?!=\.).*/g, '$10$2')
+      //0001.123 => 1.123
+      // eslint-disable-next-line no-useless-escape
+      .replace(/(-|^)0+(?=0\.?|[^0\.])/g, '$1')
+      //  1. => 1
+      .replace(/\.$/, '');
+
+      // 限制为正数
+      if (numType === 'positive' && Number(value) <= 0) value = '';
+      if (digits !== undefined && autoFix) {
+        if (digits > 0) {
+          value = parseFloat(value).toFixed(digits);
+        } else if (digits === 0) {
+          value = parseInt(value, 10).toString();
+        }
+      }
+    }
+    if (value !== before) {
+      target.value = value;
+      if (!cancelBlurChange) onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }
+    if (type === 'number' && coin) {
+      setShowCoin(true);
+    }
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  });
+  var focusHandler = (0, _usePersistFn.default)(function (e) {
+    if (type === 'number' && coin) {
+      setShowCoin(false);
+    }
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  });
+  function getValue(str) {
+    if (type === 'number' && coin) {
+      if (showCoin && str) {
+        return "".concat(str).replace(/\d+/, function (n) {
+          return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) {
+            return "".concat($1, ",");
+          });
+        });
+      }
+      return "".concat(str || '').replace(/,/g, '');
+    }
+    return str;
+  }
+  return {
+    onChange: handleChange,
+    onBlur: handleBlur,
+    onFocus: focusHandler,
+    value: getValue(props.value),
+    type: type === 'number' ? 'text' : type
+  };
+};
+var _default = useInputFormat;
+exports.default = _default;

package/cjs/components/use-input/use-input-format.type.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export declare type InputValue = string | undefined;
+export interface InputFormatProps {
+    value: InputValue;
+    onChange: (value: InputValue) => void;
+    /**
+     * 是否去除前后空格
+     */
+    trim?: boolean;
+    type?: React.InputHTMLAttributes<HTMLInputElement>['type'];
+    numType?: 'non-negative' | 'positive';
+    coin?: boolean;
+    /**
+     * 整数位数限制, 仅在 type = number 下生效
+     */
+    integerLimit?: number;
+    /**
+     * 小数位数限制, 仅在 type = number 下生效
+     */
+    digits?: number;
+    /**
+     * 是否自动补全小数位数, 仅在 type = number 下生效
+     */
+    autoFix?: boolean;
+    onBlur?: React.FocusEventHandler;
+    onFocus?: React.FocusEventHandler;
+    /**
+     * 取消 blur 触发 onChange,用于多层嵌套的格式化，只在最外层触发一次onChange
+     */
+    cancelBlurChange?: boolean;
+}
+//# sourceMappingURL=use-input-format.type.d.ts.map

package/cjs/components/use-input/use-input-format.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-format.type.d.ts","sourceRoot":"","sources":["use-input-format.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D,OAAO,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/cjs/components/use-input/use-input-format.type.js

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

package/cjs/components/use-input/use-input-number.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { InputNumberProps } from './use-input-number.type';
+declare const useNumberFormat: (props: InputNumberProps) => {
+    onPlus: () => void;
+    onMinus: () => void;
+    onChange: (v: string | undefined) => void;
+    onBlur: (e: React.FocusEvent<Element, Element>) => void;
+    onFocus: (e: React.FocusEvent<Element, Element>) => void;
+    value: string | undefined;
+    type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "checkbox" | "radio" | "hidden" | "month" | "week" | "date" | "datetime-local" | "file" | "password" | undefined;
+};
+export default useNumberFormat;
+//# sourceMappingURL=use-input-number.d.ts.map

package/cjs/components/use-input/use-input-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-number.d.ts","sourceRoot":"","sources":["use-input-number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,QAAA,MAAM,eAAe,UAAW,gBAAgB;;;;;;;;CA4H/C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-input/use-input-number.js

@@ -0,0 +1,129 @@
+"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 _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var _useInputFormat = _interopRequireDefault(require("./use-input-format"));
+var _utils = require("../../utils");
+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 useNumberFormat = function useNumberFormat(props) {
+  var onChange = props.onChange,
+    value = props.value,
+    onBlur = props.onBlur,
+    numType = props.numType,
+    integerLimit = props.integerLimit,
+    digits = props.digits,
+    min = props.min,
+    max = props.max,
+    allowNull = props.allowNull,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    cancelBlurChange = props.cancelBlurChange,
+    disabled = props.disabled;
+  var getStringValue = function getStringValue(value) {
+    if (value === undefined) return value;
+    if (typeof value === 'number') {
+      if (isNaN(value)) return '0';
+      return String(value);
+    }
+    return value || '';
+  };
+  var getNumberValue = function getNumberValue(value) {
+    if (isNaN(value)) return 0;
+    if (typeof value === 'number') {
+      return value;
+    }
+    var num = parseFloat(value || '');
+    return isNaN(num) ? 0 : num;
+  };
+  var commonFormat = function commonFormat(val) {
+    var num = val;
+    if (typeof num === 'number') {
+      if (isNaN(num)) num = 0;
+      if (min && num < min) num = min;
+      if (max && num > max) num = max;
+    }
+    return num;
+  };
+  var onNumberBlur = (0, _usePersistFn.default)(function (e) {
+    var target = e.target;
+    var newValue = target.value;
+
+    // 没有输入值
+    if (newValue === '' && value === undefined) {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      return;
+    }
+    if (newValue === '' && allowNull) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(null);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      return;
+    }
+    var num;
+    num = parseFloat(newValue);
+    if (isNaN(num)) {
+      num = 0;
+    }
+    if (numType === 'positive' && num <= 0) {
+      num = allowNull ? null : undefined;
+    } else if (typeof digits === 'number') {
+      num = parseFloat(num.toFixed(digits));
+    }
+    num = commonFormat(num);
+    if (num !== value) {
+      target.value = typeof num === 'number' ? String(num) : '';
+      if (!cancelBlurChange) onChange === null || onChange === void 0 ? void 0 : onChange(num);
+    }
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  });
+  var onNumberChange = (0, _usePersistFn.default)(function (value) {
+    var result = value;
+    onChange === null || onChange === void 0 ? void 0 : onChange(result);
+  });
+  var changeValue = function changeValue(mod) {
+    var num = getNumberValue(props.value);
+    num = (0, _utils.sub)(num, mod);
+    if (numType === 'positive' && num <= 0) {
+      return;
+    }
+    if (numType === 'non-negative' && num < 0) {
+      return;
+    }
+    if (integerLimit && String(parseInt(num, 10)).length > integerLimit) {
+      return;
+    }
+    num = commonFormat(num);
+    onChange === null || onChange === void 0 ? void 0 : onChange(num);
+  };
+  var handlePlus = (0, _usePersistFn.default)(function () {
+    if (disabled) return;
+    changeValue(step);
+  });
+  var handleMinus = (0, _usePersistFn.default)(function () {
+    if (disabled) return;
+    changeValue(-step);
+  });
+  return _objectSpread(_objectSpread({}, (0, _useInputFormat.default)({
+    value: getStringValue(props.value),
+    type: 'number',
+    numType: numType,
+    integerLimit: integerLimit,
+    digits: digits,
+    onChange: onNumberChange,
+    onBlur: onNumberBlur,
+    cancelBlurChange: true
+  })), {}, {
+    onPlus: handlePlus,
+    onMinus: handleMinus
+  });
+};
+var _default = useNumberFormat;
+exports.default = _default;

package/cjs/components/use-input/use-input-number.type.d.ts

@@ -0,0 +1,12 @@
+import { InputFormatProps } from './use-input-format.type';
+export declare type NumberValue = string | number | undefined | null;
+export interface InputNumberProps extends Omit<InputFormatProps, 'value' | 'onChange' | 'autoFix' | 'trim' | 'coin' | 'type'> {
+    value: NumberValue;
+    onChange: (value: NumberValue) => void | undefined;
+    min?: number;
+    max?: number;
+    allowNull?: boolean;
+    step?: number;
+    disabled?: boolean;
+}
+//# sourceMappingURL=use-input-number.type.d.ts.map

package/cjs/components/use-input/use-input-number.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-number.type.d.ts","sourceRoot":"","sources":["use-input-number.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,oBAAY,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3F,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,SAAS,CAAC;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/cjs/components/use-input/use-input-number.type.js

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