time-runner 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +20 -3
  2. package/dist/TimeRunner.d.ts +1 -1
  3. package/dist/time-runner.css +1 -1
  4. package/dist/time-runner.es.js +197 -190
  5. package/dist/time-runner.umd.js +1 -1
  6. package/package.json +5 -1
package/README.md CHANGED
@@ -20,13 +20,13 @@ yarn add time-runner
20
20
  ```
21
21
 
22
22
  ## 页面引入
23
- ```bash
23
+ ```jsx
24
24
  import { TimeRunner } from "time-runner";
25
25
  import "time-runner/dist/time-runner.css";
26
26
  ```
27
27
 
28
28
  ## 使用说明
29
- ```react
29
+ ```jsx
30
30
 
31
31
  // 当前时间
32
32
  <TimeRunner />
@@ -60,7 +60,7 @@ import "time-runner/dist/time-runner.css";
60
60
  ```
61
61
 
62
62
  ### 组件属性（props）
63
- ```js
63
+ ```jsx
64
64
  /**
65
65
  * 显示模式，默认：default
66
66
  * default: 当前时间
@@ -73,6 +73,7 @@ showType?: string;
73
73
  * card：卡片
74
74
  * cube-v：上下翻转
75
75
  * cube-h：左右翻转
76
+ * drift：漂浮
76
77
  */
77
78
  mode?: TransMode;
78
79
  /** 倒计时结束后执行的方法 */
@@ -97,8 +98,24 @@ borderColor?: string;
97
98
  "YYYY/MM/DD HH:mm:ss",
98
99
  ```
99
100
 
101
+ ### React版本
102
+ ```
103
+ "react": ">=16.8.0",
104
+ "react-dom": ">=16.8.0"
105
+ ```
106
+
100
107
 
101
108
  # 更新日志
102
109
 
110
+ ## [1.0.2] - 2025-10-11
111
+ ### 更新内容
112
+ - 增加 mode = "drift" 效果
113
+ - 更新Readme内容
114
+
115
+ ## [1.0.1] - 2025-10-07
116
+ ### 更新内容
117
+ - 更新readme内容
118
+
119
+
103
120
  ## [1.0.0] - 2025-10-07
104
121
  ### 首次发布
package/dist/TimeRunner.d.ts CHANGED
@@ -6,7 +6,7 @@
6
6
  * cube-h: 立方体左右翻转
7
7
  *
8
8
  */
