@sheinx/hooks 3.0.0-alpha.1

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

@@ -0,0 +1,301 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.reduce.js");
+var _react = require("react");
+var _util = _interopRequireDefault(require("./util"));
+var _shallowEqual = _interopRequireDefault(require("../../utils/shallow-equal"));
+var _usePersistFn = require("../../common/use-persist-fn");
+var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
+var convertValueToDateArr = function convertValueToDateArr(value, format, options) {
+  var valueArr = Array.isArray(value) ? value : [value];
+  return valueArr.map(function (item) {
+    if (!item) return undefined;
+    return _util.default.toDateWithFormat(item, format, undefined, options);
+  });
+};
+var getFormat = function getFormat(format, type) {
+  if (typeof format === 'string') return format;
+  switch (type) {
+    case 'datetime':
+      return 'YYYY-MM-DD HH:mm:ss';
+    case 'month':
+      return 'YYYY-MM';
+    case 'time':
+      return 'HH:mm:ss';
+    case 'week':
+      return 'gggg ww';
+    case 'year':
+      return 'YYYY';
+    case 'quarter':
+      return 'YYYY-[Q]Q';
+    default:
+      return 'YYYY-MM-DD';
+  }
+};
+var getTypeMode = function getTypeMode(type) {
+  var mode;
+  switch (type) {
+    case 'year':
+      mode = 'year';
+      break;
+    case 'month':
+      mode = 'month';
+      break;
+    case 'quarter':
+      mode = 'quarter';
+      break;
+    case 'time':
+      mode = 'time';
+      break;
+    default:
+      mode = 'day';
+  }
+  return mode;
+};
+var getDefaultMode = function getDefaultMode(type) {
+  var mode = getTypeMode(type);
+  return [mode, mode];
+};
+var useDatePickerFormat = function useDatePickerFormat(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    type = props.type,
+    _props$options = props.options,
+    options = _props$options === void 0 ? {} : _props$options,
+    range = props.range,
+    disabled = props.disabled,
+    clearable = props.clearable;
+  var format = getFormat(props.format, type);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    control = _useState2[0],
+    setControl = _useState2[1];
+  var disabledStatus = undefined;
+  var disabledLeft = Array.isArray(disabled) && disabled[0] && typeof disabled[0] !== 'function';
+  var disabledRight = Array.isArray(disabled) && disabled[1] && typeof disabled[1] !== 'function';
+  var disabledAll = typeof disabled !== 'function' && !Array.isArray(disabled) && disabled;
+  if (disabledAll || disabledLeft && disabledRight) disabledStatus = 'all';else if (disabledLeft) disabledStatus = 'left';else if (disabledRight) disabledStatus = 'right';
+  var getCurrentArr = function getCurrentArr() {
+    var arr = convertValueToDateArr(value, format, options);
+    var currentArr = convertValueToDateArr(props.defaultCurrent, 'YYYY-MM-DD', options);
+    if (!arr[0]) arr[0] = arr[1] || currentArr[0] || new Date();
+    if (range && !arr[1]) arr[1] = arr[0] || currentArr[1] || new Date();
+    return arr;
+  };
+  var _useState3 = (0, _react.useState)(getDefaultMode(type)),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    mode = _useState4[0],
+    setMode = _useState4[1];
+  var _useState5 = (0, _react.useState)(getCurrentArr()),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    currentArr = _useState6[0],
+    setCurrentArr = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    targetArr = _useState8[0],
+    setTargetArr = _useState8[1];
+  var _useState9 = (0, _react.useState)({
+      type: undefined,
+      quick: undefined
+    }),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    params = _useState10[0],
+    setParams = _useState10[1];
+  var _useRef = (0, _react.useRef)({
+      cachedDateArr: convertValueToDateArr(value, format, options),
+      modeDisabledStart: {},
+      modeDisabledEnd: {}
+    }),
+    context = _useRef.current;
+  // 当edit 为true时，stateDate 否则返回 props date
+  var _useState11 = (0, _react.useState)(context.cachedDateArr),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    stateDate = _useState12[0],
+    setStateDate = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    edit = _useState14[0],
+    setEdit = _useState14[1];
+
+  // 收集所有的disabled
+  var registerModeDisabled = (0, _usePersistFn.usePersistFn)(function (position, mode, fn) {
+    if (position === 'end') {
+      context.modeDisabledEnd[mode] = fn;
+    } else {
+      context.modeDisabledStart[mode] = fn;
+    }
+  });
+  var setCurrentArrWithParams = (0, _usePersistFn.usePersistFn)(function (arg, type, quick) {
+    setCurrentArr(arg);
+    setParams({
+      type: type,
+      quick: quick
+    });
+  });
+  var isDisabledDate = function isDisabledDate(date, position) {
+    var mode = getTypeMode(type);
+    var disabled = position === 'end' ? context.modeDisabledEnd[mode] : context.modeDisabledStart[mode];
+    var isDisabled = disabled ? disabled(date) : false;
+    if (type === 'datetime' && !isDisabled) {
+      var disabledTime = position === 'end' ? context.modeDisabledEnd['time'] : context.modeDisabledStart['time'];
+      isDisabled = disabledTime ? disabledTime(date) : false;
+    }
+    return isDisabled;
+  };
+  var getFormatValueArr = function getFormatValueArr(dateArr, fmt) {
+    return dateArr.map(function (item) {
+      if (!item) return props.clearWithUndefined ? undefined : '';
+      return _util.default.format(item, fmt || format, options);
+    });
+  };
+  var getResultValueArr = function getResultValueArr(dateArr) {
+    if (props.formatResult) {
+      if (typeof props.formatResult === 'string') {
+        return getFormatValueArr(dateArr, props.formatResult);
+      } else {
+        return dateArr.map(function (item) {
+          if (!item) return '';
+          return _util.default.format(item, format, options) || '';
+        });
+      }
+    }
+    return getFormatValueArr(dateArr);
+  };
+  var handlePropsValueChange = function handlePropsValueChange(value) {
+    var dateArr = convertValueToDateArr(value, format, options);
+    context.cachedDateArr = dateArr;
+    setStateDate(dateArr);
+    var formatValue = getFormatValueArr(dateArr);
+    var v = range ? formatValue : formatValue[0];
+    if (!(0, _shallowEqual.default)(v, value)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(v);
+    }
+  };
+  var getDateArr = function getDateArr() {
+    if (!control) return stateDate;
+    return context.cachedDateArr;
+  };
+  var startEdit = function startEdit() {
+    setEdit(true);
+    setCurrentArr(getCurrentArr());
+    setStateDate(context.cachedDateArr);
+    setMode(getDefaultMode(type));
+  };
+  var finishEdit = function finishEdit() {
+    setEdit(false);
+    var formatValue = getFormatValueArr(stateDate);
+    var v = range ? formatValue : formatValue[0];
+    if (range && (!stateDate[0] || !stateDate[1]) && !props.allowSingle) {
+      return;
+    }
+    if (!(0, _shallowEqual.default)(v, value)) {
+      var quick = params.quick;
+      onChange === null || onChange === void 0 ? void 0 : onChange(v, quick);
+    }
+  };
+  var handleClear = (0, _usePersistFn.usePersistFn)(function (e) {
+    var _props$onClear;
+    if (!clearable) return;
+    e.stopPropagation();
+    if (disabledStatus === 'all') return;
+    if (edit) {
+      if (range) {
+        if (disabledStatus === 'left') setStateDate(function (arr) {
+          return [arr[0], undefined];
+        });else if (disabledStatus === 'right') setStateDate(function (arr) {
+          return [undefined, arr[1]];
+        });else setStateDate([undefined, undefined]);
+      } else {
+        setStateDate([undefined]);
+      }
+    } else {
+      var _props$onChange;
+      var emptyValue = props.clearWithUndefined ? undefined : '';
+      var v = emptyValue;
+      if (range) {
+        v = [emptyValue, emptyValue];
+        if (Array.isArray(props.value)) {
+          if (props.value[0] && disabledStatus === 'left') {
+            v = [props.value[0], emptyValue];
+          } else if (props.value[1] && disabledStatus === 'right') {
+            v = [emptyValue, props.value[1]];
+          }
+        }
+      }
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, v);
+    }
+    (_props$onClear = props.onClear) === null || _props$onClear === void 0 ? void 0 : _props$onClear.call(props);
+  });
+  var handleInputChange = (0, _usePersistFn.usePersistFn)(function (str, index) {
+    // 比较 日期字符串是否符合format格式, 如果符合返回 true 否则返回 false
+    var isValid = _util.default.isValidString(str, format);
+    if (!isValid) return;
+    var date = _util.default.toDateWithFormat(str, format, undefined, options);
+    if (date && isDisabledDate(date, index === 1 ? 'end' : 'start')) return;
+    setStateDate(function (prev) {
+      var arr = (0, _toConsumableArray2.default)(prev);
+      arr[index] = date;
+      return arr;
+    });
+    setCurrentArr(function (prev) {
+      var arr = (0, _toConsumableArray2.default)(prev);
+      arr[index] = date;
+      return arr;
+    });
+  });
+  (0, _react.useEffect)(function () {
+    handlePropsValueChange(value);
+  }, [value]);
+  (0, _react.useEffect)(function () {
+    setControl(!edit);
+  }, [edit]);
+  (0, _react.useEffect)(function () {
+    var _props$onPickerChange;
+    var type = params.type,
+      quick = params.quick;
+    if (!type) return;
+    var pickerValue = getFormatValueArr(currentArr);
+    (_props$onPickerChange = props.onPickerChange) === null || _props$onPickerChange === void 0 ? void 0 : _props$onPickerChange.call(props, range ? pickerValue : pickerValue[0], quick, type);
+  }, [params]);
+  var dateArr = getDateArr();
+  var resultArr = getResultValueArr(dateArr);
+  var targetResultArr = getResultValueArr(targetArr);
+  var isEmpty = dateArr.reduce(function (prev, cur) {
+    return prev && _util.default.isInvalid(cur);
+  }, true);
+  var func = (0, _useLatestObj.default)({
+    setMode: setMode,
+    setDateArr: setStateDate,
+    // 编辑模式下只会修改内部状态
+    startEdit: startEdit,
+    // 结束编辑会触发onChange
+    finishEdit: finishEdit,
+    setCurrentArr: setCurrentArr,
+    setTargetArr: setTargetArr,
+    handleClear: handleClear,
+    handleInputChange: handleInputChange,
+    registerModeDisabled: registerModeDisabled,
+    setCurrentArrWithParams: setCurrentArrWithParams
+  });
+  return {
+    resultArr: resultArr,
+    targetResultArr: targetResultArr,
+    dateArr: dateArr,
+    disabledStatus: disabledStatus,
+    currentArr: currentArr,
+    mode: mode,
+    isEmpty: isEmpty,
+    format: format,
+    func: func
+  };
+};
+var _default = useDatePickerFormat;
+exports.default = _default;

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

