@unicom-cloud/ui 0.8.149 → 0.8.151

package/card/Meta.js

@@ -1,32 +1,36 @@
-/* 2026-03-02 09:28:59 */
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import N, { useContext as x } from "react";
-import "../config-provider/ConfigProvider.js";
-import r from "@unicom-cloud/ui-common/utils/className";
-import C from "../config-provider/context.js";
-function v(c, n) {
-  const { className: m, title: s, avatar: a, description: t, actionList: l, ...d } = c, { prefixCls: u, getPrefixCls: f } = x(C), e = f?.("card-meta"), p = r(e, m);
-  return /* @__PURE__ */ o("div", { ...d, ref: n, className: p, children: [
-    s || t ? /* @__PURE__ */ o("div", { className: `${e}-content`, children: [
-      s && /* @__PURE__ */ i("div", { className: `${e}-title`, children: s }),
-      t && /* @__PURE__ */ i("div", { className: `${e}-description`, children: t })
-    ] }) : null,
-    a || l ? /* @__PURE__ */ o(
-      "div",
-      {
-        className: r(`${e}-footer `, {
-          [`${e}-footer-only-actions`]: !a
-        }),
-        children: [
-          a ? /* @__PURE__ */ i("div", { className: `${e}-avatar`, children: a }) : null,
-          l
-        ]
-      }
-    ) : null
-  ] });
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../utils/className.js";
+import t from "../config-provider/context.js";
+import "../config-provider/index.js";
+import n, { useContext as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region components/pc/card/Meta.tsx
+function o(n, o) {
+	let { className: s, title: c, avatar: l, description: u, actionList: d, ...f } = n, { prefixCls: p, getPrefixCls: m } = r(t), h = m?.("card-meta"), g = e(h, s);
+	return /* @__PURE__ */ a("div", {
+		...f,
+		ref: o,
+		className: g,
+		children: [c || u ? /* @__PURE__ */ a("div", {
+			className: `${h}-content`,
+			children: [c && /* @__PURE__ */ i("div", {
+				className: `${h}-title`,
+				children: c
+			}), u && /* @__PURE__ */ i("div", {
+				className: `${h}-description`,
+				children: u
+			})]
+		}) : null, l || d ? /* @__PURE__ */ a("div", {
+			className: e(`${h}-footer `, { [`${h}-footer-only-actions`]: !l }),
+			children: [l ? /* @__PURE__ */ i("div", {
+				className: `${h}-avatar`,
+				children: l
+			}) : null, d]
+		}) : null]
+	});
 }
-const h = N.forwardRef(v);
-h.displayName = "CardMeta";
-export {
-  h as default
-};
+var s = n.forwardRef(o);
+s.displayName = "CardMeta";
+//#endregion
+export { s as default };
+/* 独立思考，明辨是非 */

package/card/index.d.ts

@@ -0,0 +1,13 @@
+import CardGrid from './Grid';
+import type { CardProps } from './interface';
+import CardMeta from './Meta';
+declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<unknown>> & {
+    Meta: typeof CardMeta;
+    Grid: typeof CardGrid;
+} & {
+    Meta: import("react").ForwardRefExoticComponent<import("./interface").CardMetaProps & import("react").RefAttributes<unknown>>;
+    Grid: import("react").ForwardRefExoticComponent<import("./interface").CardGridProps & import("react").RefAttributes<unknown>>;
+};
+export { CardGrid, CardMeta };
+export default Card;
+export type { CardProps };

package/card/index.js

@@ -1,133 +1,12 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import h, { forwardRef as k, useContext as q, useRef as A, useImperativeHandle as B } from "react";
-import "../config-provider/ConfigProvider.js";
-import D from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import J from "../spin/index.js";
-import i from "@unicom-cloud/ui-common/utils/className";
-import u from "./Grid.js";
-import $ from "./Meta.js";
-import K from "../config-provider/context.js";
-const O = {
-  size: "default",
-  bordered: !0
-};
-function Q(N, v) {
-  const {
-    prefixCls: U,
-    getPrefixCls: g,
-    loadingElement: x,
-    componentConfig: y,
-    rtl: b
-  } = q(K), R = D(
-    N,
-    O,
-    y?.Card
-  ), {
-    className: M,
-    children: E,
-    bordered: P,
-    loading: d,
-    hoverable: z,
-    size: G,
-    title: a,
-    extra: o,
-    cover: c,
-    actions: s,
-    headerStyle: S,
-    bodyStyle: j,
-    headerClassName: w,
-    // 潘启宝添加
-    bodyClassName: F,
-    // 潘启宝添加
-    ...H
-  } = R, e = g?.("card"), m = A(null), p = s && s.length ? /* @__PURE__ */ t("div", { className: `${e}-actions`, children: /* @__PURE__ */ t("div", { className: `${e}-actions-right`, children: s.map((r, L) => /* @__PURE__ */ t(
-    "span",
-    {
-      className: `${e}-actions-item`,
-      children: r
-    },
-    `action-${L}`
-  )) }) }) : null;
-  let f = !1, C = !1;
-  const I = h.Children.map(
-    E,
-    (r) => {
-      if (r && r.type) {
-        if (r.type === u)
-          f = !0;
-        else if (r.type === $)
-          return C = !0, h.cloneElement(r, { actionList: p });
-      }
-      return r;
-    }
-  );
-  return B(v, () => ({
-    getRootElement() {
-      return m.current;
-    }
-  })), /* @__PURE__ */ n(
-    "div",
-    {
-      ...H,
-      ref: m,
-      className: i(
-        e,
-        `${e}-size-${G}`,
-        {
-          [`${e}-loading`]: d,
-          [`${e}-bordered`]: P,
-          [`${e}-hoverable`]: z,
-          [`${e}-contain-grid`]: f,
-          [`${e}-rtl`]: b
-        },
-        M
-      ),
-      children: [
-        a || o ? /* @__PURE__ */ n(
-          "div",
-          {
-            style: S,
-            className: i(
-              `${e}-header`,
-              {
-                [`${e}-header-no-title`]: !a
-              },
-              w
-              // 潘启宝添加
-            ),
-            children: [
-              !!a && /* @__PURE__ */ t("div", { className: `${e}-header-title`, children: a }),
-              !!o && /* @__PURE__ */ t("div", { className: `${e}-header-extra`, children: o })
-            ]
-          }
-        ) : null,
-        c ? /* @__PURE__ */ t("div", { className: `${e}-cover`, children: c }) : null,
-        /* @__PURE__ */ n(
-          "div",
-          {
-            style: j,
-            className: i(
-              `${e}-body`,
-              F
-              // 潘启宝添加
-            ),
-            children: [
-              d ? x || /* @__PURE__ */ t(J, {}) : I,
-              C ? null : p
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-const T = k(Q), l = T;
-l.Meta = $;
-l.Grid = u;
-l.displayName = "Card";
-export {
-  u as CardGrid,
-  $ as CardMeta,
-  l as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "./Grid.js";
+import t from "./Meta.js";
+import n from "./Card.js";
+//#region components/pc/card/index.tsx
+var r = Object.assign(n, {
+	Meta: t,
+	Grid: e
+});
+//#endregion
+export { e as CardGrid, t as CardMeta, r as default };
+/* 独立思考，明辨是非 */

package/carousel/Arrow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CarouselArrowProps } from './interface';
+declare const CarouselArrowComponent: React.ForwardRefExoticComponent<CarouselArrowProps & React.RefAttributes<unknown>>;
+export default CarouselArrowComponent;

package/carousel/Arrow.js

@@ -1,57 +1,38 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import h from "@unicom-cloud/icons/IconUiDown";
-import v from "@unicom-cloud/icons/IconUiLeft";
-import C from "@unicom-cloud/icons/IconUiRight";
-import b from "@unicom-cloud/icons/IconUiUp";
-import u, { useContext as y } from "react";
-import "../config-provider/ConfigProvider.js";
-import N from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import P from "@unicom-cloud/ui-common/utils/className";
-import $ from "../config-provider/context.js";
-function g(i, c) {
-  const {
-    className: l,
-    direction: t = "horizontal",
-    showArrow: m = "always",
-    prev: n,
-    next: s,
-    icons: o
-  } = i, a = N(), { prefixCls: I, getPrefixCls: p } = y($), e = p?.("carousel"), f = P(
-    `${e}-arrow`,
-    {
-      [`${e}-arrow-hover`]: m === "hover"
-    },
-    l
-  ), x = o && Object.prototype.hasOwnProperty.call(o, "prev") ? o.prev : t === "horizontal" ? /* @__PURE__ */ r(v, {}) : /* @__PURE__ */ r(b, {}), w = o && Object.prototype.hasOwnProperty.call(o, "next") ? o.next : t === "horizontal" ? /* @__PURE__ */ r(C, {}) : /* @__PURE__ */ r(h, {});
-  return /* @__PURE__ */ d("div", { ref: c, className: f, children: [
-    /* @__PURE__ */ r(
-      "div",
-      {
-        className: `${e}-arrow-${t === "vertical" ? "top" : "left"}`,
-        onClick: n,
-        role: "button",
-        tabIndex: 0,
-        ...a({ onPressEnter: n }),
-        children: x
-      }
-    ),
-    /* @__PURE__ */ r(
-      "div",
-      {
-        className: `${e}-arrow-${t === "vertical" ? "bottom" : "right"}`,
-        onClick: s,
-        role: "button",
-        tabIndex: 0,
-        ...a({ onPressEnter: s }),
-        children: w
-      }
-    )
-  ] });
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../utils/className.js";
+import t from "../config-provider/context.js";
+import "../config-provider/index.js";
+import n from "../hooks/use-keyboard-event/index.js";
+import r, { useContext as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@unicom-cloud/icons/IconUiDown";
+import c from "@unicom-cloud/icons/IconUiUp";
+import l from "@unicom-cloud/icons/IconUiLeft";
+import u from "@unicom-cloud/icons/IconUiRight";
+//#region components/pc/carousel/Arrow.tsx
+function d(r, d) {
+	let { className: f, direction: p = "horizontal", showArrow: m = "always", prev: h, next: g, icons: _ } = r, v = n(), { prefixCls: y, getPrefixCls: b } = i(t), x = b?.("carousel"), S = e(`${x}-arrow`, { [`${x}-arrow-hover`]: m === "hover" }, f), C = _ && Object.prototype.hasOwnProperty.call(_, "prev") ? _.prev : a(p === "horizontal" ? l : c, {}), w = _ && Object.prototype.hasOwnProperty.call(_, "next") ? _.next : a(p === "horizontal" ? u : s, {});
+	return /* @__PURE__ */ o("div", {
+		ref: d,
+		className: S,
+		children: [/* @__PURE__ */ a("div", {
+			className: `${x}-arrow-${p === "vertical" ? "top" : "left"}`,
+			onClick: h,
+			role: "button",
+			tabIndex: 0,
+			...v({ onPressEnter: h }),
+			children: C
+		}), /* @__PURE__ */ a("div", {
+			className: `${x}-arrow-${p === "vertical" ? "bottom" : "right"}`,
+			onClick: g,
+			role: "button",
+			tabIndex: 0,
+			...v({ onPressEnter: g }),
+			children: w
+		})]
+	});
 }
-const L = u.forwardRef(
-  g
-);
-export {
-  L as default
-};
+var f = r.forwardRef(d);
+//#endregion
+export { f as default };
+/* 独立思考，明辨是非 */

package/carousel/Carousel.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CarouselProps } from './interface';
+declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<unknown>>;
+export default Carousel;
+export type { CarouselProps };

package/carousel/Carousel.js

@@ -0,0 +1,180 @@
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import { isNaN as e, isNumber as t, isObjectLike as n } from "../utils/is.js";
+import r from "../utils/className.js";
+import i from "../hooks/use-merge-props/index.js";
+import a from "../config-provider/context.js";
+import "../config-provider/index.js";
+import o from "../utils/omit.js";
+import s from "../utils/warning.js";
+import c from "../hooks/use-resize-observers/index.js";
+import ee from "../hooks/use-interval/index.js";
+import l from "./Arrow.js";
+import te from "./Indicator.js";
+import u, { forwardRef as d, useContext as f, useEffect as p, useImperativeHandle as ne, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as re } from "react/jsx-runtime";
+//#region components/pc/carousel/Carousel.tsx
+var ie = 3e3, ae = {
+	animation: "slide",
+	indicatorType: "dot",
+	indicatorPosition: "bottom",
+	direction: "horizontal",
+	showArrow: "always",
+	trigger: "click",
+	moveSpeed: 500,
+	timingFunc: "cubic-bezier(0.34, 0.69, 0.1, 1)"
+};
+function _(d, _) {
+	let { prefixCls: v, getPrefixCls: oe, componentConfig: se, rtl: y } = f(a), b = i(d, ae, se?.Carousel), { style: x, className: S, children: C, currentIndex: w, animation: T, trigger: ce, direction: E, moveSpeed: D, timingFunc: O, indicatorType: k, indicatorPosition: A, indicatorClassName: le, showArrow: j, miniRender: ue, arrowClassName: de, carousel: fe, icons: pe, onChange: me, ...he } = b, M = b.autoPlay;
+	M && b.autoPlaySpeed && (M = { interval: b.autoPlaySpeed }, s(!0, "[Carousel] The 'autoPlaySpeed' property will be removed in the next major version, please use 'autoPlay.interval' instead."));
+	let N = u.Children.toArray(C).filter((e) => u.isValidElement(e)), P = N.length, F = m(null), I = m(null), L = m(null), [R, ge] = h(t(w) ? Y(w) : 0), [_e, ve] = h(R), [ye, z] = h(!1), [B, V] = h(!1), [H, be] = h(null), [U, W] = h({
+		sliderWrapper: null,
+		indicatorWrapper: null
+	}), G = t(w) ? Y(w) : R, K = Y(G - 1), q = Y(G + 1), xe = n(M) && M.interval ? M.interval : ie;
+	p(() => () => L.current && clearTimeout(L.current), []), p(() => {
+		X({ targetIndex: G });
+	}, [G]);
+	let J = ee(() => {
+		X({ targetIndex: q });
+	}, M && !ye && P > 1 ? xe : null);
+	ne(fe, () => ({
+		getRootElement() {
+			return F.current;
+		},
+		goto: ({ index: e, isNegative: t, isManual: n, resetAutoPlayInterval: r }) => {
+			X({
+				targetIndex: Y(e),
+				isNegative: t,
+				isManual: n,
+				resetAutoPlayInterval: r
+			});
+		}
+	}));
+	function Y(n) {
+		let r = +n;
+		return t(r) && !e(r) ? (r + P) % P : n;
+	}
+	function X({ targetIndex: e, isNegative: t = !1, isManual: n = !1, resetAutoPlayInterval: r = !1 }) {
+		!B && e !== G && (V(!0), ge(e), ve(R), be(t ? "negative" : "positive"), me?.(e, G, n), M && r && J(), L.current = setTimeout(() => {
+			V(!1), L.current = null;
+		}, D));
+	}
+	function Se() {
+		if (T === "card") {
+			if (I.current) {
+				let e = I.current.children[0];
+				if (!e) return;
+				if (E === "horizontal") {
+					let t = I.current.clientWidth, n = e.clientWidth, r = (t - n) / 2, i = t / 2, a = n;
+					W({
+						sliderWrapper: { perspective: i + 50 >= a ? 800 : 200 * i / (a - i) },
+						indicatorWrapper: {
+							width: "auto",
+							left: r,
+							right: r
+						}
+					});
+				} else {
+					let t = I.current.clientHeight, n = e.clientHeight, r = (t - n) / 2, i = t / 2, a = n;
+					W({
+						sliderWrapper: { perspective: i + 50 >= a ? 800 : 200 * i / (a - i) },
+						indicatorWrapper: {
+							height: "auto",
+							top: r,
+							bottom: r
+						}
+					});
+				}
+			}
+		} else W({
+			sliderWrapper: null,
+			indicatorWrapper: null
+		});
+	}
+	let Z = oe?.("carousel"), Ce = r(Z, `${Z}-indicator-position-${A}`, { [`${Z}-rtl`]: y }, S), we = Object.assign({}, M && (!n(M) || M.hoverToPause !== !1) ? {
+		onMouseEnter: () => z(!0),
+		onMouseLeave: () => z(!1)
+	} : null), [Q, $] = [() => X({
+		targetIndex: K,
+		isNegative: !0,
+		isManual: !0
+	}), () => X({
+		targetIndex: q,
+		isManual: !0
+	})];
+	return y && ([Q, $] = [$, Q]), c((e) => {
+		Se();
+	}, [F.current], { immediate: !0 }), /* @__PURE__ */ re("div", {
+		ref: (e) => {
+			_ = e, F.current = _;
+		},
+		className: Ce,
+		style: x,
+		...o(he, ["autoplay", "autoPlaySpeed"]),
+		...we,
+		children: [
+			/* @__PURE__ */ g("div", {
+				ref: I,
+				style: U.sliderWrapper,
+				className: r(`${Z}-${T}`, `${Z}-${E}`, { [`${Z}-negative`]: H === "negative" }),
+				children: N.map((e, t) => {
+					let n = t === G, i = t === K, a = t === q;
+					if (!(!ue || n || i || a)) return null;
+					let { style: o, className: s, onClick: c } = e.props;
+					return u.cloneElement(e, {
+						"aria-hidden": !n,
+						style: Object.assign({
+							transitionTimingFunction: O,
+							transitionDuration: `${D}ms`,
+							animationTimingFunction: O,
+							animationDuration: `${D}ms`
+						}, o),
+						className: r(s, {
+							[`${Z}-item-prev`]: i,
+							[`${Z}-item-next`]: a,
+							[`${Z}-item-current`]: n,
+							[`${Z}-item-slide-in`]: T === "slide" && H && B && n,
+							[`${Z}-item-slide-out`]: T === "slide" && H && B && t === _e
+						}),
+						onClick: (e) => {
+							c?.(e), X({
+								targetIndex: t,
+								isNegative: t === K,
+								isManual: !0
+							});
+						}
+					});
+				})
+			}),
+			k !== "never" && P > 1 && /* @__PURE__ */ g("div", {
+				style: U.indicatorWrapper,
+				className: r(`${Z}-indicator-wrapper`, `${Z}-indicator-wrapper-${A}`),
+				children: /* @__PURE__ */ g(te, {
+					className: le,
+					type: k,
+					count: P,
+					activeIndex: G,
+					position: A,
+					trigger: ce,
+					onSelectIndex: (e) => X({
+						targetIndex: e,
+						isNegative: e < G,
+						isManual: !0
+					})
+				})
+			}),
+			j !== "never" && P > 1 && /* @__PURE__ */ g(l, {
+				className: de,
+				direction: E,
+				showArrow: j,
+				icons: pe,
+				prev: Q,
+				next: $
+			})
+		]
+	});
+}
+var v = d(_);
+v.displayName = "Carousel";
+//#endregion
+export { v as default };
+/* 独立思考，明辨是非 */

package/carousel/Indicator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CarouselIndicatorProps } from './interface';
+declare const CarouselIndicatorComponent: React.ForwardRefExoticComponent<CarouselIndicatorProps & React.RefAttributes<unknown>>;
+export default CarouselIndicatorComponent;

package/carousel/Indicator.js

@@ -1,68 +1,43 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as a } from "react/jsx-runtime";
-import N, { useContext as h } from "react";
-import "../config-provider/ConfigProvider.js";
-import c from "@unicom-cloud/ui-common/utils/className";
-import I from "../config-provider/context.js";
-function w(d, m) {
-  const { prefixCls: X, getPrefixCls: p } = h(I), {
-    className: u,
-    type: s = "line",
-    count: r = 2,
-    activeIndex: i = 0,
-    position: x = "bottom",
-    trigger: C = "click",
-    onSelectIndex: l
-  } = d, e = p?.("carousel-indicator"), n = [];
-  if (s === "slider") {
-    const t = 100 / r;
-    n.push(
-      /* @__PURE__ */ a(
-        "span",
-        {
-          style: { width: `${t}%`, left: `${i * t}%` },
-          className: c(`${e}-item`, `${e}-item-active`)
-        },
-        0
-      )
-    );
-  } else
-    for (let t = 0; t < r; t++)
-      n.push(
-        /* @__PURE__ */ a(
-          "span",
-          {
-            "data-index": t,
-            className: c(`${e}-item`, {
-              [`${e}-item-active`]: t === i
-            })
-          },
-          t
-        )
-      );
-  const g = {
-    ref: m,
-    className: c(
-      e,
-      `${e}-${s}`,
-      `${e}-${x}`,
-      u
-    ),
-    [C === "click" ? "onClick" : "onMouseMove"]: (t) => {
-      if (t.preventDefault(), s === "slider") {
-        if (t.target === t.currentTarget) {
-          const { x: o, width: $ } = t.currentTarget.getBoundingClientRect(), f = ~~((t.nativeEvent.clientX - o) / $ * r);
-          f !== i && l(f);
-        }
-      } else {
-        const o = t.target.getAttribute("data-index");
-        o && +o !== i && l(+o);
-      }
-    }
-  };
-  return /* @__PURE__ */ a("div", { ...g, children: n });
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../utils/className.js";
+import t from "../config-provider/context.js";
+import "../config-provider/index.js";
+import n, { useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region components/pc/carousel/Indicator.tsx
+function a(n, a) {
+	let { prefixCls: o, getPrefixCls: s } = r(t), { className: c, type: l = "line", count: u = 2, activeIndex: d = 0, position: f = "bottom", trigger: p = "click", onSelectIndex: m } = n, h = s?.("carousel-indicator"), g = [];
+	if (l === "slider") {
+		let t = 100 / u;
+		g.push(/* @__PURE__ */ i("span", {
+			style: {
+				width: `${t}%`,
+				left: `${d * t}%`
+			},
+			className: e(`${h}-item`, `${h}-item-active`)
+		}, 0));
+	} else for (let t = 0; t < u; t++) g.push(/* @__PURE__ */ i("span", {
+		"data-index": t,
+		className: e(`${h}-item`, { [`${h}-item-active`]: t === d })
+	}, t));
+	return /* @__PURE__ */ i("div", {
+		ref: a,
+		className: e(h, `${h}-${l}`, `${h}-${f}`, c),
+		[p === "click" ? "onClick" : "onMouseMove"]: (e) => {
+			if (e.preventDefault(), l === "slider") {
+				if (e.target === e.currentTarget) {
+					let { x: t, width: n } = e.currentTarget.getBoundingClientRect(), r = ~~((e.nativeEvent.clientX - t) / n * u);
+					r !== d && m(r);
+				}
+			} else {
+				let t = e.target.getAttribute("data-index");
+				t && +t !== d && m(+t);
+			}
+		},
+		children: g
+	});
 }
-const M = N.forwardRef(w);
-export {
-  M as default
-};
+var o = n.forwardRef(a);
+//#endregion
+export { o as default };
+/* 独立思考，明辨是非 */

package/carousel/index.d.ts

@@ -0,0 +1,4 @@
+import type { CarouselProps } from './interface';
+declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<unknown>>;
+export default Carousel;
+export type { CarouselProps };