9
- type TransMode = "card" | "cube-v" | "cube-h";
9
+ type TransMode = "card" | "cube-v" | "cube-h" | "drift";
10
10
  interface PropsType {
11
11
  /**
12
12
  * 显示模式，默认：default
package/dist/time-runner.css CHANGED
@@ -1 +1 @@
1
- .time-runner{width:max-content;display:flex;justify-content:space-between;align-items:center;margin:0 auto;-webkit-user-select:none;user-select:none;position:relative;font-variant-numeric:tabular-nums}.time-runner span{font-size:var(--card-size, 40px);margin:0 3px;padding-bottom:3px;display:inline-block}.time-runner>p{margin:0 3px}.time-runner>div{font-size:var(--card-size, 40px)}.time-runner>div>p{color:#333}.clock-card{position:relative;height:var(--card-h, 80px);width:var(--card-w, 50px);box-shadow:0 1px 5px #333;border-radius:6px}.clock-card:before{content:"";position:absolute;top:50%;left:0;background-color:#999;width:100%;height:1.5px;z-index:3;overflow:hidden}.clock-card .clock-f,.clock-card .clock-b{width:100%;height:100%;position:absolute;top:0;left:0}.clock-card .clock-f p,.clock-card .clock-b p{position:absolute;left:0;height:50%;width:100%;margin-bottom:0;text-align:center;font-size:var(--card-size, 40px);background-color:var(--bgColor, #333);color:#fff;overflow:hidden;border-left:solid 1px var(--borderColor, #999);border-right:solid 1px var(--borderColor, #999)}.clock-card .clock-f p:nth-child(1),.clock-card .clock-b p:nth-child(1){top:0;border-top:solid 1px var(--borderColor, #999)}.clock-card .clock-f p:nth-child(2),.clock-card .clock-b p:nth-child(2){bottom:0;border-bottom:solid 1px var(--borderColor, #999)}.clock-card .clock-f p:nth-child(1){line-height:calc(var(--card-h, 80px) - 2px);transform-origin:bottom;backface-visibility:hidden;border-radius:7px 7px 0 0}.clock-card .clock-f p:nth-child(2){line-height:2px;border-radius:0 0 6px 6px}.clock-card .clock-f.run p:nth-child(1){transition:var(--delay) ease-in-out;transform:perspective(50px) rotateX(-180deg)}.clock-card .clock-b p:nth-child(1){line-height:calc(var(--card-h, 80px) - 2px);border-radius:7px 7px 0 0}.clock-card .clock-b p:nth-child(2){line-height:2px;transform-origin:top;transform:perspective(50px) rotateX(179.99deg);backface-visibility:hidden;border-radius:0 0 6px 6px}.clock-card .clock-b.run p:nth-child(2){transition:var(--delay) ease-in-out;transform:rotateX(0);z-index:2}.clock-cube-3d-v{width:var(--card-w, 50px);height:var(--card-h, 80px);position:relative;perspective:300px}.clock-cube-3d-v div{width:100%;height:100%;transform-style:preserve-3d;transform-origin:center center var(--transy)}.clock-cube-3d-v p{width:100%;height:100%;line-height:var(--card-h, 80px);text-align:center;font-size:var(--card-size, 40px);background-color:var(--bgColor, #333);border:solid 1px var(--borderColor, #999);color:#fff;margin-bottom:0;box-shadow:0 1px 2px #333;border-radius:2px}.clock-cube-3d-v p:nth-child(1){position:absolute;transform-origin:0 100%;transform:translateY(-100%) rotateX(90deg)}.clock-cube-3d-v.run div{transform:rotateX(-90deg);transition:var(--delay)}.clock-cube-3d-h{width:var(--card-w, 50px);height:var(--card-h, 80px);position:relative;perspective:300px}.clock-cube-3d-h div{width:100%;height:100%;transform-style:preserve-3d;transform-origin:center center var(--transx)}.clock-cube-3d-h p{width:100%;height:100%;line-height:var(--card-h, 80px);text-align:center;font-size:var(--card-size, 40px);background-color:var(--bgColor, #333);border:solid 1px var(--borderColor, #999);color:#fff;margin-bottom:0;box-shadow:0 1px 2px #333;border-radius:2px}.clock-cube-3d-h p:nth-child(1){position:absolute;transform-origin:100% 0;transform:translate(-100%) rotateY(-90deg)}.clock-cube-3d-h.run div{transform:rotateY(90deg);transition:var(--delay)}
1
+ .time-runner{width:max-content;display:flex;justify-content:space-between;align-items:center;margin:0 auto;-webkit-user-select:none;user-select:none;position:relative;font-variant-numeric:tabular-nums}.time-runner span{font-size:var(--card-size, 40px);margin:0 3px;padding-bottom:3px;display:inline-block}.time-runner>p{margin:0 3px}.time-runner>div{font-size:var(--card-size, 40px)}.time-runner>div>p{color:#333}.clock-card{position:relative;height:var(--card-h, 80px);width:var(--card-w, 50px);box-shadow:0 1px 5px #333;border-radius:6px}.clock-card:before{content:"";position:absolute;top:50%;left:0;background-color:#999;width:100%;height:1.5px;z-index:3;overflow:hidden}.clock-card .clock-f,.clock-card .clock-b{width:100%;height:100%;position:absolute;top:0;left:0}.clock-card .clock-f p,.clock-card .clock-b p{position:absolute;left:0;height:50%;width:100%;margin-bottom:0;text-align:center;font-size:var(--card-size, 40px);background-color:var(--bgColor, #333);color:#fff;overflow:hidden;border-left:solid 1px var(--borderColor, #999);border-right:solid 1px var(--borderColor, #999)}.clock-card .clock-f p:nth-child(1),.clock-card .clock-b p:nth-child(1){top:0;border-top:solid 1px var(--borderColor, #999)}.clock-card .clock-f p:nth-child(2),.clock-card .clock-b p:nth-child(2){bottom:0;border-bottom:solid 1px var(--borderColor, #999)}.clock-card .clock-f p:nth-child(1){line-height:calc(var(--card-h, 80px) - 2px);transform-origin:bottom;backface-visibility:hidden;border-radius:7px 7px 0 0}.clock-card .clock-f p:nth-child(2){line-height:2px;border-radius:0 0 6px 6px}.clock-card .clock-f.run p:nth-child(1){transition:var(--delay) ease-in-out;transform:perspective(50px) rotateX(-180deg)}.clock-card .clock-b p:nth-child(1){line-height:calc(var(--card-h, 80px) - 2px);border-radius:7px 7px 0 0}.clock-card .clock-b p:nth-child(2){line-height:2px;transform-origin:top;transform:perspective(50px) rotateX(179.99deg);backface-visibility:hidden;border-radius:0 0 6px 6px}.clock-card .clock-b.run p:nth-child(2){transition:var(--delay) ease-in-out;transform:rotateX(0);z-index:2}.cube-v{width:var(--card-w, 50px);height:var(--card-h, 80px);position:relative;perspective:300px}.cube-v div{width:100%;height:100%;transform-style:preserve-3d;transform-origin:center center var(--transy)}.cube-v p{width:100%;height:100%;line-height:var(--card-h, 80px);text-align:center;font-size:var(--card-size, 40px);background-color:var(--bgColor, #333);border:solid 1px var(--borderColor, #999);color:#fff;margin-bottom:0;box-shadow:0 1px 2px #333;border-radius:2px}.cube-v p:nth-child(1){position:absolute;transform-origin:0 100%;transform:translateY(-100%) rotateX(90deg)}.cube-v.run div{transform:rotateX(-90deg);transition:var(--delay)}.cube-h{width:var(--card-w, 50px);height:var(--card-h, 80px);position:relative;perspective:300px}.cube-h div{width:100%;height:100%;transform-style:preserve-3d;transform-origin:center center var(--transx)}.cube-h p{width:100%;height:100%;line-height:var(--card-h, 80px);text-align:center;font-size:var(--card-size, 40px);background-color:var(--bgColor, #333);border:solid 1px var(--borderColor, #999);color:#fff;margin-bottom:0;box-shadow:0 1px 2px #333;border-radius:2px}.cube-h p:nth-child(1){position:absolute;transform-origin:100% 0;transform:translate(-100%) rotateY(-90deg)}.cube-h.run div{transform:rotateY(90deg);transition:var(--delay)}.drift{height:var(--card-h, 80px);width:var(--card-w, 50px);font-size:var(--card-size, 40px);background-color:var(--bgColor, #333);line-height:var(--card-h, 80px);text-align:center;border:solid 1px var(--borderColor, #999);color:#fff;box-shadow:0 1px 2px #333;border-radius:2px;position:relative}.drift:before{content:attr(data-digit);position:absolute;top:0;left:0;line-height:var(--card-h, 80px);width:100%;text-align:center;overflow:hidden;height:100%;background-color:var(--bgColor, #333);transform-origin:center}.drift.run:before{transform:translate(var(--driftX),var(--driftY)) rotate(var(--driftRZ)) rotateX(var(--driftRX));opacity:0;transition:var(--delay);border:solid 2px var(--borderColor, #999)}
package/dist/time-runner.es.js CHANGED
@@ -1,15 +1,15 @@
1
- import { jsx as c, Fragment as et, jsxs as W } from "react/jsx-runtime";
2
- import { memo as ft, useState as ct, useRef as lt, useEffect as K } from "react";
3
- function ht(m) {
4
- return m && m.__esModule && Object.prototype.hasOwnProperty.call(m, "default") ? m.default : m;
1
+ import { jsx as o, Fragment as et, jsxs as W } from "react/jsx-runtime";
2
+ import { memo as ft, useState as ct, useRef as lt, useMemo as ht, useEffect as G } from "react";
3
+ function mt(M) {
4
+ return M && M.__esModule && Object.prototype.hasOwnProperty.call(M, "default") ? M.default : M;
5
5
  }
6
- var G = { exports: {} }, mt = G.exports, it;
7
- function $t() {
8
- return it || (it = 1, (function(m, d) {
9
- (function(l, v) {
10
- m.exports = v();
11
- })(mt, (function() {
12
- var l = 1e3, v = 6e4, Y = 36e5, k = "millisecond", g = "second", O = "minute", f = "hour", D = "day", x = "week", b = "month", Z = "quarter", $ = "year", S = "date", V = "Invalid Date", q = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, X = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, _ = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(s) {
6
+ var Q = { exports: {} }, $t = Q.exports, it;
7
+ function Mt() {
8
+ return it || (it = 1, (function(M, l) {
9
+ (function(d, f) {
10
+ M.exports = f();
11
+ })($t, (function() {
12
+ var d = 1e3, f = 6e4, Y = 36e5, S = "millisecond", _ = "second", y = "minute", O = "hour", H = "day", h = "week", m = "month", J = "quarter", p = "year", w = "date", R = "Invalid Date", q = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, K = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, x = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(s) {
13
13
  var r = ["th", "st", "nd", "rd"], t = s % 100;
14
14
  return "[" + s + (r[(t - 20) % 10] || r[t] || r[0]) + "]";
15
15
  } }, A = function(s, r, t) {
@@ -20,40 +20,40 @@ function $t() {
20
20
  return (r <= 0 ? "+" : "-") + A(n, 2, "0") + ":" + A(e, 2, "0");
21
21
  }, m: function s(r, t) {
22
22
  if (r.date() < t.date()) return -s(t, r);
23
- var n = 12 * (t.year() - r.year()) + (t.month() - r.month()), e = r.clone().add(n, b), i = t - e < 0, a = r.clone().add(n + (i ? -1 : 1), b);
23
+ var n = 12 * (t.year() - r.year()) + (t.month() - r.month()), e = r.clone().add(n, m), i = t - e < 0, a = r.clone().add(n + (i ? -1 : 1), m);
24
24
  return +(-(n + (t - e) / (i ? e - a : a - e)) || 0);
25
25
  }, a: function(s) {
26
26
  return s < 0 ? Math.ceil(s) || 0 : Math.floor(s);
27
27
  }, p: function(s) {
28
- return { M: b, y: $, w: x, d: D, D: S, h: f, m: O, s: g, ms: k, Q: Z }[s] || String(s || "").toLowerCase().replace(/s$/, "");
28
+ return { M: m, y: p, w: h, d: H, D: w, h: O, m: y, s: _, ms: S, Q: J }[s] || String(s || "").toLowerCase().replace(/s$/, "");
29
29
  }, u: function(s) {
30
30
  return s === void 0;
31
- } }, j = "en", H = {};
32
- H[j] = _;
31
+ } }, j = "en", k = {};
32
+ k[j] = x;
33
33
  var nt = "$isDayjsObject", tt = function(s) {
34
- return s instanceof B || !(!s || !s[nt]);
34
+ return s instanceof X || !(!s || !s[nt]);
35
35
  }, P = function s(r, t, n) {
36
36
  var e;
37
37
  if (!r) return j;
38
38
  if (typeof r == "string") {
39
39
  var i = r.toLowerCase();
40
- H[i] && (e = i), t && (H[i] = t, e = i);
40
+ k[i] && (e = i), t && (k[i] = t, e = i);
41
41
  var a = r.split("-");
42
42
  if (!e && a.length > 1) return s(a[0]);
43
43
  } else {
44
- var o = r.name;
45
- H[o] = r, e = o;
44
+ var c = r.name;
45
+ k[c] = r, e = c;
46
46
  }
47
47
  return !n && e && (j = e), e || !n && j;
48
- }, p = function(s, r) {
48
+ }, D = function(s, r) {
49
49
  if (tt(s)) return s.clone();
50
50
  var t = typeof r == "object" ? r : {};
51
- return t.date = s, t.args = arguments, new B(t);
51
+ return t.date = s, t.args = arguments, new X(t);
52
52
  }, u = z;
53
53
  u.l = P, u.i = tt, u.w = function(s, r) {
54
- return p(s, { locale: r.$L, utc: r.$u, x: r.$x, $offset: r.$offset });
54
+ return D(s, { locale: r.$L, utc: r.$u, x: r.$x, $offset: r.$offset });
55
55
  };
56
- var B = (function() {
56
+ var X = (function() {
57
57
  function s(t) {
58
58
  this.$L = P(t.locale, null, !0), this.parse(t), this.$x = this.$x || t.x || {}, this[nt] = !0;
59
59
  }
@@ -67,8 +67,8 @@ function $t() {
67
67
  if (typeof e == "string" && !/Z$/i.test(e)) {
68
68
  var a = e.match(q);
69
69
  if (a) {
70
- var o = a[2] - 1 || 0, h = (a[7] || "0").substring(0, 3);
71
- return i ? new Date(Date.UTC(a[1], o, a[3] || 1, a[4] || 0, a[5] || 0, a[6] || 0, h)) : new Date(a[1], o, a[3] || 1, a[4] || 0, a[5] || 0, a[6] || 0, h);
70
+ var c = a[2] - 1 || 0, $ = (a[7] || "0").substring(0, 3);
71
+ return i ? new Date(Date.UTC(a[1], c, a[3] || 1, a[4] || 0, a[5] || 0, a[6] || 0, $)) : new Date(a[1], c, a[3] || 1, a[4] || 0, a[5] || 0, a[6] || 0, $);
72
72
  }
73
73
  }
74
74
  return new Date(e);
@@ -79,14 +79,14 @@ function $t() {
79
79
  }, r.$utils = function() {
80
80
  return u;
81
81
  }, r.isValid = function() {
82
- return this.$d.toString() !== V;
82
+ return this.$d.toString() !== R;
83
83
  }, r.isSame = function(t, n) {
84
- var e = p(t);
84
+ var e = D(t);
85
85
  return this.startOf(n) <= e && e <= this.endOf(n);
86
86
  }, r.isAfter = function(t, n) {
87
- return p(t) < this.startOf(n);
87
+ return D(t) < this.startOf(n);
88
88
  }, r.isBefore = function(t, n) {
89
- return this.endOf(n) < p(t);
89
+ return this.endOf(n) < D(t);
90
90
  }, r.$g = function(t, n, e) {
91
91
  return u.u(t) ? this[n] : this.set(e, t);
92
92
  }, r.unix = function() {
@@ -94,40 +94,40 @@ function $t() {
94
94
  }, r.valueOf = function() {
95
95
  return this.$d.getTime();
96
96
  }, r.startOf = function(t, n) {
97
- var e = this, i = !!u.u(n) || n, a = u.p(t), o = function(N, w) {
98
- var C = u.w(e.$u ? Date.UTC(e.$y, w, N) : new Date(e.$y, w, N), e);
99
- return i ? C : C.endOf(D);
100
- }, h = function(N, w) {
101
- return u.w(e.toDate()[N].apply(e.toDate("s"), (i ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(w)), e);
102
- }, M = this.$W, y = this.$M, T = this.$D, F = "set" + (this.$u ? "UTC" : "");
97
+ var e = this, i = !!u.u(n) || n, a = u.p(t), c = function(N, b) {
98
+ var C = u.w(e.$u ? Date.UTC(e.$y, b, N) : new Date(e.$y, b, N), e);
99
+ return i ? C : C.endOf(H);
100
+ }, $ = function(N, b) {
101
+ return u.w(e.toDate()[N].apply(e.toDate("s"), (i ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(b)), e);
102
+ }, v = this.$W, g = this.$M, T = this.$D, F = "set" + (this.$u ? "UTC" : "");
103
103
  switch (a) {
104
- case $:
105
- return i ? o(1, 0) : o(31, 11);
106
- case b:
107
- return i ? o(1, y) : o(0, y + 1);
108
- case x:
109
- var L = this.$locale().weekStart || 0, R = (M < L ? M + 7 : M) - L;
110
- return o(i ? T - R : T + (6 - R), y);
111
- case D:
112
- case S:
113
- return h(F + "Hours", 0);
114
- case f:
115
- return h(F + "Minutes", 1);
104
+ case p:
105
+ return i ? c(1, 0) : c(31, 11);
106
+ case m:
107
+ return i ? c(1, g) : c(0, g + 1);
108
+ case h:
109
+ var L = this.$locale().weekStart || 0, V = (v < L ? v + 7 : v) - L;
110
+ return c(i ? T - V : T + (6 - V), g);
111
+ case H:
112
+ case w:
113
+ return $(F + "Hours", 0);
116
114
  case O:
117
- return h(F + "Seconds", 2);
118
- case g:
119
- return h(F + "Milliseconds", 3);
115
+ return $(F + "Minutes", 1);
116
+ case y:
117
+ return $(F + "Seconds", 2);
118
+ case _:
119
+ return $(F + "Milliseconds", 3);
120
120
  default:
121
121
  return this.clone();
122
122
  }
123
123
  }, r.endOf = function(t) {
124
124
  return this.startOf(t, !1);
125
125
  }, r.$set = function(t, n) {
126
- var e, i = u.p(t), a = "set" + (this.$u ? "UTC" : ""), o = (e = {}, e[D] = a + "Date", e[S] = a + "Date", e[b] = a + "Month", e[$] = a + "FullYear", e[f] = a + "Hours", e[O] = a + "Minutes", e[g] = a + "Seconds", e[k] = a + "Milliseconds", e)[i], h = i === D ? this.$D + (n - this.$W) : n;
127
- if (i === b || i === $) {
128
- var M = this.clone().set(S, 1);
129
- M.$d[o](h), M.init(), this.$d = M.set(S, Math.min(this.$D, M.daysInMonth())).$d;
130
- } else o && this.$d[o](h);
126
+ var e, i = u.p(t), a = "set" + (this.$u ? "UTC" : ""), c = (e = {}, e[H] = a + "Date", e[w] = a + "Date", e[m] = a + "Month", e[p] = a + "FullYear", e[O] = a + "Hours", e[y] = a + "Minutes", e[_] = a + "Seconds", e[S] = a + "Milliseconds", e)[i], $ = i === H ? this.$D + (n - this.$W) : n;
127
+ if (i === m || i === p) {
128
+ var v = this.clone().set(w, 1);
129
+ v.$d[c]($), v.init(), this.$d = v.set(w, Math.min(this.$D, v.daysInMonth())).$d;
130
+ } else c && this.$d[c]($);
131
131
  return this.init(), this;
132
132
  }, r.set = function(t, n) {
133
133
  return this.clone().$set(t, n);
@@ -136,30 +136,30 @@ function $t() {
136
136
  }, r.add = function(t, n) {
137
137
  var e, i = this;
138
138
  t = Number(t);
139
- var a = u.p(n), o = function(y) {
140
- var T = p(i);
141
- return u.w(T.date(T.date() + Math.round(y * t)), i);
139
+ var a = u.p(n), c = function(g) {
140
+ var T = D(i);
141
+ return u.w(T.date(T.date() + Math.round(g * t)), i);
142
142
  };
143
- if (a === b) return this.set(b, this.$M + t);
144
- if (a === $) return this.set($, this.$y + t);
145
- if (a === D) return o(1);
146
- if (a === x) return o(7);
147
- var h = (e = {}, e[O] = v, e[f] = Y, e[g] = l, e)[a] || 1, M = this.$d.getTime() + t * h;
148
- return u.w(M, this);
143
+ if (a === m) return this.set(m, this.$M + t);
144
+ if (a === p) return this.set(p, this.$y + t);
145
+ if (a === H) return c(1);
146
+ if (a === h) return c(7);
147
+ var $ = (e = {}, e[y] = f, e[O] = Y, e[_] = d, e)[a] || 1, v = this.$d.getTime() + t * $;
148
+ return u.w(v, this);
149
149
  }, r.subtract = function(t, n) {
150
150
  return this.add(-1 * t, n);
151
151
  }, r.format = function(t) {
152
152
  var n = this, e = this.$locale();
153
- if (!this.isValid()) return e.invalidDate || V;
154
- var i = t || "YYYY-MM-DDTHH:mm:ssZ", a = u.z(this), o = this.$H, h = this.$m, M = this.$M, y = e.weekdays, T = e.months, F = e.meridiem, L = function(w, C, U, Q) {
155
- return w && (w[C] || w(n, i)) || U[C].slice(0, Q);
156
- }, R = function(w) {
157
- return u.s(o % 12 || 12, w, "0");
158
- }, N = F || function(w, C, U) {
159
- var Q = w < 12 ? "AM" : "PM";
160
- return U ? Q.toLowerCase() : Q;
153
+ if (!this.isValid()) return e.invalidDate || R;
154
+ var i = t || "YYYY-MM-DDTHH:mm:ssZ", a = u.z(this), c = this.$H, $ = this.$m, v = this.$M, g = e.weekdays, T = e.months, F = e.meridiem, L = function(b, C, U, B) {
155
+ return b && (b[C] || b(n, i)) || U[C].slice(0, B);
156
+ }, V = function(b) {
157
+ return u.s(c % 12 || 12, b, "0");
158
+ }, N = F || function(b, C, U) {
159
+ var B = b < 12 ? "AM" : "PM";
160
+ return U ? B.toLowerCase() : B;
161
161
  };
162
- return i.replace(X, (function(w, C) {
162
+ return i.replace(K, (function(b, C) {
163
163
  return C || (function(U) {
164
164
  switch (U) {
165
165
  case "YY":
@@ -167,13 +167,13 @@ function $t() {
167
167
  case "YYYY":
168
168
  return u.s(n.$y, 4, "0");
169
169
  case "M":
170
- return M + 1;
170
+ return v + 1;
171
171
  case "MM":
172
- return u.s(M + 1, 2, "0");
172
+ return u.s(v + 1, 2, "0");
173
173
  case "MMM":
174
- return L(e.monthsShort, M, T, 3);
174
+ return L(e.monthsShort, v, T, 3);
175
175
  case "MMMM":
176
- return L(T, M);
176
+ return L(T, v);
177
177
  case "D":
178
178
  return n.$D;
179
179
  case "DD":
@@ -181,27 +181,27 @@ function $t() {
181
181
  case "d":
182
182
  return String(n.$W);
183
183
  case "dd":
184
- return L(e.weekdaysMin, n.$W, y, 2);
184
+ return L(e.weekdaysMin, n.$W, g, 2);
185
185
  case "ddd":
186
- return L(e.weekdaysShort, n.$W, y, 3);
186
+ return L(e.weekdaysShort, n.$W, g, 3);
187
187
  case "dddd":
188
- return y[n.$W];
188
+ return g[n.$W];
189
189
  case "H":
190
- return String(o);
190
+ return String(c);
191
191
  case "HH":
192
- return u.s(o, 2, "0");
192
+ return u.s(c, 2, "0");
193
193
  case "h":
194
- return R(1);
194
+ return V(1);
195
195
  case "hh":
196
- return R(2);
196
+ return V(2);
197
197
  case "a":
198
- return N(o, h, !0);
198
+ return N(c, $, !0);
199
199
  case "A":
200
- return N(o, h, !1);
200
+ return N(c, $, !1);
201
201
  case "m":
202
- return String(h);
202
+ return String($);
203
203
  case "mm":
204
- return u.s(h, 2, "0");
204
+ return u.s($, 2, "0");
205
205
  case "s":
206
206
  return String(n.$s);
207
207
  case "ss":
@@ -212,47 +212,47 @@ function $t() {
212
212
  return a;
213
213
  }
214
214
  return null;
215
- })(w) || a.replace(":", "");
215
+ })(b) || a.replace(":", "");
216
216
  }));
217
217
  }, r.utcOffset = function() {
218
218
  return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
219
219
  }, r.diff = function(t, n, e) {
220
- var i, a = this, o = u.p(n), h = p(t), M = (h.utcOffset() - this.utcOffset()) * v, y = this - h, T = function() {
221
- return u.m(a, h);
220
+ var i, a = this, c = u.p(n), $ = D(t), v = ($.utcOffset() - this.utcOffset()) * f, g = this - $, T = function() {
221
+ return u.m(a, $);
222
222
  };
223
- switch (o) {
224
- case $:
223
+ switch (c) {
224
+ case p:
225
225
  i = T() / 12;
226
226
  break;
227
- case b:
227
+ case m:
228
228
  i = T();
229
229
  break;
230
- case Z:
230
+ case J:
231
231
  i = T() / 3;
232
232
  break;
233
- case x:
234
- i = (y - M) / 6048e5;
233
+ case h:
234
+ i = (g - v) / 6048e5;
235
235
  break;
236
- case D:
237
- i = (y - M) / 864e5;
238
- break;
239
- case f:
240
- i = y / Y;
236
+ case H:
237
+ i = (g - v) / 864e5;
241
238
  break;
242
239
  case O:
243
- i = y / v;
240
+ i = g / Y;
241
+ break;
242
+ case y:
243
+ i = g / f;
244
244
  break;
245
- case g:
246
- i = y / l;
245
+ case _:
246
+ i = g / d;
247
247
  break;
248
248
  default:
249
- i = y;
249
+ i = g;
250
250
  }
251
251
  return e ? i : u.a(i);
252
252
  }, r.daysInMonth = function() {
253
- return this.endOf(b).$D;
253
+ return this.endOf(m).$D;
254
254
  }, r.$locale = function() {
255
- return H[this.$L];
255
+ return k[this.$L];
256
256
  }, r.locale = function(t, n) {
257
257
  if (!t) return this.$L;
258
258
  var e = this.clone(), i = P(t, n, !0);
@@ -268,126 +268,133 @@ function $t() {
268
268
  }, r.toString = function() {
269
269
  return this.$d.toUTCString();
270
270
  }, s;
271
- })(), st = B.prototype;
272
- return p.prototype = st, [["$ms", k], ["$s", g], ["$m", O], ["$H", f], ["$W", D], ["$M", b], ["$y", $], ["$D", S]].forEach((function(s) {
271
+ })(), st = X.prototype;
272
+ return D.prototype = st, [["$ms", S], ["$s", _], ["$m", y], ["$H", O], ["$W", H], ["$M", m], ["$y", p], ["$D", w]].forEach((function(s) {
273
273
  st[s[1]] = function(r) {
274
274
  return this.$g(r, s[0], s[1]);
275
275
  };
276
- })), p.extend = function(s, r) {
277
- return s.$i || (s(r, B, p), s.$i = !0), p;
278
- }, p.locale = P, p.isDayjs = tt, p.unix = function(s) {
279
- return p(1e3 * s);
280
- }, p.en = H[j], p.Ls = H, p.p = {}, p;
276
+ })), D.extend = function(s, r) {
277
+ return s.$i || (s(r, X, D), s.$i = !0), D;
278
+ }, D.locale = P, D.isDayjs = tt, D.unix = function(s) {
279
+ return D(1e3 * s);
280
+ }, D.en = k[j], D.Ls = k, D.p = {}, D;
281
281
  }));
282
- })(G)), G.exports;
282
+ })(Q)), Q.exports;
283
283
  }
284
- var pt = $t();
285
- const J = /* @__PURE__ */ ht(pt), E = 60, Mt = [
284
+ var pt = Mt();
285
+ const E = /* @__PURE__ */ mt(pt), Z = 60, Dt = [
286
286
  "YYYY-MM-DD",
287
287
  "YYYY/MM/DD",
288
288
  "YYYY-MM-DD HH:mm",
289
289
  "YYYY/MM/DD HH:mm",
290
290
  "YYYY-MM-DD HH:mm:ss",
291
291
  "YYYY/MM/DD HH:mm:ss"
292
- ], at = (m) => {
293
- if (!rt(m))
292
+ ], at = (M) => {
293
+ if (!rt(M))
294
294
  return "00:00:00";
295
- const d = J(m).diff(J());
296
- if (d <= 0)
295
+ const l = E(M).diff(E());
296
+ if (l <= 0)
297
297
  return "00:00:00";
298
- const l = Math.floor(d / 1e3), v = Math.floor(l / 86400), Y = Math.floor(l % 86400 / 3600), k = Math.floor(l % 3600 / 60), g = l % 60;
299
- return `${v ? `${v}:` : ""}${`${Y}`.padStart(2, "0")}:${`${k}`.padStart(2, "0")}:${`${g}`.padStart(2, "0")}`;
300
- }, ut = (m) => {
301
- const d = (l) => `${l}`.padStart(2, "0");
302
- return `${d(Math.floor(m / E / E))}:${d(Math.floor(m / E) % E)}:${d(m % E)}`;
303
- }, rt = (m) => Mt.some((d) => J(m, d, !0).isValid()), ot = "HH:mm:ss", dt = 900, gt = (m) => {
304
- const { mode: d, showType: l = "default", size: v = 40, className: Y, bgColor: k, borderColor: g, finishCountFn: O } = m, [f, D] = ct(
305
- l === "count" ? ut(0) : l === "default" ? J().format(ot) : at(l)
306
- ), x = lt({
298
+ const d = Math.floor(l / 1e3), f = Math.floor(d / 86400), Y = Math.floor(d % 86400 / 3600), S = Math.floor(d % 3600 / 60), _ = d % 60;
299
+ return `${f ? `${f}:` : ""}${`${Y}`.padStart(2, "0")}:${`${S}`.padStart(2, "0")}:${`${_}`.padStart(2, "0")}`;
300
+ }, ut = (M) => {
301
+ const l = (d) => `${d}`.padStart(2, "0");
302
+ return `${l(Math.floor(M / Z / Z))}:${l(Math.floor(M / Z) % Z)}:${l(M % Z)}`;
303
+ }, rt = (M) => Dt.some((l) => E(M, l, !0).isValid()), ot = "HH:mm:ss", dt = 900, St = (M) => {
304
+ const { mode: l, showType: d = "default", size: f = 40, className: Y, bgColor: S, borderColor: _, finishCountFn: y } = M, [O, H] = ct(
305
+ d === "count" ? ut(0) : d === "default" ? E().format(ot) : at(d)
306
+ ), h = lt({
307
307
  t: null
308
- }), b = {
309
- "--card-size": `${v}px`,
310
- "--card-w": `${v * 1.25}px`,
311
- "--card-h": `${v * 2}px`,
308
+ }), m = {
309
+ "--card-size": `${f}px`,
310
+ "--card-w": `${f * 1.25}px`,
311
+ "--card-h": `${f * 2}px`,
312
312
  // 下面两个必须是一个确定的数字，不能是表达式
313
- "--transx": `${-v * 1.25 / 2}px`,
314
- "--transy": `${-v}px`,
313
+ "--transx": `${-f * 1.25 / 2}px`,
314
+ "--transy": `${-f}px`,
315
315
  "--delay": `${dt / 1e3}s`,
316
- "--bgColor": k,
317
- "--borderColor": g
316
+ "--bgColor": S,
317
+ "--borderColor": _
318
318
  };
319
- K(() => {
320
- let $ = Date.now();
321
- x.current.t && (clearInterval(x.current.t), x.current.t = null, $ = Date.now()), x.current.t = setInterval(() => {
322
- let S = () => "";
323
- l === "count" ? S = () => ut(Math.floor((Date.now() - $) / 1e3)) : l === "default" ? S = () => J().format(ot) : S = () => at(l), D(S());
319
+ G(() => {
320
+ let p = Date.now();
321
+ h.current.t && (clearInterval(h.current.t), h.current.t = null, p = Date.now()), h.current.t = setInterval(() => {
322
+ let w = () => "";
323
+ d === "count" ? w = () => ut(Math.floor((Date.now() - p) / 1e3)) : d === "default" ? w = () => E().format(ot) : w = () => at(d), H(w());
324
324
  }, 1e3);
325
- }, [l]), K(() => {
326
- rt(l) && f === "00:00:00" && O && setTimeout(() => {
327
- O();
325
+ }, [d]), G(() => {
326
+ rt(d) && O === "00:00:00" && y && setTimeout(() => {
327
+ y();
328
328
  }, 1e3);
329
- }, [f, l, O]);
330
- const Z = () => {
331
- if (!f)
329
+ }, [O, d, y]);
330
+ const J = () => {
331
+ if (!O)
332
332
  return null;
333
- const $ = f.split(":"), S = $[$.length - 3].split(""), V = $[$.length - 2].split(""), q = $[$.length - 1].split(""), X = $.length === 4 ? $[0].split("") : [], _ = rt(l), A = X.map((j, H) => /* @__PURE__ */ c(I, { mode: d, time: +j, limit: _ ? -9 : 9 }, H)), z = /* @__PURE__ */ c("span", { children: ":" });
333
+ const p = O.split(":"), w = p[p.length - 3].split(""), R = p[p.length - 2].split(""), q = p[p.length - 1].split(""), K = p.length === 4 ? p[0].split("") : [], x = rt(d), A = K.map((j, k) => /* @__PURE__ */ o(I, { mode: l, time: +j, limit: x ? -9 : 9, size: f }, k)), z = /* @__PURE__ */ o("span", { children: ":" });
334
334
  return /* @__PURE__ */ W(et, { children: [
335
335
  A.length ? /* @__PURE__ */ W(et, { children: [
336
336
  A,
337
- _ ? /* @__PURE__ */ c("p", { children: "天" }) : z
337
+ x ? /* @__PURE__ */ o("p", { children: "天" }) : z
338
338
  ] }) : null,
339
- /* @__PURE__ */ c(I, { mode: d, time: +S[0], limit: _ ? -2 : 2 }),
340
- /* @__PURE__ */ c(I, { mode: d, time: +S[1], limit: _ ? -9 : 9 }),
341
- _ ? /* @__PURE__ */ c("p", { children: "小时" }) : z,
342
- /* @__PURE__ */ c(I, { mode: d, time: +V[0], limit: _ ? -5 : 5 }),
343
- /* @__PURE__ */ c(I, { mode: d, time: +V[1], limit: _ ? -9 : 9 }),
344
- _ ? /* @__PURE__ */ c("p", { children: "分" }) : z,
345
- /* @__PURE__ */ c(I, { mode: d, time: +q[0], limit: _ ? -5 : 5 }),
346
- /* @__PURE__ */ c(I, { mode: d, time: +q[1], limit: _ ? -9 : 9 }),
347
- _ && /* @__PURE__ */ c("p", { children: "秒" })
339
+ /* @__PURE__ */ o(I, { mode: l, time: +w[0], limit: x ? -2 : 2, size: f }),
340
+ /* @__PURE__ */ o(I, { mode: l, time: +w[1], limit: x ? -9 : 9, size: f }),
341
+ x ? /* @__PURE__ */ o("p", { children: "小时" }) : z,
342
+ /* @__PURE__ */ o(I, { mode: l, time: +R[0], limit: x ? -5 : 5, size: f }),
343
+ /* @__PURE__ */ o(I, { mode: l, time: +R[1], limit: x ? -9 : 9, size: f }),
344
+ x ? /* @__PURE__ */ o("p", { children: "分" }) : z,
345
+ /* @__PURE__ */ o(I, { mode: l, time: +q[0], limit: x ? -5 : 5, size: f }),
346
+ /* @__PURE__ */ o(I, { mode: l, time: +q[1], limit: x ? -9 : 9, size: f }),
347
+ x && /* @__PURE__ */ o("p", { children: "秒" })
348
348
  ] });
349
349
  };
350
- return /* @__PURE__ */ c("div", { className: `time-runner ${Y || ""}`, style: b, children: Z() });
351
- }, Dt = (m) => {
352
- const { time: d, limit: l, mode: v } = m, [Y, k] = ct(!1), g = lt({
353
- t: d
354
- });
355
- return K(() => {
356
- d !== g.current.t && k(!0);
357
- }, [d]), K(() => {
358
- Y && setTimeout(() => {
359
- g.current.t = d, k(!1);
350
+ return /* @__PURE__ */ o("div", { className: `time-runner ${Y || ""}`, style: m, children: J() });
351
+ }, vt = (M) => {
352
+ const { time: l, limit: d, mode: f, size: Y } = M, [S, _] = ct(!1), y = lt({
353
+ t: l
354
+ }), O = ht(() => l !== y.current.t ? {
355
+ "--driftX": `${Math.floor(Math.random() * (-Y - Y + 1)) + Y}px`,
356
+ "--driftY": `${Math.floor(Math.random() * (-Y * 2 - Y * 2 + 1)) + Y * 2}px`,
357
+ "--driftRZ": `${Math.floor(Math.random() * 151) + 50}deg`,
358
+ "--driftRX": `${Math.floor(Math.random() * 151) + 50}deg`
359
+ } : null, [l, Y]);
360
+ return G(() => {
361
+ l !== y.current.t && _(!0);
362
+ }, [l]), G(() => {
363
+ S && setTimeout(() => {
364
+ y.current.t = l, _(!1);
360
365
  }, dt);
361
- }, [Y, d]), /* @__PURE__ */ c(et, { children: (() => {
362
- const { t: f } = g.current;
363
- let D = f;
364
- switch (l > 0 ? D = f >= l ? 0 : f + 1 : D = f <= 0 ? Math.abs(l) : f - 1, v) {
366
+ }, [S, l]), /* @__PURE__ */ o(et, { children: (() => {
367
+ const { t: h } = y.current;
368
+ let m = h;
369
+ switch (d > 0 ? m = h >= d ? 0 : h + 1 : m = h <= 0 ? Math.abs(d) : h - 1, f) {
365
370
  case "card":
366
371
  return /* @__PURE__ */ W("div", { className: "clock-card", children: [
367
- /* @__PURE__ */ W("div", { className: `clock-b ${Y ? "run" : ""}`, children: [
368
- /* @__PURE__ */ c("p", { children: D }),
369
- /* @__PURE__ */ c("p", { children: D })
372
+ /* @__PURE__ */ W("div", { className: `clock-b ${S ? "run" : ""}`, children: [
373
+ /* @__PURE__ */ o("p", { children: m }),
374
+ /* @__PURE__ */ o("p", { children: m })
370
375
  ] }),
371
- /* @__PURE__ */ W("div", { className: `clock-f ${Y ? "run" : ""}`, children: [
372
- /* @__PURE__ */ c("p", { children: f }),
373
- /* @__PURE__ */ c("p", { children: f })
376
+ /* @__PURE__ */ W("div", { className: `clock-f ${S ? "run" : ""}`, children: [
377
+ /* @__PURE__ */ o("p", { children: h }),
378
+ /* @__PURE__ */ o("p", { children: h })
374
379
  ] })
375
380
  ] });
376
381
  case "cube-v":
377
- return /* @__PURE__ */ c("div", { className: `clock-cube-3d-v ${Y ? "run" : ""}`, children: /* @__PURE__ */ W("div", { children: [
378
- /* @__PURE__ */ c("p", { children: D }),
379
- /* @__PURE__ */ c("p", { children: f })
382
+ return /* @__PURE__ */ o("div", { className: `cube-v ${S ? "run" : ""}`, children: /* @__PURE__ */ W("div", { children: [
383
+ /* @__PURE__ */ o("p", { children: m }),
384
+ /* @__PURE__ */ o("p", { children: h })
380
385
  ] }) });
381
386
  case "cube-h":
382
- return /* @__PURE__ */ c("div", { className: `clock-cube-3d-h ${Y ? "run" : ""}`, children: /* @__PURE__ */ W("div", { children: [
383
- /* @__PURE__ */ c("p", { children: D }),
384
- /* @__PURE__ */ c("p", { children: f })
387
+ return /* @__PURE__ */ o("div", { className: `cube-h ${S ? "run" : ""}`, children: /* @__PURE__ */ W("div", { children: [
388
+ /* @__PURE__ */ o("p", { children: m }),
389
+ /* @__PURE__ */ o("p", { children: h })
385
390
  ] }) });
391
+ case "drift":
392
+ return /* @__PURE__ */ o("div", { className: `drift ${S ? "run" : ""}`, "data-digit": h, style: O, children: m });
386
393
  default:
387
- return /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: f }) });
394
+ return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("p", { children: h }) });
388
395
  }
389
396
  })() });
390
- }, I = ft(Dt);
397
+ }, I = ft(vt);
391
398
  export {
392
- gt as TimeRunner
399
+ St as TimeRunner
393
400
  };
package/dist/time-runner.umd.js CHANGED
@@ -1 +1 @@
1
- (function(j,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],o):(j=typeof globalThis<"u"?globalThis:j||self,o(j["time-runner"]={},j.jsxRuntime,j.React))})(this,(function(j,o,H){"use strict";function ut($){return $&&$.__esModule&&Object.prototype.hasOwnProperty.call($,"default")?$.default:$}var P={exports:{}},ft=P.exports,rt;function lt(){return rt||(rt=1,(function($,l){(function(f,v){$.exports=v()})(ft,(function(){var f=1e3,v=6e4,Y=36e5,x="millisecond",g="second",b="minute",d="hour",D="day",k="week",O="month",B="quarter",m="year",S="date",z="Invalid Date",Q=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,tt=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,T={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(s){var r=["th","st","nd","rd"],t=s%100;return"["+s+(r[(t-20)%10]||r[t]||r[0])+"]"}},A=function(s,r,t){var n=String(s);return!n||n.length>=r?s:""+Array(r+1-n.length).join(t)+s},U={s:A,z:function(s){var r=-s.utcOffset(),t=Math.abs(r),n=Math.floor(t/60),e=t%60;return(r<=0?"+":"-")+A(n,2,"0")+":"+A(e,2,"0")},m:function s(r,t){if(r.date()<t.date())return-s(t,r);var n=12*(t.year()-r.year())+(t.month()-r.month()),e=r.clone().add(n,O),i=t-e<0,a=r.clone().add(n+(i?-1:1),O);return+(-(n+(t-e)/(i?e-a:a-e))||0)},a:function(s){return s<0?Math.ceil(s)||0:Math.floor(s)},p:function(s){return{M:O,y:m,w:k,d:D,D:S,h:d,m:b,s:g,ms:x,Q:B}[s]||String(s||"").toLowerCase().replace(/s$/,"")},u:function(s){return s===void 0}},F="en",C={};C[F]=T;var ot="$isDayjsObject",et=function(s){return s instanceof K||!(!s||!s[ot])},G=function s(r,t,n){var e;if(!r)return F;if(typeof r=="string"){var i=r.toLowerCase();C[i]&&(e=i),t&&(C[i]=t,e=i);var a=r.split("-");if(!e&&a.length>1)return s(a[0])}else{var u=r.name;C[u]=r,e=u}return!n&&e&&(F=e),e||!n&&F},p=function(s,r){if(et(s))return s.clone();var t=typeof r=="object"?r:{};return t.date=s,t.args=arguments,new K(t)},c=U;c.l=G,c.i=et,c.w=function(s,r){return p(s,{locale:r.$L,utc:r.$u,x:r.$x,$offset:r.$offset})};var K=(function(){function s(t){this.$L=G(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[ot]=!0}var r=s.prototype;return r.parse=function(t){this.$d=(function(n){var e=n.date,i=n.utc;if(e===null)return new Date(NaN);if(c.u(e))return new Date;if(e instanceof Date)return new Date(e);if(typeof e=="string"&&!/Z$/i.test(e)){var a=e.match(Q);if(a){var u=a[2]-1||0,h=(a[7]||"0").substring(0,3);return i?new Date(Date.UTC(a[1],u,a[3]||1,a[4]||0,a[5]||0,a[6]||0,h)):new Date(a[1],u,a[3]||1,a[4]||0,a[5]||0,a[6]||0,h)}}return new Date(e)})(t),this.init()},r.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},r.$utils=function(){return c},r.isValid=function(){return this.$d.toString()!==z},r.isSame=function(t,n){var e=p(t);return this.startOf(n)<=e&&e<=this.endOf(n)},r.isAfter=function(t,n){return p(t)<this.startOf(n)},r.isBefore=function(t,n){return this.endOf(n)<p(t)},r.$g=function(t,n,e){return c.u(t)?this[n]:this.set(e,t)},r.unix=function(){return Math.floor(this.valueOf()/1e3)},r.valueOf=function(){return this.$d.getTime()},r.startOf=function(t,n){var e=this,i=!!c.u(n)||n,a=c.p(t),u=function(W,w){var L=c.w(e.$u?Date.UTC(e.$y,w,W):new Date(e.$y,w,W),e);return i?L:L.endOf(D)},h=function(W,w){return c.w(e.toDate()[W].apply(e.toDate("s"),(i?[0,0,0,0]:[23,59,59,999]).slice(w)),e)},M=this.$W,y=this.$M,_=this.$D,E="set"+(this.$u?"UTC":"");switch(a){case m:return i?u(1,0):u(31,11);case O:return i?u(1,y):u(0,y+1);case k:var I=this.$locale().weekStart||0,J=(M<I?M+7:M)-I;return u(i?_-J:_+(6-J),y);case D:case S:return h(E+"Hours",0);case d:return h(E+"Minutes",1);case b:return h(E+"Seconds",2);case g:return h(E+"Milliseconds",3);default:return this.clone()}},r.endOf=function(t){return this.startOf(t,!1)},r.$set=function(t,n){var e,i=c.p(t),a="set"+(this.$u?"UTC":""),u=(e={},e[D]=a+"Date",e[S]=a+"Date",e[O]=a+"Month",e[m]=a+"FullYear",e[d]=a+"Hours",e[b]=a+"Minutes",e[g]=a+"Seconds",e[x]=a+"Milliseconds",e)[i],h=i===D?this.$D+(n-this.$W):n;if(i===O||i===m){var M=this.clone().set(S,1);M.$d[u](h),M.init(),this.$d=M.set(S,Math.min(this.$D,M.daysInMonth())).$d}else u&&this.$d[u](h);return this.init(),this},r.set=function(t,n){return this.clone().$set(t,n)},r.get=function(t){return this[c.p(t)]()},r.add=function(t,n){var e,i=this;t=Number(t);var a=c.p(n),u=function(y){var _=p(i);return c.w(_.date(_.date()+Math.round(y*t)),i)};if(a===O)return this.set(O,this.$M+t);if(a===m)return this.set(m,this.$y+t);if(a===D)return u(1);if(a===k)return u(7);var h=(e={},e[b]=v,e[d]=Y,e[g]=f,e)[a]||1,M=this.$d.getTime()+t*h;return c.w(M,this)},r.subtract=function(t,n){return this.add(-1*t,n)},r.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||z;var i=t||"YYYY-MM-DDTHH:mm:ssZ",a=c.z(this),u=this.$H,h=this.$m,M=this.$M,y=e.weekdays,_=e.months,E=e.meridiem,I=function(w,L,Z,X){return w&&(w[L]||w(n,i))||Z[L].slice(0,X)},J=function(w){return c.s(u%12||12,w,"0")},W=E||function(w,L,Z){var X=w<12?"AM":"PM";return Z?X.toLowerCase():X};return i.replace(tt,(function(w,L){return L||(function(Z){switch(Z){case"YY":return String(n.$y).slice(-2);case"YYYY":return c.s(n.$y,4,"0");case"M":return M+1;case"MM":return c.s(M+1,2,"0");case"MMM":return I(e.monthsShort,M,_,3);case"MMMM":return I(_,M);case"D":return n.$D;case"DD":return c.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return I(e.weekdaysMin,n.$W,y,2);case"ddd":return I(e.weekdaysShort,n.$W,y,3);case"dddd":return y[n.$W];case"H":return String(u);case"HH":return c.s(u,2,"0");case"h":return J(1);case"hh":return J(2);case"a":return W(u,h,!0);case"A":return W(u,h,!1);case"m":return String(h);case"mm":return c.s(h,2,"0");case"s":return String(n.$s);case"ss":return c.s(n.$s,2,"0");case"SSS":return c.s(n.$ms,3,"0");case"Z":return a}return null})(w)||a.replace(":","")}))},r.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},r.diff=function(t,n,e){var i,a=this,u=c.p(n),h=p(t),M=(h.utcOffset()-this.utcOffset())*v,y=this-h,_=function(){return c.m(a,h)};switch(u){case m:i=_()/12;break;case O:i=_();break;case B:i=_()/3;break;case k:i=(y-M)/6048e5;break;case D:i=(y-M)/864e5;break;case d:i=y/Y;break;case b:i=y/v;break;case g:i=y/f;break;default:i=y}return e?i:c.a(i)},r.daysInMonth=function(){return this.endOf(O).$D},r.$locale=function(){return C[this.$L]},r.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),i=G(t,n,!0);return i&&(e.$L=i),e},r.clone=function(){return c.w(this.$d,this)},r.toDate=function(){return new Date(this.valueOf())},r.toJSON=function(){return this.isValid()?this.toISOString():null},r.toISOString=function(){return this.$d.toISOString()},r.toString=function(){return this.$d.toUTCString()},s})(),ct=K.prototype;return p.prototype=ct,[["$ms",x],["$s",g],["$m",b],["$H",d],["$W",D],["$M",O],["$y",m],["$D",S]].forEach((function(s){ct[s[1]]=function(r){return this.$g(r,s[0],s[1])}})),p.extend=function(s,r){return s.$i||(s(r,K,p),s.$i=!0),p},p.locale=G,p.isDayjs=et,p.unix=function(s){return p(1e3*s)},p.en=C[F],p.Ls=C,p.p={},p}))})(P)),P.exports}var dt=lt();const V=ut(dt),q=60,ht=["YYYY-MM-DD","YYYY/MM/DD","YYYY-MM-DD HH:mm","YYYY/MM/DD HH:mm","YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss"],nt=$=>{if(!R($))return"00:00:00";const l=V($).diff(V());if(l<=0)return"00:00:00";const f=Math.floor(l/1e3),v=Math.floor(f/86400),Y=Math.floor(f%86400/3600),x=Math.floor(f%3600/60),g=f%60;return`${v?`${v}:`:""}${`${Y}`.padStart(2,"0")}:${`${x}`.padStart(2,"0")}:${`${g}`.padStart(2,"0")}`},st=$=>{const l=f=>`${f}`.padStart(2,"0");return`${l(Math.floor($/q/q))}:${l(Math.floor($/q)%q)}:${l($%q)}`},R=$=>ht.some(l=>V($,l,!0).isValid()),it="HH:mm:ss",at=900,$t=$=>{const{mode:l,showType:f="default",size:v=40,className:Y,bgColor:x,borderColor:g,finishCountFn:b}=$,[d,D]=H.useState(f==="count"?st(0):f==="default"?V().format(it):nt(f)),k=H.useRef({t:null}),O={"--card-size":`${v}px`,"--card-w":`${v*1.25}px`,"--card-h":`${v*2}px`,"--transx":`${-v*1.25/2}px`,"--transy":`${-v}px`,"--delay":`${at/1e3}s`,"--bgColor":x,"--borderColor":g};H.useEffect(()=>{let m=Date.now();k.current.t&&(clearInterval(k.current.t),k.current.t=null,m=Date.now()),k.current.t=setInterval(()=>{let S=()=>"";f==="count"?S=()=>st(Math.floor((Date.now()-m)/1e3)):f==="default"?S=()=>V().format(it):S=()=>nt(f),D(S())},1e3)},[f]),H.useEffect(()=>{R(f)&&d==="00:00:00"&&b&&setTimeout(()=>{b()},1e3)},[d,f,b]);const B=()=>{if(!d)return null;const m=d.split(":"),S=m[m.length-3].split(""),z=m[m.length-2].split(""),Q=m[m.length-1].split(""),tt=m.length===4?m[0].split(""):[],T=R(f),A=tt.map((F,C)=>o.jsx(N,{mode:l,time:+F,limit:T?-9:9},C)),U=o.jsx("span",{children:":"});return o.jsxs(o.Fragment,{children:[A.length?o.jsxs(o.Fragment,{children:[A,T?o.jsx("p",{children:"天"}):U]}):null,o.jsx(N,{mode:l,time:+S[0],limit:T?-2:2}),o.jsx(N,{mode:l,time:+S[1],limit:T?-9:9}),T?o.jsx("p",{children:"小时"}):U,o.jsx(N,{mode:l,time:+z[0],limit:T?-5:5}),o.jsx(N,{mode:l,time:+z[1],limit:T?-9:9}),T?o.jsx("p",{children:"分"}):U,o.jsx(N,{mode:l,time:+Q[0],limit:T?-5:5}),o.jsx(N,{mode:l,time:+Q[1],limit:T?-9:9}),T&&o.jsx("p",{children:"秒"})]})};return o.jsx("div",{className:`time-runner ${Y||""}`,style:O,children:B()})},mt=$=>{const{time:l,limit:f,mode:v}=$,[Y,x]=H.useState(!1),g=H.useRef({t:l});H.useEffect(()=>{l!==g.current.t&&x(!0)},[l]),H.useEffect(()=>{Y&&setTimeout(()=>{g.current.t=l,x(!1)},at)},[Y,l]);const b=()=>{const{t:d}=g.current;let D=d;switch(f>0?D=d>=f?0:d+1:D=d<=0?Math.abs(f):d-1,v){case"card":return o.jsxs("div",{className:"clock-card",children:[o.jsxs("div",{className:`clock-b ${Y?"run":""}`,children:[o.jsx("p",{children:D}),o.jsx("p",{children:D})]}),o.jsxs("div",{className:`clock-f ${Y?"run":""}`,children:[o.jsx("p",{children:d}),o.jsx("p",{children:d})]})]});case"cube-v":return o.jsx("div",{className:`clock-cube-3d-v ${Y?"run":""}`,children:o.jsxs("div",{children:[o.jsx("p",{children:D}),o.jsx("p",{children:d})]})});case"cube-h":return o.jsx("div",{className:`clock-cube-3d-h ${Y?"run":""}`,children:o.jsxs("div",{children:[o.jsx("p",{children:D}),o.jsx("p",{children:d})]})});default:return o.jsx("div",{children:o.jsx("p",{children:d})})}};return o.jsx(o.Fragment,{children:b()})},N=H.memo(mt);j.TimeRunner=$t,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(j,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],i):(j=typeof globalThis<"u"?globalThis:j||self,i(j["time-runner"]={},j.jsxRuntime,j.React))})(this,(function(j,i,k){"use strict";function ct(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var P={exports:{}},ft=P.exports,rt;function dt(){return rt||(rt=1,(function(p,f){(function(d,l){p.exports=l()})(ft,(function(){var d=1e3,l=6e4,Y=36e5,S="millisecond",O="second",v="minute",T="hour",x="day",h="week",$="month",X="quarter",M="year",w="date",q="Invalid Date",B=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,tt=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,_={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(s){var r=["th","st","nd","rd"],t=s%100;return"["+s+(r[(t-20)%10]||r[t]||r[0])+"]"}},A=function(s,r,t){var n=String(s);return!n||n.length>=r?s:""+Array(r+1-n.length).join(t)+s},U={s:A,z:function(s){var r=-s.utcOffset(),t=Math.abs(r),n=Math.floor(t/60),e=t%60;return(r<=0?"+":"-")+A(n,2,"0")+":"+A(e,2,"0")},m:function s(r,t){if(r.date()<t.date())return-s(t,r);var n=12*(t.year()-r.year())+(t.month()-r.month()),e=r.clone().add(n,$),a=t-e<0,o=r.clone().add(n+(a?-1:1),$);return+(-(n+(t-e)/(a?e-o:o-e))||0)},a:function(s){return s<0?Math.ceil(s)||0:Math.floor(s)},p:function(s){return{M:$,y:M,w:h,d:x,D:w,h:T,m:v,s:O,ms:S,Q:X}[s]||String(s||"").toLowerCase().replace(/s$/,"")},u:function(s){return s===void 0}},F="en",C={};C[F]=_;var ot="$isDayjsObject",et=function(s){return s instanceof G||!(!s||!s[ot])},Q=function s(r,t,n){var e;if(!r)return F;if(typeof r=="string"){var a=r.toLowerCase();C[a]&&(e=a),t&&(C[a]=t,e=a);var o=r.split("-");if(!e&&o.length>1)return s(o[0])}else{var c=r.name;C[c]=r,e=c}return!n&&e&&(F=e),e||!n&&F},y=function(s,r){if(et(s))return s.clone();var t=typeof r=="object"?r:{};return t.date=s,t.args=arguments,new G(t)},u=U;u.l=Q,u.i=et,u.w=function(s,r){return y(s,{locale:r.$L,utc:r.$u,x:r.$x,$offset:r.$offset})};var G=(function(){function s(t){this.$L=Q(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[ot]=!0}var r=s.prototype;return r.parse=function(t){this.$d=(function(n){var e=n.date,a=n.utc;if(e===null)return new Date(NaN);if(u.u(e))return new Date;if(e instanceof Date)return new Date(e);if(typeof e=="string"&&!/Z$/i.test(e)){var o=e.match(B);if(o){var c=o[2]-1||0,m=(o[7]||"0").substring(0,3);return a?new Date(Date.UTC(o[1],c,o[3]||1,o[4]||0,o[5]||0,o[6]||0,m)):new Date(o[1],c,o[3]||1,o[4]||0,o[5]||0,o[6]||0,m)}}return new Date(e)})(t),this.init()},r.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},r.$utils=function(){return u},r.isValid=function(){return this.$d.toString()!==q},r.isSame=function(t,n){var e=y(t);return this.startOf(n)<=e&&e<=this.endOf(n)},r.isAfter=function(t,n){return y(t)<this.startOf(n)},r.isBefore=function(t,n){return this.endOf(n)<y(t)},r.$g=function(t,n,e){return u.u(t)?this[n]:this.set(e,t)},r.unix=function(){return Math.floor(this.valueOf()/1e3)},r.valueOf=function(){return this.$d.getTime()},r.startOf=function(t,n){var e=this,a=!!u.u(n)||n,o=u.p(t),c=function(W,b){var L=u.w(e.$u?Date.UTC(e.$y,b,W):new Date(e.$y,b,W),e);return a?L:L.endOf(x)},m=function(W,b){return u.w(e.toDate()[W].apply(e.toDate("s"),(a?[0,0,0,0]:[23,59,59,999]).slice(b)),e)},D=this.$W,g=this.$M,H=this.$D,E="set"+(this.$u?"UTC":"");switch(o){case M:return a?c(1,0):c(31,11);case $:return a?c(1,g):c(0,g+1);case h:var I=this.$locale().weekStart||0,Z=(D<I?D+7:D)-I;return c(a?H-Z:H+(6-Z),g);case x:case w:return m(E+"Hours",0);case T:return m(E+"Minutes",1);case v:return m(E+"Seconds",2);case O:return m(E+"Milliseconds",3);default:return this.clone()}},r.endOf=function(t){return this.startOf(t,!1)},r.$set=function(t,n){var e,a=u.p(t),o="set"+(this.$u?"UTC":""),c=(e={},e[x]=o+"Date",e[w]=o+"Date",e[$]=o+"Month",e[M]=o+"FullYear",e[T]=o+"Hours",e[v]=o+"Minutes",e[O]=o+"Seconds",e[S]=o+"Milliseconds",e)[a],m=a===x?this.$D+(n-this.$W):n;if(a===$||a===M){var D=this.clone().set(w,1);D.$d[c](m),D.init(),this.$d=D.set(w,Math.min(this.$D,D.daysInMonth())).$d}else c&&this.$d[c](m);return this.init(),this},r.set=function(t,n){return this.clone().$set(t,n)},r.get=function(t){return this[u.p(t)]()},r.add=function(t,n){var e,a=this;t=Number(t);var o=u.p(n),c=function(g){var H=y(a);return u.w(H.date(H.date()+Math.round(g*t)),a)};if(o===$)return this.set($,this.$M+t);if(o===M)return this.set(M,this.$y+t);if(o===x)return c(1);if(o===h)return c(7);var m=(e={},e[v]=l,e[T]=Y,e[O]=d,e)[o]||1,D=this.$d.getTime()+t*m;return u.w(D,this)},r.subtract=function(t,n){return this.add(-1*t,n)},r.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||q;var a=t||"YYYY-MM-DDTHH:mm:ssZ",o=u.z(this),c=this.$H,m=this.$m,D=this.$M,g=e.weekdays,H=e.months,E=e.meridiem,I=function(b,L,J,K){return b&&(b[L]||b(n,a))||J[L].slice(0,K)},Z=function(b){return u.s(c%12||12,b,"0")},W=E||function(b,L,J){var K=b<12?"AM":"PM";return J?K.toLowerCase():K};return a.replace(tt,(function(b,L){return L||(function(J){switch(J){case"YY":return String(n.$y).slice(-2);case"YYYY":return u.s(n.$y,4,"0");case"M":return D+1;case"MM":return u.s(D+1,2,"0");case"MMM":return I(e.monthsShort,D,H,3);case"MMMM":return I(H,D);case"D":return n.$D;case"DD":return u.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return I(e.weekdaysMin,n.$W,g,2);case"ddd":return I(e.weekdaysShort,n.$W,g,3);case"dddd":return g[n.$W];case"H":return String(c);case"HH":return u.s(c,2,"0");case"h":return Z(1);case"hh":return Z(2);case"a":return W(c,m,!0);case"A":return W(c,m,!1);case"m":return String(m);case"mm":return u.s(m,2,"0");case"s":return String(n.$s);case"ss":return u.s(n.$s,2,"0");case"SSS":return u.s(n.$ms,3,"0");case"Z":return o}return null})(b)||o.replace(":","")}))},r.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},r.diff=function(t,n,e){var a,o=this,c=u.p(n),m=y(t),D=(m.utcOffset()-this.utcOffset())*l,g=this-m,H=function(){return u.m(o,m)};switch(c){case M:a=H()/12;break;case $:a=H();break;case X:a=H()/3;break;case h:a=(g-D)/6048e5;break;case x:a=(g-D)/864e5;break;case T:a=g/Y;break;case v:a=g/l;break;case O:a=g/d;break;default:a=g}return e?a:u.a(a)},r.daysInMonth=function(){return this.endOf($).$D},r.$locale=function(){return C[this.$L]},r.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),a=Q(t,n,!0);return a&&(e.$L=a),e},r.clone=function(){return u.w(this.$d,this)},r.toDate=function(){return new Date(this.valueOf())},r.toJSON=function(){return this.isValid()?this.toISOString():null},r.toISOString=function(){return this.$d.toISOString()},r.toString=function(){return this.$d.toUTCString()},s})(),ut=G.prototype;return y.prototype=ut,[["$ms",S],["$s",O],["$m",v],["$H",T],["$W",x],["$M",$],["$y",M],["$D",w]].forEach((function(s){ut[s[1]]=function(r){return this.$g(r,s[0],s[1])}})),y.extend=function(s,r){return s.$i||(s(r,G,y),s.$i=!0),y},y.locale=Q,y.isDayjs=et,y.unix=function(s){return y(1e3*s)},y.en=C[F],y.Ls=C,y.p={},y}))})(P)),P.exports}var lt=dt();const z=ct(lt),V=60,ht=["YYYY-MM-DD","YYYY/MM/DD","YYYY-MM-DD HH:mm","YYYY/MM/DD HH:mm","YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss"],nt=p=>{if(!R(p))return"00:00:00";const f=z(p).diff(z());if(f<=0)return"00:00:00";const d=Math.floor(f/1e3),l=Math.floor(d/86400),Y=Math.floor(d%86400/3600),S=Math.floor(d%3600/60),O=d%60;return`${l?`${l}:`:""}${`${Y}`.padStart(2,"0")}:${`${S}`.padStart(2,"0")}:${`${O}`.padStart(2,"0")}`},st=p=>{const f=d=>`${d}`.padStart(2,"0");return`${f(Math.floor(p/V/V))}:${f(Math.floor(p/V)%V)}:${f(p%V)}`},R=p=>ht.some(f=>z(p,f,!0).isValid()),it="HH:mm:ss",at=900,$t=p=>{const{mode:f,showType:d="default",size:l=40,className:Y,bgColor:S,borderColor:O,finishCountFn:v}=p,[T,x]=k.useState(d==="count"?st(0):d==="default"?z().format(it):nt(d)),h=k.useRef({t:null}),$={"--card-size":`${l}px`,"--card-w":`${l*1.25}px`,"--card-h":`${l*2}px`,"--transx":`${-l*1.25/2}px`,"--transy":`${-l}px`,"--delay":`${at/1e3}s`,"--bgColor":S,"--borderColor":O};k.useEffect(()=>{let M=Date.now();h.current.t&&(clearInterval(h.current.t),h.current.t=null,M=Date.now()),h.current.t=setInterval(()=>{let w=()=>"";d==="count"?w=()=>st(Math.floor((Date.now()-M)/1e3)):d==="default"?w=()=>z().format(it):w=()=>nt(d),x(w())},1e3)},[d]),k.useEffect(()=>{R(d)&&T==="00:00:00"&&v&&setTimeout(()=>{v()},1e3)},[T,d,v]);const X=()=>{if(!T)return null;const M=T.split(":"),w=M[M.length-3].split(""),q=M[M.length-2].split(""),B=M[M.length-1].split(""),tt=M.length===4?M[0].split(""):[],_=R(d),A=tt.map((F,C)=>i.jsx(N,{mode:f,time:+F,limit:_?-9:9,size:l},C)),U=i.jsx("span",{children:":"});return i.jsxs(i.Fragment,{children:[A.length?i.jsxs(i.Fragment,{children:[A,_?i.jsx("p",{children:"天"}):U]}):null,i.jsx(N,{mode:f,time:+w[0],limit:_?-2:2,size:l}),i.jsx(N,{mode:f,time:+w[1],limit:_?-9:9,size:l}),_?i.jsx("p",{children:"小时"}):U,i.jsx(N,{mode:f,time:+q[0],limit:_?-5:5,size:l}),i.jsx(N,{mode:f,time:+q[1],limit:_?-9:9,size:l}),_?i.jsx("p",{children:"分"}):U,i.jsx(N,{mode:f,time:+B[0],limit:_?-5:5,size:l}),i.jsx(N,{mode:f,time:+B[1],limit:_?-9:9,size:l}),_&&i.jsx("p",{children:"秒"})]})};return i.jsx("div",{className:`time-runner ${Y||""}`,style:$,children:X()})},mt=p=>{const{time:f,limit:d,mode:l,size:Y}=p,[S,O]=k.useState(!1),v=k.useRef({t:f}),T=k.useMemo(()=>f!==v.current.t?{"--driftX":`${Math.floor(Math.random()*(-Y-Y+1))+Y}px`,"--driftY":`${Math.floor(Math.random()*(-Y*2-Y*2+1))+Y*2}px`,"--driftRZ":`${Math.floor(Math.random()*151)+50}deg`,"--driftRX":`${Math.floor(Math.random()*151)+50}deg`}:null,[f,Y]);k.useEffect(()=>{f!==v.current.t&&O(!0)},[f]),k.useEffect(()=>{S&&setTimeout(()=>{v.current.t=f,O(!1)},at)},[S,f]);const x=()=>{const{t:h}=v.current;let $=h;switch(d>0?$=h>=d?0:h+1:$=h<=0?Math.abs(d):h-1,l){case"card":return i.jsxs("div",{className:"clock-card",children:[i.jsxs("div",{className:`clock-b ${S?"run":""}`,children:[i.jsx("p",{children:$}),i.jsx("p",{children:$})]}),i.jsxs("div",{className:`clock-f ${S?"run":""}`,children:[i.jsx("p",{children:h}),i.jsx("p",{children:h})]})]});case"cube-v":return i.jsx("div",{className:`cube-v ${S?"run":""}`,children:i.jsxs("div",{children:[i.jsx("p",{children:$}),i.jsx("p",{children:h})]})});case"cube-h":return i.jsx("div",{className:`cube-h ${S?"run":""}`,children:i.jsxs("div",{children:[i.jsx("p",{children:$}),i.jsx("p",{children:h})]})});case"drift":return i.jsx("div",{className:`drift ${S?"run":""}`,"data-digit":h,style:T,children:$});default:return i.jsx("div",{children:i.jsx("p",{children:h})})}};return i.jsx(i.Fragment,{children:x()})},N=k.memo(mt);j.TimeRunner=$t,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "time-runner",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Displaying timer, current time, and countdown with light animation effects(React component)",
5
5
  "keywords": ["react", "countdown", "timer", "hook", "card", "less", "animation", "vite"],
6
6
  "main": "./dist/time-runner.umd.js",
@@ -9,6 +9,10 @@
9
9
  "type": "module",
10
10
  "author": "feiqi",
11
11
  "license": "MIT",
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "https://github.com/feiqi80/time-runner"
15
+ },
12
16
  "scripts": {
13
17
  "build": "vite build",
14
18
  "dev": "vite --port 3001"