@sheinx/hooks 3.0.0-alpha.1

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

@@ -0,0 +1,102 @@
+"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"));
+var _react = require("react");
+var _usePersistFn = require("../../common/use-persist-fn");
+var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
+var useCarousel = function useCarousel(props) {
+  var total = props.total,
+    _props$interval = props.interval,
+    interval = _props$interval === void 0 ? 0 : _props$interval;
+  var _useState = (0, _react.useState)({
+      current: 0,
+      pre: -1,
+      direction: 'stop'
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _useState2$ = _useState2[0],
+    current = _useState2$.current,
+    pre = _useState2$.pre,
+    direction = _useState2$.direction,
+    setState = _useState2[1];
+  var _useRef = (0, _react.useRef)({
+      timer: null,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      setNext: function setNext(next) {}
+    }),
+    context = _useRef.current;
+  var autoPlay = interval > 0 && total > 1;
+  var moveTo = (0, _usePersistFn.usePersistFn)(function (i) {
+    var next = i;
+    if (next === current) return;
+    var dir = next > current ? 'forward' : 'backward';
+    if (next >= total) {
+      dir = 'forward';
+      next = 0;
+    } else if (next < 0) {
+      dir = 'backward';
+      next = total - 1;
+    }
+    setState({
+      current: next,
+      pre: current,
+      direction: dir
+    });
+    if (props.onMove) {
+      props.onMove(next, {
+        prev: current,
+        direction: dir,
+        moveTo: moveTo
+      });
+    }
+    context.setNext(next + 1);
+  });
+  var stop = (0, _usePersistFn.usePersistFn)(function () {
+    if (context.timer) {
+      clearTimeout(context.timer);
+      context.timer = null;
+    }
+  });
+  var setNext = (0, _usePersistFn.usePersistFn)(function (next) {
+    if (!autoPlay) return;
+    stop();
+    context.timer = setTimeout(function () {
+      moveTo(next);
+    }, interval);
+  });
+  context.setNext = setNext;
+  var start = (0, _usePersistFn.usePersistFn)(function () {
+    setNext(current + 1);
+  });
+  var forward = (0, _usePersistFn.usePersistFn)(function () {
+    moveTo(current + 1);
+  });
+  var backward = (0, _usePersistFn.usePersistFn)(function () {
+    moveTo(current - 1);
+  });
+  var func = (0, _useLatestObj.default)({
+    start: start,
+    stop: stop,
+    forward: forward,
+    backward: backward,
+    moveTo: moveTo
+  });
+  (0, _react.useEffect)(function () {
+    if (interval > 0 && total > 1) {
+      start();
+    }
+  }, []);
+  return {
+    current: current,
+    pre: pre,
+    direction: direction,
+    func: func
+  };
+};
+var _default = useCarousel;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+export { default, default as useCheck } from './use-check';
+export type { BaseCheckProps } from './use-check.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-check/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"}

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

@@ -0,0 +1,19 @@
+"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 _useCheck.default;
+  }
+});
+Object.defineProperty(exports, "useCheck", {
+  enumerable: true,
+  get: function get() {
+    return _useCheck.default;
+  }
+});
+var _useCheck = _interopRequireDefault(require("./use-check"));

package/cjs/components/use-check/use-check.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 状态 disabled
+ * dom wrapper  input  indicator  desc
+ * 事件 onClick(模拟点击) 点击wrapper
+ */
+import React from 'react';
+import { ObjectType } from '../../common/type';
+import { BaseCheckProps } from './use-check.type';
+declare const useCheck: (props: BaseCheckProps) => {
+    getIndicatorProps: <TOther extends ObjectType<any>>(externalProps?: TOther) => TOther & {
+        tabIndex: number;
+    };
+    getInputProps: <TOther_1 extends ObjectType<any>>(externalProps?: TOther_1) => TOther_1 & {
+        onClick: (e: React.MouseEvent<HTMLInputElement>) => void;
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        tabIndex: number;
+        style: {
+            display: string;
+        };
+        checked: boolean | undefined;
+        defaultChecked: boolean | undefined;
+        ref: ((instance: HTMLInputElement | null) => void) | null;
+        disabled: boolean | undefined;
+    };
+    getRootProps: <TOther_2 extends ObjectType<any>>(externalProps?: TOther_2) => TOther_2 & {
+        onClick: (event: React.MouseEvent) => void;
+    };
+    disabled: boolean | undefined;
+    checked: boolean;
+};
+export default useCheck;
+//# sourceMappingURL=use-check.d.ts.map