@@ -0,0 +1,27 @@
+export declare type DateTimeType = Date | number | string | undefined;
+export declare type DatePickerValueType = DateTimeType | DateTimeType[];
+export declare type DatePickerAreaType = 'year' | 'month' | 'week' | 'day' | 'time' | 'quick' | 'quarter';
+export declare type DatePickerModeType = 'year' | 'month' | 'quarter' | 'time' | 'day';
+export interface UseDatePickerFormatProps<Value extends DatePickerValueType> {
+    type: 'date' | 'datetime' | 'month' | 'time' | 'week' | 'year' | 'quarter';
+    format: string | undefined;
+    formatResult: string | ((date: Date) => string) | undefined;
+    range: boolean | undefined | number;
+    value: Value | undefined;
+    onChange: ((value: Value extends any[] ? string[] : string, ...args: any) => void) | undefined;
+    options: {
+        timeZone?: string;
+        weekStartsOn?: number;
+    } | undefined;
+    clearable: boolean | undefined;
+    clearWithUndefined: boolean | undefined;
+    onClear: (() => void) | undefined;
+    allowSingle: boolean | undefined;
+    defaultCurrent: DatePickerValueType;
+    onPickerChange: ((date: string | string[], quick: {
+        name: string;
+        value: any;
+    }, type: DatePickerAreaType) => void) | undefined;
+    disabled: boolean | ((date: Date, position?: 'start' | 'end', startDate?: Date, endDate?: Date) => boolean) | Array<boolean | ((date: Date) => boolean)> | undefined;
+}
+//# sourceMappingURL=use-datepicker-format.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-datepicker-format.type.d.ts","sourceRoot":"","sources":["use-datepicker-format.type.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAC9D,oBAAY,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAChE,oBAAY,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAClG,oBAAY,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC;AAC/E,MAAM,WAAW,wBAAwB,CAAC,KAAK,SAAS,mBAAmB;IACzE,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3E,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAC5D,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACpC,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/F,OAAO,EACH;QACE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,GACD,SAAS,CAAC;IACd,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,cAAc,EAAE,mBAAmB,CAAC;IACpC,cAAc,EACV,CAAC,CACC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EACvB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EACnC,IAAI,EAAE,kBAAkB,KACrB,IAAI,CAAC,GACV,SAAS,CAAC;IACd,QAAQ,EACJ,OAAO,GACP,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,KAAK,OAAO,CAAC,GACvF,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,GAC1C,SAAS,CAAC;CACf"}

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

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

