@unicom-cloud/ui 0.8.107 → 0.8.108

package/utils/names.js

@@ -124,11 +124,6 @@ const e = {
     en: "Checkbox",
     id: "39637dcd-97e9-4257-b045-2e4bf5528908"
   },
-  Col: {
-    zh: "列布局",
-    en: "Col",
-    id: "2ba46e9e-519a-4145-9091-66b4da431a8a"
-  },
   Collapse: {
     zh: "折叠面板",
     en: "Collapse",
@@ -274,6 +269,16 @@ const e = {
     en: "Grid.Col",
     id: "1b5f30bf-12d2-47ed-bb0f-1fcd7f891282"
   },
+  Row: {
+    zh: "行",
+    en: "Row",
+    id: "5309c915-2a6a-426b-95e3-e1d21e01a832"
+  },
+  Col: {
+    zh: "列",
+    en: "Col",
+    id: "2ba46e9e-519a-4145-9091-66b4da431a8a"
+  },
   GridItem: {
     zh: "栅格.项",
     en: "Grid.Item",
@@ -504,11 +509,6 @@ const e = {
     en: "Result",
     id: "f64a32e2-29e9-435a-babd-37d8c57d413d"
   },
-  Row: {
-    zh: "行布局",
-    en: "Row",
-    id: "b5b2b3e2-6026-4314-9093-1df24932e39f"
-  },
   Select: {
     zh: "选择器",
     en: "Select",
@@ -549,6 +549,11 @@ const e = {
     en: "Statistic.Countdown",
     id: "fa53aadc-46f4-49d1-99a8-3e7ac97e918a"
   },
+  Countdown: {
+    zh: "倒计时",
+    en: "Countdown",
+    id: "a7a3c750-632e-447f-b889-f6509f9fbc85"
+  },
   Steps: {
     zh: "步骤条",
     en: "Steps",

package/utils/responsiveObserve.js

@@ -1,5 +1,8 @@
-import { v4 as a } from "uuid";
-const m = [
+import "../components/common/utils/is.js";
+import { v4 as m } from "uuid";
+import { isFunction as o } from "@unicom-cloud/utils/is";
+const x = [
+  // 顺序不能变
   "xxxl",
   "xxl",
   "xl",
@@ -7,7 +10,7 @@ const m = [
   "md",
   "sm",
   "xs"
-], h = {
+], c = {
   xs: "(max-width: 575px)",
   sm: "(min-width: 576px)",
   md: "(min-width: 768px)",
@@ -16,40 +19,21 @@ const m = [
   xxl: "(min-width: 1600px)",
   xxxl: "(min-width: 2000px)"
 };
-let i = [], n = {};
-const x = {
+let i = [], a = Object.fromEntries(
+  x.map((e, t, n) => [e, !0])
+);
+const f = {
   matchHandlers: {},
-  dispatch(e, t) {
-    return n = e, i.length < 1 ? !1 : (i.forEach((s) => {
-      s.func(n, t);
-    }), !0);
-  },
-  subscribe(e) {
-    i.length === 0 && this.register();
-    const t = a();
-    return i.push({
-      token: t,
-      func: e
-    }), e(n, null), t;
-  },
-  unsubscribe(e) {
-    i = i.filter((t) => t.token !== e), i.length === 0 && this.unregister();
-  },
-  unregister() {
-    Object.entries(h).forEach(([e, t]) => {
-      const s = this.matchHandlers[t];
-      s && s.mql && s.listener && s.mql.removeEventListener("change", s.listener);
-    }), this.matchHandlers = {};
-  },
   register() {
-    Object.entries(h).forEach(([e, t]) => {
+    Object.entries(c).forEach(([e, t], n, h) => {
       const s = window.matchMedia(t), r = (l) => {
         this.dispatch(
           {
-            ...n,
+            ...a,
             [e]: l.matches
           },
-          e
+          e,
+          l.media ?? t
         );
       };
       s.addEventListener("change", r), this.matchHandlers[t] = {
@@ -57,17 +41,40 @@ const x = {
         listener: r
       }, this.dispatch(
         {
-          ...n,
+          ...a,
           [e]: s.matches
         },
-        e
+        e,
+        t
       );
     });
+  },
+  unregister() {
+    Object.entries(c).forEach(([e, t], n, h) => {
+      const { mql: s, listener: r } = this.matchHandlers[t] ?? {};
+      s && o(r) && s.removeEventListener("change", r);
+    }), this.matchHandlers = {};
+  },
+  subscribe(e) {
+    i.length || this.register();
+    const t = m();
+    return i.push({
+      token: t,
+      func: e
+    }), e(a, null, null), t;
+  },
+  unsubscribe(e) {
+    i = i.filter((t, n, h) => t.token !== e), i.length || this.unregister();
+  },
+  dispatch(e, t, n) {
+    return a = e, i.length ? (i.forEach((h, s, r) => {
+      h.func(a, t, n);
+    }), !0) : !1;
   }
 };
 export {
-  x as default,
-  m as responsiveArray,
-  h as responsiveMap,
-  x as responsiveObserve
+  f as default,
+  x as responsiveArray,
+  c as responsiveMap,
+  f as responsiveObserve
 };

package/version/index.js

@@ -1,4 +1,4 @@
-const I = "2025-07-24 17:57:09", t = "1753351029560", E = "2.66.0";
+const I = "2025-07-31 20:21:30", t = "1753964490482", E = "2.66.0";
 export {
   E as VERSION,
   I as VERSION_BUILD_DATE,

package/grid/Col-.js

@@ -1,86 +0,0 @@
-import { jsx as E } from "react/jsx-runtime";
-import F from "lodash/isNumber";
-import H from "lodash/isPlainObject";
-import { forwardRef as T, useContext as R, useMemo as q } from "react";
-import "../config-provider/ConfigProvider.js";
-import D from "../components/common/hooks/useMergeProps.js";
-import I from "@unicom-cloud/utils/class-name";
-import { RowContext as J } from "./context.js";
-import K from "../config-provider/context.js";
-const Q = {
-  span: 24
-};
-function S(i) {
-  return typeof i == "string" && /\d+[px|%|em|rem|]{1}/.test(i) ? `0 0 ${i}` : i;
-}
-function U(i, v) {
-  const { getPrefixCls: w, componentConfig: A, rtl: G } = R(K), L = D(
-    i,
-    Q,
-    A?.["Grid.Col"]
-  ), { gutter: p, div: l } = R(J), {
-    className: M,
-    style: N,
-    children: O,
-    span: V,
-    offset: d,
-    order: a,
-    pull: u,
-    push: c,
-    xs: m,
-    sm: g,
-    md: x,
-    lg: y,
-    xl: h,
-    xxl: P,
-    xxxl: b,
-    flex: f,
-    ...k
-  } = L;
-  function z(r, o) {
-    const j = { xs: m, sm: g, md: x, lg: y, xl: h, xxl: P, xxxl: b };
-    return Object.keys(j).forEach((s) => {
-      const t = j[s];
-      F(t) ? t >= 0 && (o[`${r}-${s}-${t}`] = !0) : H(t) && (o[`${r}-${s}-${t.span}`] = t.span, o[`${r}-${s}-offset-${t.offset}`] = t.offset, o[`${r}-${s}-order-${t.order}`] = t.order, o[`${r}-${s}-pull-${t.pull}`] = t.pull, o[`${r}-${s}-push-${t.push}`] = t.push);
-    }), o;
-  }
-  const n = w?.("col");
-  let $ = {
-    [`${n}`]: !l,
-    [`${n}-order-${a}`]: a,
-    [`${n}-${V}`]: !l && !m && !g && !x && !y && !h && !P && !b,
-    [`${n}-offset-${d}`]: d,
-    [`${n}-pull-${u}`]: u,
-    [`${n}-push-${c}`]: c,
-    [`${n}-rtl`]: G
-  };
-  $ = z(n, $);
-  const B = I(f ? n : $, M), e = {};
-  if (Array.isArray(p) && !l) {
-    const r = p[0] && p[0] / 2 || 0, o = p[1] && p[1] / 2 || 0;
-    r && (e.paddingLeft = r, e.paddingRight = r), o && (e.paddingTop = o, e.paddingBottom = o);
-  }
-  const C = q(
-    () => S(f) ? { flex: S(f) } : {},
-    [f]
-  );
-  return /* @__PURE__ */ E(
-    "div",
-    {
-      ref: v,
-      ...k,
-      style: {
-        ...N,
-        ...e,
-        ...C
-      },
-      className: B,
-      children: O
-    }
-  );
-}
-const W = T(U);
-W.displayName = "Col";
-export {
-  W as default
-};

package/grid/Col.js

@@ -1,169 +0,0 @@
-import { jsx as W } from "react/jsx-runtime";
-import X from "lodash/isNil";
-import M from "lodash/isNumber";
-import B from "lodash/isPlainObject";
-import { forwardRef as Y, useContext as F, useState as Z, useMemo as b, useEffect as _ } from "react";
-import "../config-provider/ConfigProvider.js";
-import ee from "../components/common/hooks/useMergeProps.js";
-import te from "@unicom-cloud/utils/class-name";
-import { responsiveArray as y, responsiveObserve as z } from "../utils/responsiveObserve.js";
-import { RowContext as re } from "./context.js";
-import se from "../config-provider/context.js";
-const oe = {
-  span: 24
-  // 默认占据24列
-};
-function ne(i) {
-  return typeof i == "string" && /\d+[px|%|em|rem|]{1}/.test(i) ? { flex: `0 0 ${i}` } : { flex: i };
-}
-const ie = (i, E) => {
-  const { getPrefixCls: G, componentConfig: I, rtl: d } = F(se), T = ee(
-    i,
-    oe,
-    I?.["Grid.Col"]
-  ), { gutter: C, div: o } = F(re), {
-    className: V,
-    style: q,
-    children: D,
-    span: g = 24,
-    offset: c,
-    order: u,
-    pull: m,
-    push: $,
-    xs: v,
-    sm: P,
-    md: k,
-    lg: R,
-    xl: S,
-    xxl: w,
-    xxxl: O,
-    flex: j,
-    ...H
-  } = T, f = !X(j), s = G?.("col"), [A, J] = Z({
-    xs: !1,
-    sm: !1,
-    md: !1,
-    lg: !1,
-    xl: !1,
-    xxl: !1,
-    xxxl: !1
-  }), l = b(() => ({ xs: v, sm: P, md: k, lg: R, xl: S, xxl: w, xxxl: O }), [R, k, P, S, v, w, O]), K = b(() => {
-    if (f)
-      return;
-    const e = {
-      [`${s}`]: !o,
-      [`${s}-order-${u}`]: u,
-      [`${s}-${g}`]: !o && Object.values(l).every((r) => !r),
-      [`${s}-offset-${c}`]: c,
-      [`${s}-pull-${m}`]: m,
-      [`${s}-push-${$}`]: $,
-      [`${s}-rtl`]: d
-    };
-    for (const r in l) {
-      const t = l[r];
-      M(t) ? t >= 0 && (e[`${s}-${r}-${t}`] = !0) : B(t) && (e[`${s}-${r}-${t.span}`] = t.span, e[`${s}-${r}-offset-${t.offset}`] = t.offset, e[`${s}-${r}-order-${t.order}`] = t.order, e[`${s}-${r}-pull-${t.pull}`] = t.pull, e[`${s}-${r}-push-${t.push}`] = t.push);
-    }
-    return e;
-  }, [
-    f,
-    s,
-    o,
-    u,
-    g,
-    l,
-    c,
-    m,
-    $,
-    d
-  ]), x = (e) => `${100 / 24 * e}%`, Q = b(() => {
-    if (o || f)
-      return;
-    const e = {
-      span: g,
-      offset: c,
-      order: u,
-      pull: m,
-      push: $
-    }, r = y.find((a) => A[a]);
-    if (r) {
-      const a = y.indexOf(r);
-      for (let p = a; p < y.length; p++) {
-        const h = y[p], n = l[h];
-        if (n !== void 0) {
-          if (B(n)) {
-            Object.assign(e, n);
-            break;
-          }
-          if (M(n)) {
-            Object.assign(e, { span: n });
-            break;
-          }
-        }
-      }
-    }
-    const t = {}, L = x(e.span);
-    t.width = L, t.flex = `0 0 ${L}`;
-    const N = (a, p, h) => {
-      if (d) {
-        const n = {
-          left: "right",
-          right: "left",
-          marginLeft: "marginRight",
-          marginRight: "marginLeft"
-        };
-        a[n[p]] = h;
-      } else
-        a[p] = h;
-    };
-    return e.offset && N(
-      t,
-      "marginLeft",
-      x(e.offset)
-    ), e.order && (t.order = e.order), e.pull && N(t, "right", x(e.pull)), e.push && N(t, "left", x(e.push)), t;
-  }, [
-    o,
-    f,
-    g,
-    c,
-    u,
-    m,
-    $,
-    A,
-    l,
-    d
-  ]), U = b(() => {
-    if (o)
-      return;
-    const e = {};
-    if (Array.isArray(C)) {
-      const [r, t] = C;
-      r && (e.paddingLeft = r / 2, e.paddingRight = r / 2), t && (e.paddingTop = t / 2, e.paddingBottom = t / 2);
-    }
-    return e;
-  }, [C, o]);
-  return _(() => {
-    const e = z.subscribe((r) => {
-      J(r);
-    });
-    return () => {
-      z.unsubscribe(e);
-    };
-  }, []), /* @__PURE__ */ W(
-    "div",
-    {
-      ref: E,
-      ...H,
-      style: {
-        ...f ? ne(j) : Q,
-        ...U,
-        ...q
-      },
-      className: te(f ? s : K, V),
-      children: D
-    }
-  );
-}, fe = Y(ie);
-fe.displayName = "Col";
-export {
-  fe as default
-};

package/grid/Row.js

@@ -1,96 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as z, useContext as G, useState as H, useRef as U, useEffect as V } from "react";
-import "../config-provider/ConfigProvider.js";
-import B from "../components/common/hooks/useMergeProps.js";
-import E from "@unicom-cloud/utils/class-name";
-import "../components/common/utils/is.js";
-import { omit as L } from "../components/common/utils/omit.js";
-import { responsiveObserve as x, responsiveArray as y } from "../utils/responsiveObserve.js";
-import { RowContext as M } from "./context.js";
-import T from "../config-provider/context.js";
-import { isPlainObject as f, isArray as b, isObject as q } from "@unicom-cloud/utils/is";
-const D = {
-  gutter: 0,
-  align: "start",
-  justify: "start"
-};
-function F(v, C) {
-  const { getPrefixCls: R, componentConfig: $, rtl: j } = G(T), w = B(
-    v,
-    D,
-    $?.["Grid.Row"]
-  ), {
-    className: N,
-    style: P,
-    children: h,
-    div: i,
-    align: u,
-    justify: p,
-    gutter: r = 0,
-    ...A
-  } = w, [k, O] = H({
-    xs: !0,
-    sm: !0,
-    md: !0,
-    lg: !0,
-    xl: !0,
-    xxl: !0,
-    xxxl: !0
-  }), n = U();
-  V(() => (n.current = x.subscribe((t) => {
-    (f(r) || Array.isArray(r) && (f(r[0]) || f(r[1]))) && O(t);
-  }), () => {
-    n.current && x.unsubscribe(n.current);
-  }), []);
-  function g(t) {
-    let e = 0;
-    if (q(t))
-      for (let c = 0; c < y.length; c++) {
-        const l = y[c];
-        if (k[l] && t[l] !== void 0) {
-          e = t[l];
-          break;
-        }
-      }
-    else
-      e = t;
-    return e;
-  }
-  const s = R?.("row"), S = E(
-    {
-      [`${s}`]: !i,
-      [`${s}-align-${u}`]: u,
-      [`${s}-justify-${p}`]: p,
-      [`${s}-rtl`]: j
-    },
-    N
-  ), o = {}, a = g(b(r) ? r[0] : r), m = g(b(r) ? r[1] : 0);
-  if ((a || m) && !i) {
-    const t = -a / 2, e = -m / 2;
-    t && (o.marginLeft = t, o.marginRight = t), e && (o.marginTop = e, o.marginBottom = e);
-  }
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      ref: C,
-      ...L(A, ["gutter"]),
-      style: {
-        ...P,
-        ...o
-      },
-      className: S,
-      children: /* @__PURE__ */ d(
-        M.Provider,
-        {
-          value: { gutter: [a, m], div: i },
-          children: h
-        }
-      )
-    }
-  );
-}
-const I = z(F);
-I.displayName = "Row";
-export {
-  I as default
-};

package/grid/hook/useResponsiveState.js

@@ -1,35 +0,0 @@
-import { useRef as m, useState as p, useEffect as b, useMemo as x } from "react";
-import "../../components/common/utils/is.js";
-import { responsiveObserve as u, responsiveArray as c } from "../../utils/responsiveObserve.js";
-import { isString as k, isNumber as R, isPlainObject as S } from "@unicom-cloud/utils/is";
-function O(e) {
-  return k(e) || R(e) ? !1 : S(e) && Object.keys(e).some((s) => c.some((r) => s === r));
-}
-const A = (e, s) => {
-  const r = O(e), n = m(), [o, f] = p({
-    xs: !0,
-    sm: !0,
-    md: !0,
-    lg: !0,
-    xl: !0,
-    xxl: !0,
-    xxxl: !0
-  });
-  return b(() => (r && (n.current = u.subscribe((t) => {
-    f(t);
-  })), () => {
-    r && n.current && u.unsubscribe(n.current);
-  }), [r]), x(() => {
-    if (!e || !r) return e;
-    let t = s;
-    for (const i of c)
-      if (o[i] && e[i] !== void 0) {
-        t = e[i];
-        break;
-      }
-    return t;
-  }, [s, r, o, e]);
-};
-export {
-  A as useResponsiveState
-};

package/statistic/Countdown.js

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

package/statistic/util.js

@@ -1,33 +0,0 @@
-import { padStart as s } from "../components/common/utils/pad.js";
-const a = [
-  ["Y", 1e3 * 60 * 60 * 24 * 365],
-  // years
-  ["M", 1e3 * 60 * 60 * 24 * 30],
-  // months
-  ["D", 1e3 * 60 * 60 * 24],
-  // days
-  ["H", 1e3 * 60 * 60],
-  // hours
-  ["m", 1e3 * 60],
-  // minutes
-  ["s", 1e3],
-  // seconds
-  ["S", 1]
-  // million seconds
-];
-function p(l, i) {
-  let t = l;
-  return a.reduce((e, [n, r]) => {
-    if (e.indexOf(n) !== -1) {
-      const o = Math.floor(t / r);
-      return t -= o * r, e.replace(new RegExp(`${n}+`, "g"), (f) => {
-        const g = f.length;
-        return s(o.toString(), g, "0");
-      });
-    }
-    return e;
-  }, i);
-}
-export {
-  p as getDateString
-};

package/types/pc/grid/hook/useResponsiveState.d.ts

@@ -1,2 +0,0 @@
-import type { GridProps, ResponsiveValue } from '../interface';
-export declare const useResponsiveState: (value: GridProps["cols"], defaultValue: number) => number | ResponsiveValue | import("../interface").AutoGridTemplateColumns | undefined;

package/types/pc/statistic/util.d.ts

@@ -1 +0,0 @@
-export declare function getDateString(millisecond: number, format: string): string;