package/cjs/components/use-check/use-check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-check.d.ts","sourceRoot":"","sources":["use-check.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,QAAQ,UAAW,cAAc;;;;;qBAoDpB,gBAAgB,CAAC,gBAAgB,CAAC;0BArBT,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;;yBAhBjB,gBAAgB;;;;CA6D7E,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,103 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../utils");
+var _useForkRef = _interopRequireDefault(require("../../common/use-fork-ref"));
+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 useCheck = function useCheck(props) {
+  var checked = props.checked,
+    defaultChecked = props.defaultChecked,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    inputRefPo = props.inputRef,
+    _onClick = props.onClick;
+  var _React$useState = _react.default.useState(defaultChecked || false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    checkedState = _React$useState2[0],
+    setCheckedState = _React$useState2[1];
+  var getChecked = function getChecked() {
+    if (checked !== undefined) {
+      return checked;
+    }
+    return checkedState;
+  };
+  var inputRef = _react.default.useRef(null);
+  var handleInputRef = (0, _useForkRef.default)(inputRef, inputRefPo);
+  var handleClick = function handleClick(otherHandlers) {
+    return function (event) {
+      var _inputRef$current, _otherHandlers$onClic;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
+      otherHandlers === null || otherHandlers === void 0 ? void 0 : (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
+    };
+  };
+  var getRootProps = function getRootProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = (0, _utils.extractEventHandlers)(externalProps);
+    return _objectSpread(_objectSpread({}, externalProps), {}, {
+      onClick: handleClick(externalEventHandlers)
+    });
+    //封装点击事件 点击触发input 的点击
+    // disabled 禁用后不可点击
+  };
+
+  var handleChange = function handleChange(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onChan;
+      setCheckedState(event.target.checked);
+      onChange === null || onChange === void 0 ? void 0 : onChange(event.target.checked, event);
+      otherHandlers === null || otherHandlers === void 0 ? void 0 : (_otherHandlers$onChan = otherHandlers.onChange) === null || _otherHandlers$onChan === void 0 ? void 0 : _otherHandlers$onChan.call(otherHandlers, event);
+    };
+  };
+  var getInputProps = function getInputProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    // 封装onChange 事件
+    // ref
+    var checkProps = {
+      checked: checked,
+      defaultChecked: defaultChecked
+    };
+    if (checked !== undefined) {
+      delete checkProps.defaultChecked;
+    }
+    return _objectSpread(_objectSpread(_objectSpread({}, externalProps), {}, {
+      ref: handleInputRef,
+      disabled: disabled
+    }, checkProps), {}, {
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
+      },
+      onChange: handleChange((0, _utils.extractEventHandlers)(externalProps)),
+      tabIndex: 0,
+      style: {
+        display: 'none'
+      }
+    });
+  };
+  var getIndicatorProps = function getIndicatorProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return _objectSpread(_objectSpread({}, externalProps), {}, {
+      tabIndex: disabled ? -1 : 1
+    });
+  };
+  return {
+    getIndicatorProps: getIndicatorProps,
+    getInputProps: getInputProps,
+    getRootProps: getRootProps,
+    disabled: disabled,
+    checked: getChecked()
+  };
+};
+var _default = useCheck;
+exports.default = _default;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface BaseCheckProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean, event: React.ChangeEvent) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+//# sourceMappingURL=use-check.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-check.type.d.ts","sourceRoot":"","sources":["use-check.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC"}

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

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

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