package/cjs/components/use-datepicker/use-datepicker-range.d.ts

@@ -0,0 +1,22 @@
+import { useRangeProps } from './use-datepicker-range.type';
+declare const useRangePick: (props: useRangeProps) => {
+    defaultTimeArr: (string | number | Date)[];
+    endMin: Date | undefined;
+    endMax: Date | undefined;
+    startMin: Date | undefined;
+    startMax: Date | undefined;
+    func: {
+        setModeStart: (m: any) => void;
+        setModeEnd: (m: any) => void;
+        setDateStart: (date: Date, noClose?: boolean) => void;
+        setDateEnd: (date: Date, noClose?: boolean) => void;
+        setCurrentStart: (date: Date, ...args: any[]) => void;
+        setCurrentEnd: (date: Date, ...args: any[]) => void;
+        setTargetStart: (date?: Date) => void;
+        setTargetEnd: (date?: Date) => void;
+        startDisabled: (date: Date) => boolean;
+        endDisabled: (date: Date) => boolean;
+    };
+};
+export default useRangePick;
+//# sourceMappingURL=use-datepicker-range.d.ts.map

package/cjs/components/use-datepicker/use-datepicker-range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-datepicker-range.d.ts","sourceRoot":"","sources":["use-datepicker-range.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAK5D,QAAA,MAAM,YAAY,UAAW,aAAa;;;;;;;;;6BAoFC,IAAI,YAAY,OAAO;2BAKzB,IAAI,YAAY,OAAO;gCAblB,IAAI,WAAW,GAAG,EAAE;8BAItB,IAAI,WAAW,GAAG,EAAE;gCAclB,IAAI;8BAIN,IAAI;8BAqBJ,IAAI;4BAeN,IAAI;;CAqE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/components/use-datepicker/use-datepicker-range.js

