@unicom-cloud/ui 0.8.107 → 0.8.108

package/components/common/utils/dayjs.js

@@ -1,21 +1,21 @@
-import i, { isDayjs as w } from "dayjs";
-import j from "dayjs/plugin/advancedFormat";
-import F from "dayjs/plugin/customParseFormat";
-import Y from "dayjs/plugin/isBetween";
+import i, { isDayjs as p } from "dayjs";
+import v from "dayjs/plugin/advancedFormat";
+import j from "dayjs/plugin/customParseFormat";
+import M from "dayjs/plugin/isBetween";
 import k from "dayjs/plugin/quarterOfYear";
 import A from "dayjs/plugin/timezone";
-import M from "dayjs/plugin/utc";
+import H from "dayjs/plugin/utc";
 import S from "dayjs/plugin/weekOfYear";
 import $ from "dayjs/plugin/weekYear";
-import d from "lodash/isArray";
-import m from "lodash/isUndefined";
-i.extend(F);
-i.extend(Y);
-i.extend(S);
+import "./is.js";
+import { isArray as d, isUndefined as m } from "@unicom-cloud/utils/is";
 i.extend(j);
+i.extend(M);
+i.extend(S);
+i.extend(v);
 i.extend($);
 i.extend(k);
-i.extend(M);
+i.extend(H);
 i.extend(A);
 const s = i, y = {
   add(t, e, n) {
@@ -43,9 +43,9 @@ const s = i, y = {
   hour: 3,
   minute: 4,
   second: 5
-}, D = {}, H = (t, e) => {
+}, x = {}, P = (t, e) => {
   const n = `${t}|short`;
-  let r = D[n];
+  let r = x[n];
   return r || (r = new Intl.DateTimeFormat("en-US", {
     hour12: !1,
     timeZone: t,
@@ -55,15 +55,15 @@ const s = i, y = {
     hour: "2-digit",
     minute: "2-digit",
     second: "2-digit"
-  }), D[n] = r), r;
-}, P = (t, e) => {
+  }), x[n] = r), r;
+}, b = (t, e) => {
   const n = new Date(t);
-  return H(e).formatToParts(n);
+  return P(e).formatToParts(n);
 }, g = (t, e) => {
-  const n = P(t, e), r = [];
+  const n = b(t, e), r = [];
   for (let c = 0; c < n.length; c += 1) {
-    const { type: l, value: v } = n[c], x = C[l];
-    x >= 0 && (r[x] = parseInt(v, 10));
+    const { type: O, value: F } = n[c], T = C[O];
+    T >= 0 && (r[T] = parseInt(F, 10));
   }
   const o = r[3], f = o === 24 ? 0 : o, u = Date.UTC(
     r[0],
@@ -75,9 +75,9 @@ const s = i, y = {
     0
   );
   let a = +t;
-  const O = a % 1e3;
-  return a -= O, (u - a) / (60 * 1e3);
-}, b = (t, e, n) => {
+  const l = a % 1e3;
+  return a -= l, (u - a) / (60 * 1e3);
+}, U = (t, e, n) => {
   let r = t - e * 60 * 1e3;
   const o = g(r, n);
   if (e === o)
@@ -86,29 +86,29 @@ const s = i, y = {
   const f = g(r, n);
   return o === f ? [r, o] : [t - Math.min(o, f) * 60 * 1e3, Math.max(o, f)];
 };
-function T(t, e) {
+function Y(t, e) {
   const n = g(t, e);
-  return b(t, n, e)[1];
+  return U(t, n, e)[1];
 }
-function E(t, e) {
-  return m(t) && !e ? s() : h(s(), t, e);
+function K(t, e) {
+  return m(t) && !e ? s() : D(s(), t, e);
 }
-function h(t, e, n, r) {
+function D(t, e, n, r) {
   if (!t || m(e) && !n)
     return t;
-  const o = -t.toDate().getTimezoneOffset(), f = m(e) ? n ? T(t.valueOf(), n) : o : e, u = Math.abs(f) <= 16 ? f * 60 : f, a = r ? o - u : u - o, O = n ? T(s(t).valueOf() + a * 60 * 1e3, n) : f, c = a - (f - O), l = r || !m(e) ? a : c;
-  return s(s(t).valueOf() + l * 60 * 1e3);
+  const o = -t.toDate().getTimezoneOffset(), f = m(e) ? n ? Y(t.valueOf(), n) : o : e, u = Math.abs(f) <= 16 ? f * 60 : f, a = r ? o - u : u - o, l = n ? Y(s(t).valueOf() + a * 60 * 1e3, n) : f, c = a - (f - l), O = r || !m(e) ? a : c;
+  return s(s(t).valueOf() + O * 60 * 1e3);
 }
-function J(t, e, n) {
-  return h(t, e, n, !0);
+function X(t, e, n) {
+  return D(t, e, n, !0);
 }
-function K(t) {
+function _(t) {
   const e = ["H", "h", "m", "s", "A", "a"];
   let n = "";
   return e.some((r) => t.indexOf(r) !== -1 ? (n = `${r}${t.split(` ${r}`)[1]}`, !0) : !1), n || "HH:mm:ss";
 }
-function U(t, e) {
-  if (w(t))
+function I(t, e = "YYYY-MM-DD HH:mm:ss") {
+  if (p(t))
     return s(t.valueOf());
   if (typeof t == "string") {
     const n = s(t, e);
@@ -116,19 +116,30 @@ function U(t, e) {
   }
   return s(t);
 }
-function p(t, e, n, r) {
-  let o = U(t, e);
-  return (n !== void 0 || r) && (o = h(o, n, r)), o;
+function w(t, e, n, r) {
+  let o = I(t, e);
+  return (n !== void 0 || r) && (o = D(o, n, r)), o;
 }
-function X(t, e, n, r) {
-  if (!t) return;
-  const o = d(e) ? e : [e];
-  return d(t) ? t.map((f, u, a) => {
-    if (f)
-      return p(f, o[u], n, r);
-  }) : p(t, o[0], n, r);
+function z(t, e, n, r) {
+  if (t)
+    return d(t) ? t.map((o, f, u) => {
+      if (o)
+        return w(
+          o,
+          h(e, f),
+          n,
+          r
+        );
+    }) : w(t, h(e, 0), n, r);
 }
-function z(t, e) {
+function h(t = [], e = 0) {
+  const n = d(t) ? t : [t];
+  let r = n[e];
+  for (; !r && n.length > 0 && e > 0; )
+    r = n[--e];
+  return r;
+}
+function V(t, e) {
   const n = t.year(), r = t.month(), o = t.date();
   if (e) {
     let f = e;
@@ -136,33 +147,35 @@ function z(t, e) {
   }
   return t;
 }
-function V(t) {
+function tt(t) {
   if (!d(t) || !(t[0] && t[1]) || !(t[0].valueOf() > t[1].valueOf())) return t;
   const e = [...t];
   return e.sort((n, r) => n.valueOf() - r.valueOf()), e;
 }
-function tt(t, e) {
+function et(t, e) {
   return e === void 0 && t === void 0 ? !1 : e && !t || !e && t || s(e).valueOf() !== s(t).valueOf();
 }
-function et(t, e) {
-  return e === void 0 && t === void 0 ? !1 : e && !t || !e && t || d(e) && d(t) && s(e[0]).valueOf() !== s(t[0]).valueOf() || s(e[1]).valueOf() !== s(t[1]).valueOf();
+function nt(t, e) {
+  return e === void 0 && t === void 0 ? !1 : e && !t || !e && t || d(e) && d(t) && s(e[0]).valueOf() !== s(t[0]).valueOf() || s(e?.[1]).valueOf() !== s(t?.[1]).valueOf();
 }
-function nt(t, e, n) {
-  return typeof t == "string" && s(t, e).format(d(e) ? e[n] : e) === t;
+function rt(t, e, n) {
+  return typeof t == "string" && s(t, e).format(h(e, n ?? 0)) === t;
 }
 export {
   s as dayjs,
   s as default,
-  X as getDayjsValue,
-  E as getNow,
-  V as getSortedDayjsArray,
-  K as getTimeFormat,
-  z as getValueWithTime,
-  et as isDayjsArrayChange,
-  tt as isDayjsChange,
-  nt as isValidTimeString,
+  I as formatValue,
+  z as getDayjsValue,
+  K as getNow,
+  w as getRealTime,
+  tt as getSortedDayjsArray,
+  _ as getTimeFormat,
+  V as getValueWithTime,
+  nt as isDayjsArrayChange,
+  et as isDayjsChange,
+  rt as isValidTimeString,
   y as methods,
-  T as timezoneToOffset,
-  J as toLocal,
-  h as toTimezone
+  Y as timezoneToOffset,
+  X as toLocal,
+  D as toTimezone
 };

package/components/common/utils/toArray.js

@@ -1,9 +1,11 @@
-import o from "react";
-import { isFragment as a } from "react-is";
-function t(s, p = {}) {
+import s from "react";
+import { isFragment as f } from "react-is";
+import "./is.js";
+import { isArray as m } from "@unicom-cloud/utils/is";
+function t(o, p = {}) {
   const e = [];
-  return o.Children.forEach(s, (r) => {
-    r == null && !p.keepEmpty || (Array.isArray(r) ? e.push(...t(r, p)) : a(r) && "props" in r && r.props ? e.push(...t(r.props.children, p)) : e.push(r));
+  return s.Children.forEach(o, (r) => {
+    r == null && !p.keepEmpty || (m(r) ? e.push(...t(r, p)) : f(r) && "props" in r && r.props ? e.push(...t(r.props.children, p)) : e.push(r));
   }), e;
 }
 export {

package/constant/index.js

@@ -0,0 +1,4 @@
+const o = 24;
+export {
+  o as COLS
+};

package/copy/index.js

@@ -44,7 +44,7 @@ import "../dist/react-transition-group/src/SwitchTransition.js";
 import "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
 import "../components/common/utils/reactDOM.js";
-import "uuid";
+import "../utils/responsiveObserve.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -54,6 +54,7 @@ import "lodash/isPlainObject";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isFunction as v } from "@unicom-cloud/utils/is";
+import "uuid";
 import "../dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import F from "../config-provider/context.js";

package/countdown/index.js

@@ -0,0 +1,113 @@
+import { jsxs as _, jsx as m } from "react/jsx-runtime";
+import a from "dayjs";
+import { forwardRef as A, useContext as E, useRef as H, useState as M, useEffect as x } from "react";
+import "../config-provider/ConfigProvider.js";
+import "lodash/isEqualWith";
+import "../components/common/utils/is.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import O from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import { PREFIX_CLASS_STATISTIC as b } from "../statistic/interface.js";
+import l from "@unicom-cloud/utils/class-name";
+import { getDayjsValue as k, getNow as L } from "../components/common/utils/dayjs.js";
+import { getDateString as X } from "./util.js";
+import q from "../config-provider/context.js";
+import { isFunction as y } from "@unicom-cloud/utils/is";
+function z(N, S) {
+  const { getPrefixCls: f, componentConfig: $, rtl: u } = E(q), h = O(
+    N,
+    {
+      noStyle: !1,
+      start: !0
+    },
+    $?.Countdown
+  ), {
+    style: D,
+    className: P,
+    title: c,
+    styleValue: T,
+    value: j,
+    format: p = "HH:mm:ss",
+    start: d = !0,
+    noStyle: F,
+    loop: I,
+    renderFormat: C,
+    onFinish: v
+  } = h, t = !F && f?.(b), e = f?.("countdown"), o = H(null), [w, R] = M(r()());
+  function r() {
+    const i = a().valueOf() + a(j).valueOf(), s = k(i, p) || a();
+    return () => s.diff(L());
+  }
+  function n() {
+    o.current === null || (window.clearInterval(o.current), o.current = null);
+  }
+  function V() {
+    let i = r();
+    o.current = window.setInterval(() => {
+      const s = i();
+      s <= 0 && (I ? i = r() : n(), y(v) && v()), R(s);
+    }, 1e3 / 30);
+  }
+  const g = X(Math.max(w, 0), p);
+  return x(() => (d && o.current === null && r()() > 0 ? V() : n(), () => {
+    n();
+  }), [d]), x(() => () => {
+    n();
+  }, []), /* @__PURE__ */ _(
+    "div",
+    {
+      ref: S,
+      style: D,
+      className: l(
+        !!t && t,
+        { [`${t}-rtl`]: !!t && u },
+        e,
+        { [`${e}-rtl`]: u },
+        P
+      ),
+      children: [
+        c && /* @__PURE__ */ m(
+          "div",
+          {
+            className: l(
+              !!t && `${t}-title`,
+              `${e}-title`
+            ),
+            children: c
+          }
+        ),
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: l(
+              !!t && `${t}-content`,
+              `${e}-content`
+            ),
+            children: /* @__PURE__ */ m(
+              "div",
+              {
+                style: T,
+                className: l(
+                  !!t && `${t}-value`,
+                  `${e}-value`
+                ),
+                children: y(C) ? C(w, g) : g
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const B = A(z);
+B.displayName = "Countdown";
+export {
+  B as default
+};

package/countdown/interface.js

@@ -0,0 +1 @@
+

package/countdown/util.js

@@ -0,0 +1,29 @@
+import { padStart as a } from "../components/common/utils/pad.js";
+const p = [
+  ["Y", 1e3 * 60 * 60 * 24 * 365],
+  // 年
+  ["M", 1e3 * 60 * 60 * 24 * 30],
+  // 月
+  ["D", 1e3 * 60 * 60 * 24],
+  // 日
+  ["H", 1e3 * 60 * 60],
+  // 小时
+  ["m", 1e3 * 60],
+  // 分钟
+  ["s", 1e3],
+  // 秒
+  ["S", 1]
+  // 毫秒
+];
+function f(c, g) {
+  let t = c;
+  return p.reduce((e, [r, n]) => {
+    if (!e.includes(r))
+      return e;
+    const o = Math.floor(t / n);
+    return t -= o * n, e.replace(new RegExp(`${r}+`, "g"), (i) => a(o.toString(), i.length, "0"));
+  }, g);
+}
+export {
+  f as getDateString
+};

package/descriptions/index.js

@@ -18,7 +18,7 @@ function Y(u) {
     getPrefixCls: f,
     componentConfig: h,
     rtl: I,
-    size: d
+    size: v
   } = B(W), w = Q(
     u,
     X,
@@ -27,17 +27,17 @@ function Y(u) {
     style: D,
     className: L,
     column: p,
-    title: v,
+    title: g,
     data: b,
     border: O,
     labelStyle: $,
     valueStyle: y,
     colon: N,
     layout: m,
-    size: g,
+    size: S,
     tableLayout: j
-  } = w, n = f?.("descriptions"), [A, E] = G(), S = J(null);
-  K(() => (S.current = P.subscribe((s) => {
+  } = w, n = f?.("descriptions"), [A, E] = G(), d = J();
+  K(() => (d.current = P.subscribe((s) => {
     for (let t = 0; t < k.length; t++) {
       const e = k[t];
       if (s[e]) {
@@ -46,41 +46,41 @@ function Y(u) {
       }
     }
   }), () => {
-    P.unsubscribe(S.current);
+    d.current && P.unsubscribe(d.current);
   }), []);
-  let l = 3;
-  q(p) && (l = p[A] || 3), V(p) && p > 0 && (l = p);
+  let r = 3;
+  q(p) && (r = p[A] || 3), V(p) && p > 0 && (r = p);
   const i = [];
-  if (C(b) && b.length > 0 && l) {
+  if (C(b) && b.length > 0 && r) {
     b.forEach((e) => {
-      const o = i[i.length - 1], r = z(o);
-      r === 0 ? i.push([
+      const o = i[i.length - 1], l = z(o);
+      l === 0 ? i.push([
         {
           ...e,
-          span: e.span ? e.span > l ? l : e.span : 1
+          span: e.span ? e.span > r ? r : e.span : 1
         }
-      ]) : r === l ? i.push([
+      ]) : l === r ? i.push([
         {
           ...e,
-          span: e.span ? e.span > l ? l : e.span : 1
+          span: e.span ? e.span > r ? r : e.span : 1
         }
       ]) : o.push({
         ...e,
-        span: e.span ? e.span + r > l ? l - r : e.span : 1
+        span: e.span ? e.span + l > r ? r - l : e.span : 1
       });
     });
     const s = i[i.length - 1], t = z(s);
-    t < l && (s[s.length - 1].span = s[s.length - 1].span + l - t);
+    t < r && (s[s.length - 1].span = s[s.length - 1].span + r - t);
   }
   function F(s, t) {
     return /* @__PURE__ */ c(x, { children: [
       /* @__PURE__ */ a("tr", { className: `${n}-row`, children: s.map((e, o) => {
-        const r = e.span > 1 ? { colSpan: e.span } : {};
+        const l = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ c(
           "td",
           {
             className: `${n}-item-label`,
-            ...r,
+            ...l,
             style: $,
             children: [
               e.label,
@@ -91,12 +91,12 @@ function Y(u) {
         );
       }) }),
       /* @__PURE__ */ a("tr", { className: `${n}-row`, children: s.map((e, o) => {
-        const r = e.span > 1 ? { colSpan: e.span } : {};
+        const l = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ a(
           "td",
           {
             className: `${n}-item-value`,
-            ...r,
+            ...l,
             style: y,
             children: e.value
           },
@@ -107,7 +107,7 @@ function Y(u) {
   }
   function H(s, t) {
     return /* @__PURE__ */ a("tr", { className: `${n}-row`, children: s.map((e, o) => {
-      const r = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
+      const l = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
       return /* @__PURE__ */ c(x, { children: [
         /* @__PURE__ */ c("td", { className: `${n}-item-label`, style: $, children: [
           e.label,
@@ -117,7 +117,7 @@ function Y(u) {
           "td",
           {
             className: `${n}-item-value`,
-            ...r,
+            ...l,
             style: y,
             children: e.value
           }
@@ -127,11 +127,11 @@ function Y(u) {
   }
   function M(s, t) {
     return /* @__PURE__ */ a("tr", { className: `${n}-row`, children: s.map((e, o) => {
-      const r = e.span > 1 ? { colSpan: e.span } : {};
+      const l = e.span > 1 ? { colSpan: e.span } : {};
       return /* @__PURE__ */ c(
         "td",
         {
-          ...r,
+          ...l,
           className: `${n}-item`,
           children: [
             /* @__PURE__ */ c(
@@ -167,14 +167,14 @@ function Y(u) {
     {
       [`${n}-border`]: O,
       [`${n}-layout-${m}`]: m,
-      [`${n}-size-${g || d}`]: g || d,
+      [`${n}-size-${S || v}`]: S || v,
       [`${n}-table-layout-fixed`]: j === "fixed"
     },
     I ? `${n}-rtl` : `${n}-ltr`,
     L
   );
   return /* @__PURE__ */ c("div", { className: T, style: D, children: [
-    v && /* @__PURE__ */ a("div", { className: `${n}-title`, children: v }),
+    g && /* @__PURE__ */ a("div", { className: `${n}-title`, children: g }),
     /* @__PURE__ */ a("div", { className: `${n}-body`, children: /* @__PURE__ */ a("table", { className: `${n}-table`, cellPadding: 0, cellSpacing: 0, children: /* @__PURE__ */ a("tbody", { children: i.map((s, t) => R(s, t)) }) }) })
   ] });
 }

package/dropdown/Button.js

@@ -18,7 +18,7 @@ function z(f, l) {
   const { componentConfig: c } = R(N), i = k(
     f,
     v,
-    c?.["Dropdown.Button"]
+    c?.DropdownButton
   ), {
     className: a,
     style: g,

package/flex/index.js

@@ -1,5 +1,5 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as m, useContext as x } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as i, useContext as x } from "react";
 import d from "../components/common/flex/index.js";
 import "../config-provider/ConfigProvider.js";
 import "lodash/isEqualWith";
@@ -9,39 +9,40 @@ import "lodash/isNumber";
 import "lodash/merge";
 import "../components/common/utils/dom.js";
 import "../components/common/hooks/useIntersectionObserver.js";
-import C from "../components/common/hooks/useMergeProps.js";
+import u from "../components/common/hooks/useMergeProps.js";
 import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
 import "lodash/debounce";
-import F from "@unicom-cloud/utils/class-name";
-import u from "../config-provider/context.js";
+import C from "@unicom-cloud/utils/class-name";
+import F from "../config-provider/context.js";
 const N = {
   children: void 0
-}, r = m(
-  (o, t) => {
-    const { getPrefixCls: s, componentConfig: p, rtl: l } = x(u), n = C(
-      o,
-      N,
-      p?.Flex
-    ), { className: a, ...c } = n, f = s?.("flex");
-    return /* @__PURE__ */ e(
-      d,
-      {
-        ref: t,
-        className: F(f, a),
-        rtl: l,
-        ...c
-      }
-    );
-  }
-);
-r.displayName = "Flex";
-const i = m((o, t) => /* @__PURE__ */ e(r, { ref: t, direction: "column", ...o }));
-i.displayName = "FlexVertical";
-const B = Object.assign(r, {
-  Vertical: i
+}, m = i((o, t) => {
+  const { getPrefixCls: r, componentConfig: e, rtl: l } = x(F), n = u(
+    o,
+    N,
+    e?.Flex
+  ), { className: c, ...a } = n, f = r?.("flex");
+  return /* @__PURE__ */ s(
+    d,
+    {
+      ref: t,
+      className: C(f, c),
+      rtl: l,
+      ...a
+    }
+  );
+});
+m.displayName = "Flex";
+const p = i((o, t) => {
+  const { direction: r = "column", ...e } = o;
+  return /* @__PURE__ */ s(m, { ...e, ref: t, direction: r });
+});
+p.displayName = "FlexVertical";
+const B = Object.assign(m, {
+  Vertical: p
 });
 export {
-  i as FlexVertical,
+  p as FlexVertical,
   B as default
 };