@@ -0,0 +1,10 @@
+export { default as useDatePickerFormat } from './use-datepicker-format';
+export { default as dateUtil } from './util';
+export { default as useDatePick } from './use-date';
+export { default as useYearPick } from './use-year';
+export { default as useMonthPick } from './use-month';
+export { default as useQuarterPick } from './use-quarter';
+export { default as useTimePick } from './use-time';
+export { default as useDatePickerRange } from './use-datepicker-range';
+export type { UseDatePickerFormatProps, DatePickerModeType, DatePickerValueType, DateTimeType, } from './use-datepicker-format.type';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EACV,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,GACb,MAAM,8BAA8B,CAAC"}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "dateUtil", {
+  enumerable: true,
+  get: function get() {
+    return _util.default;
+  }
+});
+Object.defineProperty(exports, "useDatePick", {
+  enumerable: true,
+  get: function get() {
+    return _useDate.default;
+  }
+});
+Object.defineProperty(exports, "useDatePickerFormat", {
+  enumerable: true,
+  get: function get() {
+    return _useDatepickerFormat.default;
+  }
+});
+Object.defineProperty(exports, "useDatePickerRange", {
+  enumerable: true,
+  get: function get() {
+    return _useDatepickerRange.default;
+  }
+});
+Object.defineProperty(exports, "useMonthPick", {
+  enumerable: true,
+  get: function get() {
+    return _useMonth.default;
+  }
+});
+Object.defineProperty(exports, "useQuarterPick", {
+  enumerable: true,
+  get: function get() {
+    return _useQuarter.default;
+  }
+});
+Object.defineProperty(exports, "useTimePick", {
+  enumerable: true,
+  get: function get() {
+    return _useTime.default;
+  }
+});
+Object.defineProperty(exports, "useYearPick", {
+  enumerable: true,
+  get: function get() {
+    return _useYear.default;
+  }
+});
+var _useDatepickerFormat = _interopRequireDefault(require("./use-datepicker-format"));
+var _util = _interopRequireDefault(require("./util"));
+var _useDate = _interopRequireDefault(require("./use-date"));
+var _useYear = _interopRequireDefault(require("./use-year"));
+var _useMonth = _interopRequireDefault(require("./use-month"));
+var _useQuarter = _interopRequireDefault(require("./use-quarter"));
+var _useTime = _interopRequireDefault(require("./use-time"));
+var _useDatepickerRange = _interopRequireDefault(require("./use-datepicker-range"));

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