@@ -0,0 +1,207 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _usePersistFn = require("../../common/use-persist-fn");
+var _useLatestObj = require("../../common/use-latest-obj");
+var _util = _interopRequireDefault(require("./util"));
+var _react = require("react");
+var _is = require("../../utils/is");
+var useRangePick = function useRangePick(props) {
+  var range = props.range,
+    setDateArr = props.setDateArr,
+    setTargetArr = props.setTargetArr,
+    setMode = props.setMode,
+    options = props.options,
+    defaultTime = props.defaultTime,
+    close = props.close,
+    min = props.min,
+    max = props.max,
+    disabled = props.disabled;
+  var _useRef = (0, _react.useRef)({
+      modeCache: props.mode
+    }),
+    context = _useRef.current;
+  var defaultTimeArr = Array.isArray(defaultTime) ? props.defaultTime : [props.defaultTime, props.defaultTime];
+  var setDate = function setDate(index, date) {
+    var noClose = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    setDateArr(function (arr) {
+      var newArr = (0, _toConsumableArray2.default)(arr);
+      newArr[index] = date;
+      if (range && index === 0 && newArr[1]) {
+        if (typeof range === 'number') {
+          var rangeMax = _util.default.addSeconds(date, range, options);
+          if (rangeMax.getTime() < newArr[1].getTime()) {
+            newArr[1] = rangeMax;
+          }
+        } else if (date.getTime() > newArr[1].getTime()) {
+          newArr[1] = new Date(date);
+        }
+      }
+      if (!noClose) {
+        if (!range) close();
+        if (range && newArr[1 - index] !== undefined) {
+          close();
+        }
+      }
+      return newArr;
+    });
+  };
+  var setCurrent = (0, _usePersistFn.usePersistFn)(function (index, date) {
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+    props.setCurrentArr.apply(props, [function (arr) {
+      var newArr = (0, _toConsumableArray2.default)(arr);
+      newArr[index] = date;
+      var modeCache = context.modeCache;
+      if (modeCache[0] === modeCache[1]) {
+        var mode = modeCache[0];
+        if (range && index === 0 && newArr[1]) {
+          if (mode === 'year') {
+            if (_util.default.getStartYear(date, options) > _util.default.getStartYear(newArr[1], options)) {
+              newArr[1] = new Date(date);
+            }
+          } else if (date.getTime() > newArr[1].getTime()) {
+            newArr[1] = new Date(date);
+          }
+        }
+        if (range && index === 1 && newArr[0]) {
+          if (mode === 'year') {
+            if (_util.default.getStartYear(date, options) < _util.default.getStartYear(newArr[0], options)) {
+              newArr[0] = new Date(date);
+            }
+          } else if (date.getTime() < newArr[0].getTime()) {
+            newArr[0] = new Date(date);
+          }
+        }
+      }
+      return newArr;
+    }].concat(args));
+  });
+  var setCurrentStart = (0, _usePersistFn.usePersistFn)(function (date) {
+    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      args[_key2 - 1] = arguments[_key2];
+    }
+    setCurrent.apply(void 0, [0, date].concat(args));
+  });
+  var setCurrentEnd = (0, _usePersistFn.usePersistFn)(function (date) {
+    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      args[_key3 - 1] = arguments[_key3];
+    }
+    setCurrent.apply(void 0, [1, date].concat(args));
+  });
+  var setDateStart = (0, _usePersistFn.usePersistFn)(function (date, noClose) {
+    setDate(0, date, noClose);
+    setCurrentStart(date);
+  });
+  var setDateEnd = (0, _usePersistFn.usePersistFn)(function (date, noClose) {
+    setDate(1, date, noClose);
+    setCurrentEnd(date);
+  });
+  var setTargetStart = (0, _usePersistFn.usePersistFn)(function (date) {
+    setTargetArr([date, undefined]);
+  });
+  var setTargetEnd = (0, _usePersistFn.usePersistFn)(function (date) {
+    setTargetArr([undefined, date]);
+  });
+  var setModeStart = (0, _usePersistFn.usePersistFn)(function (m) {
+    context.modeCache[0] = m;
+    setMode(function (mode) {
+      var newMode = [m, mode[1]];
+      context.modeCache[0] = m;
+      return newMode;
+    });
+  });
+  var setModeEnd = (0, _usePersistFn.usePersistFn)(function (m) {
+    context.modeCache[1] = m;
+    setMode(function (mode) {
+      var newMode = [mode[0], m];
+      return newMode;
+    });
+  });
+  var startDisabled = (0, _usePersistFn.usePersistFn)(function (date) {
+    if ((0, _is.isFunc)(disabled)) {
+      return disabled(date, 'start', props.dateArr[0], props.dateArr[1]);
+    }
+    if (Array.isArray(disabled)) {
+      var disabledDate = disabled[0];
+      if ((0, _is.isFunc)(disabledDate)) {
+        return disabledDate(date);
+      } else {
+        return !!disabledDate;
+      }
+    }
+    return !!disabled;
+  });
+  var endDisabled = (0, _usePersistFn.usePersistFn)(function (date) {
+    if ((0, _is.isFunc)(disabled)) {
+      return disabled(date, 'end', props.dateArr[0], props.dateArr[1]);
+    }
+    if (Array.isArray(disabled)) {
+      var disabledDate = disabled[1];
+      if ((0, _is.isFunc)(disabledDate)) {
+        return disabledDate(date);
+      } else {
+        return !!disabledDate;
+      }
+    }
+    return !!disabled;
+  });
+  var func = (0, _useLatestObj.useLatestObj)({
+    setModeStart: setModeStart,
+    setModeEnd: setModeEnd,
+    setDateStart: setDateStart,
+    setDateEnd: setDateEnd,
+    setCurrentStart: setCurrentStart,
+    setCurrentEnd: setCurrentEnd,
+    setTargetStart: setTargetStart,
+    setTargetEnd: setTargetEnd,
+    startDisabled: startDisabled,
+    endDisabled: endDisabled
+  });
+  var minDate = min ? _util.default.toDate(min, options) : undefined;
+  var maxDate = max ? _util.default.toDate(max, options) : undefined;
+  var endMin = minDate;
+  var endMax = maxDate;
+  var disabledEnd = Array.isArray(disabled) && disabled[1] === true;
+  if (props.dateArr[0] && !disabledEnd) {
+    if (!endMin || _util.default.compareAsc(endMin, props.dateArr[0]) < 0) {
+      endMin = props.dateArr[0];
+    }
+    if (typeof range === 'number') {
+      var rangeDate = _util.default.addSeconds(props.dateArr[0], range, options);
+      if (!endMax || _util.default.compareAsc(endMax, rangeDate) > 0) {
+        endMax = rangeDate;
+      }
+    }
+  }
+  var startMin = minDate;
+  var startMax = maxDate;
+  if (disabledEnd && props.dateArr[1]) {
+    if (!startMax || _util.default.compareAsc(startMax, props.dateArr[1]) > 0) {
+      startMax = props.dateArr[1];
+    }
+    if (typeof range === 'number') {
+      var _rangeDate = _util.default.addSeconds(props.dateArr[1], -range, options);
+      if (!startMin || _util.default.compareAsc(startMin, _rangeDate) < 0) {
+        startMin = _rangeDate;
+      }
+    }
+  }
+  return {
+    defaultTimeArr: defaultTimeArr,
+    endMin: endMin,
+    endMax: endMax,
+    startMin: startMin,
+    startMax: startMax,
+    func: func
+  };
+};
+var _default = useRangePick;
+exports.default = _default;

