@unicom-cloud/ui 0.8.156 → 0.8.158

package/color-picker/hooks/useColorPicker.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isArray as e, isFunction as t } from "../../utils/is.js";
-import n from "../../hooks/use-merge-value/index.js";
+import n from "../../hooks/use-controllable-value/index.js";
 import r from "../../utils/callOrReturn.js";
 import i from "../../hooks/use-is-first-render/index.js";
 import { ColorPickerMode as a } from "../interface.js";
@@ -10,10 +10,15 @@ import { useEffect as g, useRef as _, useState as v } from "react";
 import y from "@unicom-cloud/utils/tinycolor";
 //#region components/pc/color-picker/hooks/useColorPicker.ts
 var b = (b) => {
-	let { mode: x = a.Single, defaultValue: S, format: C, onChange: w, disabledAlpha: T } = b, E = i(), [D, O] = n(!1, {
-		defaultValue: b.defaultPopupVisible,
-		value: b.popupVisible
-	}), [k, A] = v(o(b.value, S, x)), [j, M] = n(k === a.Gradient ? void 0 : "", b), [N, P] = v(s(k) && e(j) ? h(j, T) : []), [F, I] = v(N[0]?.id), L = _(N), R = _(F), z = L.current, B = R.current, V = (e) => {
+	let { mode: x = a.Single, defaultValue: S, format: C, onChange: w, disabledAlpha: T } = b, E = i(), [D, O] = n({ ...b }, {
+		defaultValue: !1,
+		defaultValuePropName: "defaultPopupVisible",
+		valuePropName: "popupVisible",
+		triggerPropName: !1
+	}), [k, A] = v(o(b.value, S, x)), [j, M] = n({ ...b }, {
+		defaultValue: k === a.Gradient ? void 0 : "",
+		triggerPropName: !1
+	}), [N, P] = v(s(k) && e(j) ? h(j, T) : []), [F, I] = v(N[0]?.id), L = _(N), R = _(F), z = L.current, B = R.current, V = (e) => {
 		P(e), L.current = t(e) ? e(L.current) : e;
 	}, H = (e) => {
 		I(e), R.current = e;

package/color-picker/hooks/useControlBlock.d.ts

@@ -11,8 +11,8 @@ interface ControlBlockParams {
 }
 declare function useControlBlock({ value, multiple, onActive, onAdd, onChange, }: ControlBlockParams): {
     active: boolean;
-    refBlock: import("react").RefObject<HTMLDivElement | undefined>;
-    refHandler: import("react").RefObject<HTMLDivElement | undefined>;
+    refBlock: import("react").RefObject<HTMLDivElement | null>;
+    refHandler: import("react").RefObject<HTMLDivElement | null>;
     onMouseDown: (ev: MouseEvent) => void;
 };
 export default useControlBlock;

package/color-picker/hooks/useControlBlock.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isUndefined as e } from "../../utils/is.js";
 import { useEffect as t, useRef as n, useState as r } from "react";
 //#region components/pc/color-picker/hooks/useControlBlock.ts
 function i({ value: i, multiple: a = !1, onActive: o, onAdd: s, onChange: c }) {
-	let [l, u] = r(!1), d = n(void 0), f = n(void 0);
+	let [l, u] = r(!1), d = n(null), f = n(null);
 	function p(e, t) {
 		return e < 0 ? 0 : e > t ? 1 : e / t;
 	}

package/color-picker/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./ControlBar.js";
 import t from "./InputAlpha.js";
 import n from "./InputHex.js";

package/color-picker/interface.d.ts

@@ -7,7 +7,7 @@ import type { TriggerProps } from '../trigger';
  */
 export interface ColorPickerProps extends ReadOnly {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 默认值
      * @en The initial input content

package/color-picker/interface.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import "react";
 //#region components/pc/color-picker/interface.ts
 var e = /* @__PURE__ */ function(e) {

package/color-picker/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isArray as e, isString as t } from "../utils/is.js";
 import n from "@unicom-cloud/utils/tinycolor";
 //#region components/pc/color-picker/utils.ts

package/comment/Comment.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isPlainObject as e, isString as t } from "../utils/is.js";
 import n from "../utils/className.js";
 import { pickDataAttributes as r } from "../utils/pick.js";

package/comment/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./Comment.js";
 //#region components/pc/comment/index.tsx
 var t = Object.assign(e, {});

package/comment/interface.d.ts

@@ -4,7 +4,7 @@ import { CSSProperties, ReactNode } from 'react';
  */
 export interface CommentProps {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 操作列表
      * @en List of action items rendered below the comment content

package/config-provider/ConfigProvider.js

@@ -1,6 +1,7 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../hooks/use-merge-props/index.js";
-import t, { ConfigProviderDefaultValue as n, getPrefixCls as r } from "./context.js";
+import { getPrefixCls as t } from "./utils.js";
+import n, { ConfigProviderDefaultValue as r } from "./context.js";
 import i from "./initUI.js";
 import a from "./useConfigProvider.js";
 import { useContext as o, useEffect as s, useLayoutEffect as c } from "react";
@@ -10,11 +11,11 @@ import { UI_PC_PREFIX as d } from "@unicom-cloud/utils/constant/ui";
 import { jsx as f } from "react/jsx-runtime";
 //#region components/pc/config-provider/ConfigProvider.tsx
 i();
-var p = { ...n }, m = {};
-function h(n) {
-	let i = o(t), h = e(n, p, m), { childrenName: g, theme: _, prefixCls: v = d, locale: y, rtl: b, effectGlobalNotice: x = !0, effectGlobalModal: S = !0, children: C, getPrefixCls: w } = h;
-	function T(e, t) {
-		return r(e, t || v || d);
+var p = { ...r }, m = {};
+function h(r) {
+	let i = o(n), h = e(r, p, m), { childrenName: g, theme: _, prefixCls: v = d, locale: y, rtl: b, effectGlobalNotice: x = !0, effectGlobalModal: S = !0, children: C, getPrefixCls: w } = h;
+	function T(e, n) {
+		return t(e, n || v || d);
 	}
 	let E = C;
 	v && (v === d || (E = /* @__PURE__ */ f(u.Provider, {
@@ -28,7 +29,7 @@ function h(n) {
 		getPrefixCls: T,
 		isRootConfig: !1
 	});
-	return /* @__PURE__ */ f(t.Provider, {
+	return /* @__PURE__ */ f(n.Provider, {
 		value: D,
 		children: E
 	});

package/config-provider/context.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
 import type { ConfigProviderProps } from './interface';
-export declare const PREFIX_CLS: "pqb";
-export declare function getPopupContainer(node?: HTMLElement): HTMLElement;
-export declare function getPrefixCls(componentName: string, customPrefix?: string): string;
 export declare const ConfigProviderDefaultValue: ConfigProviderProps;
 declare const ConfigContext: React.Context<ConfigProviderProps>;
 export default ConfigContext;

package/config-provider/context.js

@@ -1,30 +1,23 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../empty/index.js";
 import t from "../locale/default.js";
-import { getBodyContainer as n } from "../utils/dom.js";
-import r, { createContext as i } from "react";
-import { UI_PC_PREFIX as a } from "@unicom-cloud/utils/constant/ui";
+import { getPopupContainer as n, getPrefixCls as r } from "./utils.js";
+import i, { createContext as a } from "react";
+import { UI_PC_PREFIX as o } from "@unicom-cloud/utils/constant/ui";
 //#region components/pc/config-provider/context.ts
-function o(t) {
+function s(t) {
 	switch (t) {
-		default: return r.createElement(e);
+		default: return i.createElement(e);
 	}
 }
-var s = a;
-function c(e) {
-	return e || n();
-}
-function l(e, t) {
-	return `${t || s}-${e}`;
-}
-var u = {
+var c = {
 	locale: t,
-	prefixCls: s,
-	getPrefixCls: l,
-	getPopupContainer: c,
+	prefixCls: o,
+	getPrefixCls: r,
+	getPopupContainer: n,
 	size: "default",
-	renderEmpty: o
-}, d = i({ ...u });
+	renderEmpty: s
+}, l = a({ ...c });
 //#endregion
-export { u as ConfigProviderDefaultValue, s as PREFIX_CLS, d as default, c as getPopupContainer, l as getPrefixCls };
+export { c as ConfigProviderDefaultValue, l as default };
 /* 独立思考，明辨是非 */

package/config-provider/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e, { ConfigProviderDefaultValue as t } from "./context.js";
 import n from "./ConfigProvider.js";
 //#region components/pc/config-provider/index.tsx

package/config-provider/initUI.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { EMITTER_EVENT as e, emitter as t } from "../utils/emitter.js";
 import n, { removeDarkTheme as r } from "../utils/setDarkTheme.js";
 //#region components/pc/config-provider/initUI.js

package/config-provider/useConfigProvider.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./context.js";
 import { EMITTER_EVENT as t, emitter as n } from "../utils/emitter.js";
 import r from "../message/index.js";

package/config-provider/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function getPopupContainer(node?: HTMLElement): HTMLElement;
+export declare function getPrefixCls(componentName: string, customPrefix?: string): string;

package/config-provider/utils.js

@@ -0,0 +1,13 @@
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { getBodyContainer as e } from "../utils/dom.js";
+import { UI_PC_PREFIX as t } from "@unicom-cloud/utils/constant/ui";
+//#region components/pc/config-provider/utils.ts
+function n(t) {
+	return t || e();
+}
+function r(e, n) {
+	return `${n || t}-${e}`;
+}
+//#endregion
+export { n as getPopupContainer, r as getPrefixCls };
+/* 独立思考，明辨是非 */

package/constant/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 //#region components/pc/constant/index.ts
 var e = 24, t = "responsive", n = "children";
 //#endregion

package/copy/Copy.js

@@ -1,46 +1,46 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isFunction as e } from "../utils/is.js";
-import t from "../utils/className.js";
-import n from "../config-provider/context.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isFunction as e, isNull as t } from "../utils/is.js";
+import n from "../utils/className.js";
+import r from "../config-provider/context.js";
 import "../config-provider/index.js";
-import r from "../utils/copy.js";
-import i from "../utils/mergedToString.js";
-import a from "../hooks/use-keyboard-event/index.js";
-import o from "../tooltip/index.js";
-import { useContext as s, useEffect as c, useRef as l, useState as u } from "react";
-import { getBodyContainer as d } from "@unicom-cloud/ui-common/utils/dom";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import h from "@unicom-cloud/icons/IconUiCopy";
+import i from "../utils/copy.js";
+import a from "../utils/mergedToString.js";
+import o from "../hooks/use-keyboard-event/index.js";
+import s from "../tooltip/index.js";
+import { useContext as c, useEffect as l, useRef as u, useState as d } from "react";
+import { getBodyContainer as f } from "@unicom-cloud/ui-common/utils/dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import g from "@unicom-cloud/icons/IconUiCopy";
 //#region components/pc/copy/Copy.tsx
-function g(g) {
-	let { children: _ } = g, v = a(), { prefixCls: y, getPrefixCls: b, locale: x, rtl: S } = s(n), C = b?.("copy"), [w, T] = u(!1), E = l(-1), D = g.tooltips || [x?.Typography?.copy, x?.Typography?.copied], O = null;
-	g.icon !== null && g.icon !== !1 && (O = w ? /* @__PURE__ */ f(m, {}) : g.icon || /* @__PURE__ */ f(h, {}));
-	function k(t) {
-		if (t.stopPropagation(), w) return;
-		let n = g.text;
-		e(n) && (n = n()), n ||= i(_), r(n), T(!0), g.onCopy?.(n, t), E.current = window.setTimeout(() => {
-			T(!1);
+function _(_) {
+	let { children: v } = _, y = o(), { prefixCls: b, getPrefixCls: x, locale: S, rtl: C } = c(r), w = x?.("copy"), [T, E] = d(!1), D = u(-1), O = _.tooltips || [S?.Typography?.copy, S?.Typography?.copied], k = null;
+	!t(_.icon) && _.icon !== !1 && (k = T ? /* @__PURE__ */ p(h, {}) : _.icon || /* @__PURE__ */ p(g, {}));
+	function A(t) {
+		if (t.stopPropagation(), T) return;
+		let n = _.text;
+		e(n) && (n = n()), n ||= a(v), i(n), E(!0), _.onCopy?.(n, t), D.current = window.setTimeout(() => {
+			E(!1);
 		}, 3e3);
 	}
-	return c(() => () => {
-		clearTimeout(E.current), E.current = -1;
-	}, []), /* @__PURE__ */ f(o, {
-		content: w ? D[1] : D[0],
-		getPopupContainer: d,
-		...g.tooltipProps,
-		children: /* @__PURE__ */ p("span", {
-			className: t(C, !!S && `${C}-rtl`, !!w && `${C}-copied`, g.className),
+	return l(() => () => {
+		clearTimeout(D.current), D.current = -1;
+	}, []), /* @__PURE__ */ p(s, {
+		content: T ? O[1] : O[0],
+		getPopupContainer: f,
+		..._.tooltipProps,
+		children: /* @__PURE__ */ m("span", {
+			className: n(w, !!C && `${w}-rtl`, !!T && `${w}-copied`, _.className),
 			role: "button",
-			"aria-label": D[0],
+			"aria-label": O[0],
 			tabIndex: 0,
-			onClick: k,
-			...v({ onPressEnter: k }),
-			children: [_, O]
+			onClick: A,
+			...y({ onPressEnter: A }),
+			children: [v, k]
 		})
 	});
 }
-g.displayName = "Copy";
+_.displayName = "Copy";
 //#endregion
-export { g as default };
+export { _ as default };
 /* 独立思考，明辨是非 */

package/copy/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./Copy.js";
 //#region components/pc/copy/index.tsx
 var t = Object.assign(e, {});

package/copy/interface.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export interface CopyProps {
-    className?: string | string[];
+    className?: string;
     text?: string | (() => string);
     getText?: () => string;
     onCopy?: (text: string, e: any) => void;

package/countdown/Countdown.js

@@ -1,63 +1,63 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isFunction as e } from "../utils/is.js";
-import t from "../utils/className.js";
-import n from "../hooks/use-merge-props/index.js";
-import r from "../config-provider/context.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isFunction as e, isNull as t } from "../utils/is.js";
+import n from "../utils/className.js";
+import r from "../hooks/use-merge-props/index.js";
+import i from "../config-provider/context.js";
 import "../config-provider/index.js";
-import { dayjs_getDayjsValue as i, dayjs_getNow as a } from "../utils/dayjs.js";
+import { dayjs_getDayjsValue as a, dayjs_getNow as o } from "../utils/dayjs.js";
 import "../statistic/interface.js";
-import { getDateString as o } from "./utils.js";
-import { forwardRef as s, useContext as c, useEffect as l, useImperativeHandle as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import h from "dayjs";
+import { getDateString as s } from "./utils.js";
+import { forwardRef as c, useContext as l, useEffect as u, useImperativeHandle as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "dayjs";
 //#region components/pc/countdown/Countdown.tsx
-function g(s, g) {
-	let { prefixCls: _, getPrefixCls: v, componentConfig: y, rtl: b } = c(r), { style: x, className: S, title: C, styleValue: w, value: T, format: E = "HH:mm:ss", start: D = !0, noStyle: O, loop: k, renderFormat: A, onFinish: j } = n(s, {
+function _(c, _) {
+	let { prefixCls: v, getPrefixCls: y, componentConfig: b, rtl: x } = l(i), { style: S, className: C, title: w, styleValue: T, value: E, format: D = "HH:mm:ss", start: O = !0, noStyle: k, loop: A, renderFormat: j, onFinish: M } = r(c, {
 		noStyle: !1,
 		start: !0
-	}, y?.Countdown), M = !O && v?.("statistic"), N = v?.("countdown"), P = d(null), [F, I] = f(L()());
-	function L() {
-		let e = i(h().valueOf() + h(T).valueOf(), E) || h();
-		return () => e.diff(a());
-	}
+	}, b?.Countdown), N = !k && y?.("statistic"), P = y?.("countdown"), F = f(null), [I, L] = p(R()());
 	function R() {
-		P.current === null || (window.clearInterval(P.current), P.current = null);
+		let e = a(g().valueOf() + g(E).valueOf(), D) || g();
+		return () => e.diff(o());
 	}
 	function z() {
-		let t = L();
-		P.current = window.setInterval(() => {
+		t(F.current) || (window.clearInterval(F.current), F.current = null);
+	}
+	function B() {
+		let t = R();
+		F.current = window.setInterval(() => {
 			let n = t();
-			n <= 0 && (k ? t = L() : R(), e(j) && j()), I(n);
+			n <= 0 && (A ? t = R() : z(), e(M) && M()), L(n);
 		}, 1e3 / 30);
 	}
-	let B = o(Math.max(F, 0), E);
-	l(() => (D && P.current === null && L()() > 0 ? z() : R(), () => {
-		R();
-	}), [D]), l(() => () => {
-		R();
+	let V = s(Math.max(I, 0), D);
+	u(() => (O && t(F.current) && R()() > 0 ? B() : z(), () => {
+		z();
+	}), [O]), u(() => () => {
+		z();
 	}, []);
-	let V = d(null);
-	return u(g, () => ({ getRootElement() {
-		return V.current;
-	} })), /* @__PURE__ */ m("div", {
-		ref: V,
-		style: x,
-		className: t(!!M && M, { [`${M}-rtl`]: !!M && b }, N, { [`${N}-rtl`]: b }, S),
-		children: [C && /* @__PURE__ */ p("div", {
-			className: t(!!M && `${M}-title`, `${N}-title`),
-			children: C
-		}), /* @__PURE__ */ p("div", {
-			className: t(!!M && `${M}-content`, `${N}-content`),
-			children: /* @__PURE__ */ p("div", {
-				style: w,
-				className: t(!!M && `${M}-value`, `${N}-value`),
-				children: e(A) ? A(F, B) : B
+	let H = f(null);
+	return d(_, () => ({ getRootElement() {
+		return H.current;
+	} })), /* @__PURE__ */ h("div", {
+		ref: H,
+		style: S,
+		className: n(!!N && N, { [`${N}-rtl`]: !!N && x }, P, { [`${P}-rtl`]: x }, C),
+		children: [w && /* @__PURE__ */ m("div", {
+			className: n(!!N && `${N}-title`, `${P}-title`),
+			children: w
+		}), /* @__PURE__ */ m("div", {
+			className: n(!!N && `${N}-content`, `${P}-content`),
+			children: /* @__PURE__ */ m("div", {
+				style: T,
+				className: n(!!N && `${N}-value`, `${P}-value`),
+				children: e(j) ? j(I, V) : V
 			})
 		})]
 	});
 }
-var _ = s(g);
-_.displayName = "Countdown";
+var v = c(_);
+v.displayName = "Countdown";
 //#endregion
-export { _ as default };
+export { v as default };
 /* 独立思考，明辨是非 */

package/countdown/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./Countdown.js";
 //#region components/pc/countdown/index.tsx
 var t = Object.assign(e, {});

package/countdown/interface.d.ts

@@ -13,7 +13,7 @@ export interface CountdownProps {
      * @zh 自定义类名
      * @en Custom class name
      */
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 数值的样式
      * @en The css style of statistic's value

package/countdown/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { padStart as e } from "../utils/pad.js";
 //#region components/pc/countdown/utils.ts
 var t = [

package/date-picker/DatePicker.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { DatePickerContext as e, DatePickerRangeContext as t } from "./context.js";
 import n from "./panel/year/index.js";
 import r from "./panel/month/index.js";