@@ -0,0 +1,25 @@
+import { UseDateProps } from './use-date.type';
+declare const useDate: (props: UseDateProps) => {
+    current: Date;
+    currentYear: number;
+    currentMonth: number;
+    func: {
+        handleNextYear: () => void;
+        handleNextMonth: () => void;
+        handlePrevYear: () => void;
+        handlePrevMonth: () => void;
+        getDays: () => Date[];
+        isToday: (date: Date) => boolean;
+        isDisabled: (date: Date) => boolean;
+        isActive: (date: Date) => boolean;
+        isInRange: (date: Date) => false | "end" | "start" | "start-end" | "in";
+        isCurrentMonth: (date: Date) => boolean;
+        handleDayClick: (date: Date) => void;
+        getDayStr: (date: Date) => number;
+        getWeekStr: (date: Date) => number;
+        getTimeStr: () => string;
+        getDateWithTime: (date: Date) => Date;
+    };
+};
+export default useDate;
+//# sourceMappingURL=use-date.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-date.d.ts","sourceRoot":"","sources":["use-date.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,QAAA,MAAM,OAAO,UAAW,YAAY;;;;;;;;;;wBAmBX,IAAI;2BA6CD,IAAI;yBAgBN,IAAI;0BAqDH,IAAI;+BAzEC,IAAI;+BAmDJ,IAAI;0BAvBT,IAAI;2BAIH,IAAI;;gCAIC,IAAI;;CAoFpC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,181 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.match.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _util = _interopRequireDefault(require("./util"));
+var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var useDate = function useDate(props) {
+  var options = props.options,
+    type = props.type;
+  var _useState = (0, _react.useState)(props.defaultCurrent || new Date()),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentState = _useState2[0],
+    setCurrentState = _useState2[1];
+  var _useRef = (0, _react.useRef)({
+      cachedMonth: undefined,
+      cachedDays: []
+    }),
+    context = _useRef.current;
+  var current = props.current === undefined ? currentState : props.current;
+  var setCurrent = function setCurrent(date) {
+    var _props$onCurrentChang2;
+    if (props.current !== undefined) {
+      var _props$onCurrentChang;
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 ? void 0 : _props$onCurrentChang.call(props, date);
+    } else {
+      setCurrentState(date);
+    }
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 ? void 0 : _props$onCurrentChang2.call(props, date);
+  };
+  var isToday = function isToday(date) {
+    var today = _util.default.newDate(undefined, options);
+    return _util.default.isSameDay(date, today, options);
+  };
+  var getDays = function getDays() {
+    if (!current) return context.cachedDays;
+    var date = _util.default.clearHMS(current, options);
+    if (context.cachedMonth && _util.default.isSameMonth(context.cachedMonth, date, options) && context.cachedDays.length) {
+      return context.cachedDays;
+    }
+    context.cachedDays = _util.default.getDaysOfMonth(date, options);
+    context.cachedMonth = date;
+    return context.cachedDays;
+  };
+  var handleNextYear = (0, _usePersistFn.default)(function () {
+    var date = _util.default.addYears(current, 1, options);
+    setCurrent(date);
+  });
+  var handlePrevYear = (0, _usePersistFn.default)(function () {
+    var date = _util.default.addYears(current, -1, options);
+    setCurrent(date);
+  });
+  var handleNextMonth = (0, _usePersistFn.default)(function () {
+    var date = _util.default.addMonths(current, 1, options);
+    setCurrent(date);
+  });
+  var handlePrevMonth = (0, _usePersistFn.default)(function () {
+    var date = _util.default.addMonths(current, -1, options);
+    setCurrent(date);
+  });
+  var isCurrentMonth = function isCurrentMonth(date) {
+    return _util.default.isSameMonth(date, current, options);
+  };
+  var isDisabled = function isDisabled(date) {
+    var min = props.min,
+      max = props.max,
+      disabled = props.disabled;
+    var isDis = disabled && typeof disabled === 'function' ? disabled(date) : false;
+    if (type === 'week') {
+      // 选择周
+      if (min && _util.default.compareWeek(date, min, 0, options) < 0) isDis = true;
+      if (max && _util.default.compareWeek(date, max, 0, options) > 0) isDis = true;
+    } else if (min && _util.default.compareDay(date, min, 0, options) < 0 || max && _util.default.compareDay(date, max, 0, options) > 0) {
+      isDis = true;
+    }
+    return isDis;
+  };
+  var isActive = function isActive(date) {
+    if (!props.value) return false;
+    if (type === 'week') {
+      return _util.default.isSameWeek(date, props.value, options);
+    }
+    return _util.default.isSameDay(date, props.value, options);
+  };
+  var getDayStr = function getDayStr(date) {
+    return _util.default.getDateInfo(date, 'date', options);
+  };
+  var getWeekStr = function getWeekStr(date) {
+    return _util.default.getDateInfo(date, 'week', options);
+  };
+  var getDateWithTime = function getDateWithTime(date) {
+    var min = props.min,
+      max = props.max;
+    var timeDate = props.value || props.defaultTime && _util.default.cloneTime(date, props.defaultTime, _util.default.TIME_FORMAT, options);
+    var newDate = _util.default.toDate(date);
+    if (timeDate) {
+      newDate = _util.default.setTime(newDate, timeDate, options);
+    }
+    // only can select day with the same day of min/max
+    if (min && _util.default.compareAsc(newDate, min) < 0) newDate = _util.default.setTime(newDate, min, options);
+    if (max && _util.default.compareAsc(newDate, max) > 0) newDate = _util.default.setTime(newDate, max, options);
+    return newDate;
+  };
+  var handleDayClick = function handleDayClick(date) {
+    var _props$onChange;
+    if (isDisabled(date)) return;
+    var newDate = getDateWithTime(date);
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, newDate);
+    setCurrent(newDate);
+  };
+  var getTimeStr = function getTimeStr() {
+    var format = props.format,
+      type = props.type;
+    if (!props.value) return '';
+    if (type !== 'datetime' || !format) return '';
+    if (/^[X|x]$/.test(format)) {
+      format = 'HH:mm:ss';
+    } else {
+      var match = format.match(/[H|h].*/);
+      // eslint-disable-next-line
+      if (match) format = match[0];
+    }
+    return _util.default.format(props.value, format, options);
+  };
+  var isInRange = function isInRange(date) {
+    var _ref = props.rangeDate || [],
+      _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      start = _ref2[0],
+      end = _ref2[1];
+    if (!start || !end) return false;
+    if (type === 'week') {
+      if (start) {
+        start = _util.default.changeDate(start, 'weekday', 0, options);
+      }
+      if (end) {
+        end = _util.default.changeDate(end, 'weekday', 6, options);
+      }
+    }
+    var compareStart = _util.default.compareDay(date, start, 0, options);
+    var compareEnd = _util.default.compareDay(date, end, 0, options);
+    if (compareStart === 0 && compareEnd === 0) return 'start-end';
+    if (compareStart === 0) return 'start';
+    if (compareEnd === 0) return 'end';
+    if (compareStart > 0 && compareEnd < 0) return 'in';
+    return false;
+  };
+  var func = (0, _useLatestObj.default)({
+    handleNextYear: handleNextYear,
+    handleNextMonth: handleNextMonth,
+    handlePrevYear: handlePrevYear,
+    handlePrevMonth: handlePrevMonth,
+    getDays: getDays,
+    isToday: isToday,
+    isDisabled: isDisabled,
+    isActive: isActive,
+    isInRange: isInRange,
+    isCurrentMonth: isCurrentMonth,
+    handleDayClick: handleDayClick,
+    getDayStr: getDayStr,
+    getWeekStr: getWeekStr,
+    getTimeStr: getTimeStr,
+    getDateWithTime: getDateWithTime
+  });
+  var currentYear = _util.default.getDateInfo(current, 'year', options);
+  var currentMonth = _util.default.getDateInfo(current, 'month', options) + 1;
+  return {
+    current: current,
+    currentYear: currentYear,
+    currentMonth: currentMonth,
+    func: func
+  };
+};
+var _default = useDate;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+export interface UseDateProps {
+    current?: Date;
+    rangeDate?: Array<Date | undefined>;
+    defaultCurrent?: Date;
+    onCurrentChange?: (date: Date) => void;
+    value?: Date;
+    onChange?: (date: Date) => void;
+    min?: Date;
+    max?: Date;
+    type?: 'date' | 'week' | 'datetime';
+    format?: string;
+    disabled?: boolean | ((date: Date) => boolean);
+    defaultTime?: string | number | Date;
+    options: {
+        timeZone?: string;
+        weekStartsOn?: number;
+    };
+}
+//# sourceMappingURL=use-date.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-date.type.d.ts","sourceRoot":"","sources":["use-date.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH"}

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

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

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { DatePickerModeType, DatePickerValueType, UseDatePickerFormatProps } from './use-datepicker-format.type';
+declare const useDatePickerFormat: <Value extends DatePickerValueType>(props: UseDatePickerFormatProps<Value>) => {
+    resultArr: (string | undefined)[];
+    targetResultArr: (string | undefined)[];
+    dateArr: (Date | undefined)[];
+    disabledStatus: "all" | "left" | "right" | undefined;
+    currentArr: Date[];
+    mode: DatePickerModeType[];
+    isEmpty: boolean;
+    format: string;
+    func: {
+        setMode: React.Dispatch<React.SetStateAction<DatePickerModeType[]>>;
+        setDateArr: React.Dispatch<React.SetStateAction<(Date | undefined)[]>>;
+        startEdit: () => void;
+        finishEdit: () => void;
+        setCurrentArr: React.Dispatch<React.SetStateAction<Date[]>>;
+        setTargetArr: React.Dispatch<React.SetStateAction<(Date | undefined)[]>>;
+        handleClear: (e: React.MouseEvent) => void;
+        handleInputChange: (str: string, index: number) => void;
+        registerModeDisabled: (position: 'start' | 'end' | undefined, mode: string, fn: (d: Date) => boolean) => void;
+        setCurrentArrWithParams: (arg: React.SetStateAction<Date[]>, type: string, quick: {
+            name: string;
+            value: any;
+        } | undefined) => void;
+    };
+};
+export default useDatePickerFormat;
+//# sourceMappingURL=use-datepicker-format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-datepicker-format.d.ts","sourceRoot":"","sources":["use-datepicker-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACzB,MAAM,8BAA8B,CAAC;AAkEtC,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;yBAuIc,gBAAgB;iCA8BR,MAAM,SAAS,MAAM;yCAxHrD,OAAO,GAAG,KAAK,GAAG,SAAS,QAAQ,MAAM,UAAU,IAAI,KAAK,OAAO;uCAWvE,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC,QAC3B,MAAM;kBACG,MAAM;mBAAS,GAAG;;;CA0KtC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}