package/cjs/components/use-datepicker/use-datepicker-range.type.d.ts

@@ -0,0 +1,25 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DatePickerModeType } from './use-datepicker-format.type';
+declare type DateType = string | number | Date | undefined;
+export interface useRangeProps {
+    defaultTime: Array<DateType> | DateType;
+    type: string;
+    range: boolean | undefined | number;
+    min: DateType;
+    max: DateType;
+    dateArr: Array<Date | undefined>;
+    setTargetArr: Dispatch<SetStateAction<Array<Date | undefined>>>;
+    setDateArr: Dispatch<SetStateAction<Array<Date | undefined>>>;
+    currentArr: Date[];
+    setCurrentArr: (arg: SetStateAction<Date[]>, ...args: any[]) => void;
+    mode: DatePickerModeType[];
+    setMode: Dispatch<SetStateAction<DatePickerModeType[]>>;
+    disabled: boolean | ((date: Date, position?: 'start' | 'end', startDate?: Date, endDate?: Date) => boolean) | Array<boolean | ((date: Date) => boolean)> | undefined;
+    options: {
+        timeZone?: string;
+        weekStartsOn: number;
+    };
+    close: () => void;
+}
+export {};
+//# sourceMappingURL=use-datepicker-range.type.d.ts.map

package/cjs/components/use-datepicker/use-datepicker-range.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-datepicker-range.type.d.ts","sourceRoot":"","sources":["use-datepicker-range.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,aAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AACnD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACpC,GAAG,EAAE,QAAQ,CAAC;IACd,GAAG,EAAE,QAAQ,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;IACjC,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IAChE,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,UAAU,EAAE,IAAI,EAAE,CAAC;IACnB,aAAa,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACrE,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACxD,QAAQ,EACJ,OAAO,GACP,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,KAAK,OAAO,CAAC,GACvF,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,GAC1C,SAAS,CAAC;IACd,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB"}

