Compare commits

..

2 Commits

Author SHA1 Message Date
77b1866157 updated new version 2020-10-15 10:23:37 +07:00
3260d16932 updated gitignore 2020-10-15 10:23:22 +07:00
7 changed files with 6 additions and 77 deletions

5
.gitignore vendored
View File

@ -10,4 +10,7 @@
# Error File # Error File
yarn-error.log yarn-error.log
/build
/dist

1
dist/index.d.ts vendored
View File

@ -1 +0,0 @@
export { default as useCountdown } from './useCountdown';

8
dist/index.js vendored
View File

@ -1,8 +0,0 @@
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useCountdown = void 0;
var useCountdown_1 = require("./useCountdown");
Object.defineProperty(exports, "useCountdown", { enumerable: true, get: function () { return __importDefault(useCountdown_1).default; } });

View File

@ -1,12 +0,0 @@
interface useCountdownOptions {
now?: () => Date;
onEnd?: () => void;
onCount?: (timeLeft: number) => void;
step?: number;
}
interface CountdownHookResult {
timeleft: number;
start: (timeLeft: number) => void;
}
declare function useCountdown(options?: useCountdownOptions): CountdownHookResult;
export default useCountdown;

54
dist/useCountdown.js vendored
View File

@ -1,54 +0,0 @@
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var DEFAULT_OPTIONS = {
step: 1000,
};
function useCountdown(options) {
var _a = react_1.default.useState(), timeleft = _a[0], setTimeleft = _a[1];
var _b = react_1.default.useState(), targetDatetime = _b[0], setTargetDatetime = _b[1];
var _c = __assign(__assign({}, DEFAULT_OPTIONS), options), step = _c.step, onCount = _c.onCount, onEnd = _c.onEnd;
var start = function (countAsM) {
setTimeleft(countAsM);
};
var varTimeout = null;
react_1.default.useEffect(function () {
return function () { return clearTimeout(varTimeout); };
}, []);
react_1.default.useEffect(function () {
if (timeleft === undefined) {
return;
}
var newTimeleft = timeleft - step;
if (newTimeleft < 0) {
setTimeleft(0);
onEnd === null || onEnd === void 0 ? void 0 : onEnd();
}
else {
onCount === null || onCount === void 0 ? void 0 : onCount(timeleft);
varTimeout = setTimeout(function () {
setTimeleft(newTimeleft);
}, step);
}
}, [timeleft]);
var result = {
timeleft: timeleft || 0,
start: start,
};
return result;
}
exports.default = useCountdown;

1
example/.gitignore vendored
View File

@ -10,6 +10,7 @@
# production # production
/build /build
/dist
# misc # misc
.DS_Store .DS_Store

View File

@ -1,6 +1,6 @@
{ {
"name": "@cubetiq/react-use-countdown", "name": "@cubetiq/react-use-countdown",
"version": "1.10.6", "version": "1.10.7",
"description": "React Countdown with trigger", "description": "React Countdown with trigger",
"main": "./dist/index.js", "main": "./dist/index.js",
"types": "./dist/index.d.ts", "types": "./dist/index.d.ts",