package/cjs/components/use-datepicker/use-datepicker-range.type.js

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

package/cjs/components/use-datepicker/use-month.d.ts

@@ -0,0 +1,18 @@
+import { UseMonthProps } from './use-month.type';
+declare const useMonth: (props: UseMonthProps) => {
+    current: Date;
+    currentYear: string;
+    func: {
+        handleNext: () => void;
+        handlePrev: () => void;
+        getMonths: () => Date[];
+        isNow: (date: Date) => boolean;
+        isDisabled: (date: Date) => boolean;
+        isActive: (date: Date) => boolean;
+        isInRange: (date: Date) => false | "end" | "start" | "start-end" | "in";
+        handleMonthClick: (date: Date) => void;
+        getMonthStr: (date: Date) => number;
+    };
+};
+export default useMonth;
+//# sourceMappingURL=use-month.d.ts.map

package/cjs/components/use-datepicker/use-month.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-month.d.ts","sourceRoot":"","sources":["use-month.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,QAAA,MAAM,QAAQ,UAAW,aAAa;;;;;;;sBAuBf,IAAI;2BAkCC,IAAI;yBAQN,IAAI;0BAgBH,IAAI;iCAPG,IAAI;4BAJT,IAAI;;CAwChC,CAAC;AAEF,eAAe,QAAQ,CAAC"}