@unicom-cloud/ui 0.8.149 → 0.8.151

package/color-picker/interface.d.ts

@@ -0,0 +1,148 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { InputProps } from '../input';
+import type { ReadOnly } from '../interface';
+import type { TriggerProps } from '../trigger';
+/**
+ * @title ColorPicker
+ */
+export interface ColorPickerProps extends ReadOnly {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 默认值
+     * @en The initial input content
+     */
+    defaultValue?: string | GradientColor[];
+    /**
+     * @zh 颜色值，受控模式
+     * @en The input content value
+     */
+    value?: string | GradientColor[];
+    /**
+     * @zh 显示颜色值
+     * @en Show color value
+     */
+    showText?: boolean;
+    /**
+     * @zh 颜色值的格式
+     * @en Color value format
+     */
+    format?: 'hex' | 'rgb';
+    /**
+     * @zh 单一颜色或渐变色模式
+     * @en Whether to use single color or gradient color mode
+     * @defaultValue single
+     */
+    mode?: 'single' | 'gradient' | ['single', 'gradient'];
+    /**
+     * @zh 禁用
+     * @en disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh 输入框的尺寸
+     * @en The size of the input box
+     * @defaultValue default
+     */
+    size?: InputProps['size'];
+    /**
+     * @zh 默认弹出框是打开还是关闭
+     * @en Whether the confirmation box is visible by default
+     */
+    defaultPopupVisible?: boolean;
+    /**
+     * @zh 弹出框是打开还是关闭。(受控)
+     * @en Whether the confirmation box is visible
+     */
+    popupVisible?: boolean;
+    /**
+     * @zh 隐藏后是否销毁 DOM 结构
+     * @en Whether to umount the node on hiding
+     * @defaultValue true
+     */
+    unmountOnExit?: boolean;
+    /**
+     * @zh 可以接受所有 Trigger 组件的 Props
+     * @en All `Trigger` component props
+     */
+    triggerProps?: Partial<TriggerProps>;
+    /**
+     * @zh 禁用透明通道
+     * @en Disable transparency channel
+     */
+    disabledAlpha?: boolean;
+    /**
+     * @zh 显示历史颜色
+     * @en Show history colors
+     */
+    showHistory?: boolean;
+    /**
+     * @zh 历史颜色的颜色数组
+     * @en Color array of history colors
+     */
+    historyColors?: string[];
+    /**
+     * @zh 显示预设颜色
+     * @en Show preset colors
+     */
+    showPreset?: boolean;
+    /**
+     * @zh 预设颜色的颜色数组
+     * @en Color array of preset colors
+     */
+    presetColors?: string[];
+    extra?: ReactNode | ((params: {
+        value: string;
+    }) => ReactNode);
+    /**
+     * @zh 自定义触发元素。
+     * @en The trigger element which executes the dropdown action.
+     */
+    triggerElement?: ReactNode | ((params: {
+        value: string | GradientColor[];
+    }) => ReactNode);
+    /**
+     * @zh 颜色值改变时触发
+     * @en Callback when the color value changes
+     */
+    onChange?: (value: string | GradientColor[]) => void;
+    /**
+     * @zh 下拉框收起展开时触发。
+     * @en Callback when popup shown or hidden.
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * @zh 自定义面板底部内容
+     * @en Customize the bottom content of the panel
+     */
+    renderFooter?: () => ReactNode;
+}
+export interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface HSV {
+    h: number;
+    s: number;
+    v: number;
+}
+export interface Color {
+    hsv: HSV;
+    rgb: RGB;
+    hex: string;
+}
+export declare enum ColorPickerMode {
+    Single = "single",
+    Gradient = "gradient"
+}
+export interface GradientColor {
+    color: string;
+    percent: number;
+}
+export interface InternalGradientColor {
+    id: string;
+    color: Color;
+    alpha: number;
+    percent: number;
+}

package/color-picker/interface.js

@@ -1,5 +1,9 @@
-/* 2026-03-02 09:28:59 */
-var e = /* @__PURE__ */ ((n) => (n.Single = "single", n.Gradient = "gradient", n))(e || {});
-export {
-  e as ColorPickerMode
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import "react";
+//#region components/pc/color-picker/interface.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.Single = "single", e.Gradient = "gradient", e;
+}({});
+//#endregion
+export { e as ColorPickerMode };
+/* 独立思考，明辨是非 */

package/color-picker/utils.d.ts

@@ -0,0 +1,23 @@
+import type { GradientColor, HSV, InternalGradientColor, RGB } from './interface';
+interface RGBA extends RGB {
+    a: number | undefined;
+}
+export declare const sortGradientColors: (gradientColors: InternalGradientColor[]) => InternalGradientColor[];
+export declare const mix: (source: RGBA, target: RGBA, progress: number) => RGBA;
+export declare const getGradientString: (value: GradientColor[]) => string;
+export declare const renderGradientBackground: (value: GradientColor[]) => string;
+export declare const renderBackground: (value: GradientColor[] | string) => string;
+export declare const formatRgba: (r: number, g: number, b: number, a: number) => string;
+export declare const formatHex: (r: number, g: number, b: number, a: number) => string;
+export declare const getColorFromHsv: (hsv: HSV) => {
+    hsv: HSV;
+    rgb: import("@unicom-cloud/utils/tinycolor").Numberify<import("@unicom-cloud/utils/tinycolor").RGBA>;
+    hex: string;
+};
+export declare const getRandomId: () => string;
+export declare const mapValueToGradientColor: (value: GradientColor[], disabledAlpha: boolean) => InternalGradientColor[];
+export declare const getColorByGradients: (gradientColors: InternalGradientColor[], percent: number, id?: string) => InternalGradientColor;
+export declare const equalsHsv: (a: HSV, b: HSV) => boolean;
+export declare const equalsRgba: (a: RGBA, b: RGBA) => boolean;
+export declare const isEqualsColors: (colorA: string | GradientColor[], colorB: string | GradientColor[]) => boolean;
+export {};

package/color-picker/utils.js

@@ -1,91 +1,65 @@
-/* 2026-03-02 09:28:59 */
-import s from "@unicom-cloud/utils/tinycolor";
-import { isString as l, isArray as a } from "@unicom-cloud/ui-common/utils/is";
-const q = (t) => t.sort((r, n) => r.percent - n.percent), v = (t, r, n) => Object.keys(t).reduce(
-  (e, o) => ({
-    ...e,
-    [o]: t[o] + (r[o] - t[o]) * n
-  }),
-  { ...t }
-), I = (t) => a(t) ? t.map(({ color: r, percent: n }) => `${r} ${n}%`).join(", ") : t, R = (t) => `linear-gradient(to right, ${I(t)})`, F = (t) => a(t) ? R(t) : t, j = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, y = (t, r, n, e) => e < 1 ? new s({ r: t, g: r, b: n, a: e }).toHex8String() : new s({ r: t, g: r, b: n }).toHexString(), d = (t) => {
-  const r = new s({
-    h: t.h * 360,
-    s: t.s * 100,
-    v: t.v * 100
-  }), n = r.toRgb(), e = r.toHex();
-  return {
-    hsv: t,
-    rgb: n,
-    hex: e
-  };
-}, i = () => Math.random().toFixed(10).slice(2), P = (t, r) => t.map((n) => {
-  const e = new s(n.color).toHsv_();
-  return {
-    id: i(),
-    color: d(e),
-    alpha: r ? 100 : e.a,
-    percent: n.percent
-  };
-}), T = (t, r, n) => {
-  const e = t.findIndex((c) => c.percent === r);
-  if (e !== -1)
-    return {
-      ...t[e],
-      id: n ?? i()
-    };
-  const o = t.findIndex(
-    (c) => c.percent > r
-  ), g = o - 1, {
-    color: u,
-    alpha: x,
-    percent: p
-  } = t[g], {
-    color: m,
-    alpha: f,
-    percent: h
-  } = t[o], $ = v(
-    {
-      ...u.rgb,
-      a: x
-    },
-    {
-      ...m.rgb,
-      a: f
-    },
-    (r - p) / (h - p)
-  ), { r: H, g: b, b: w, a: C } = $;
-  return {
-    id: n ?? i(),
-    color: d(
-      new s({
-        r: H,
-        g: b,
-        b: w
-      }).toHsv_()
-    ),
-    alpha: C,
-    percent: r
-  };
-}, _ = (t, r) => t.h === r.h && t.s === r.s && t.v === r.v, G = (t, r) => t.r === r.r && t.g === r.g && t.b === r.b && t.a === r.a, E = (t, r) => l(t) && l(r) ? t === r : a(t) && a(r) ? t.length === r.length && t.every((n, e) => {
-  const o = r[e];
-  return G(
-    new s(n.color).toRgba(),
-    new s(o.color).toRgba()
-  ) && n.percent === o.percent;
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+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
+var r = (e) => e.sort((e, t) => e.percent - t.percent), i = (e, t, n) => Object.keys(e).reduce((r, i) => ({
+	...r,
+	[i]: e[i] + (t[i] - e[i]) * n
+}), { ...e }), a = (t) => e(t) ? t.map(({ color: e, percent: t }) => `${e} ${t}%`).join(", ") : t, o = (e) => `linear-gradient(to right, ${a(e)})`, s = (t) => e(t) ? o(t) : t, c = (e, t, n, r) => r < 1 ? `rgba(${e}, ${t}, ${n}, ${r.toFixed(2)})` : `rgb(${e}, ${t}, ${n})`, l = (e, t, r, i) => i < 1 ? new n({
+	r: e,
+	g: t,
+	b: r,
+	a: i
+}).toHex8String() : new n({
+	r: e,
+	g: t,
+	b: r
+}).toHexString(), u = (e) => {
+	let t = new n({
+		h: e.h * 360,
+		s: e.s * 100,
+		v: e.v * 100
+	});
+	return {
+		hsv: e,
+		rgb: t.toRgb(),
+		hex: t.toHex()
+	};
+}, d = () => Math.random().toFixed(10).slice(2), f = (e, t) => e.map((e) => {
+	let r = new n(e.color).toHsv_();
+	return {
+		id: d(),
+		color: u(r),
+		alpha: t ? 100 : r.a,
+		percent: e.percent
+	};
+}), p = (e, t, r) => {
+	let a = e.findIndex((e) => e.percent === t);
+	if (a !== -1) return {
+		...e[a],
+		id: r ?? d()
+	};
+	let o = e.findIndex((e) => e.percent > t), { color: s, alpha: c, percent: l } = e[o - 1], { color: f, alpha: p, percent: m } = e[o], { r: h, g, b: _, a: v } = i({
+		...s.rgb,
+		a: c
+	}, {
+		...f.rgb,
+		a: p
+	}, (t - l) / (m - l));
+	return {
+		id: r ?? d(),
+		color: u(new n({
+			r: h,
+			g,
+			b: _
+		}).toHsv_()),
+		alpha: v,
+		percent: t
+	};
+}, m = (e, t) => e.h === t.h && e.s === t.s && e.v === t.v, h = (e, t) => e.r === t.r && e.g === t.g && e.b === t.b && e.a === t.a, g = (r, i) => t(r) && t(i) ? r === i : e(r) && e(i) ? r.length === i.length && r.every((e, t) => {
+	let r = i[t];
+	return h(new n(e.color).toRgba(), new n(r.color).toRgba()) && e.percent === r.percent;
 }) : !1;
-export {
-  _ as equalsHsv,
-  G as equalsRgba,
-  y as formatHex,
-  j as formatRgba,
-  T as getColorByGradients,
-  d as getColorFromHsv,
-  I as getGradientString,
-  i as getRandomId,
-  E as isEqualsColors,
-  P as mapValueToGradientColor,
-  v as mix,
-  F as renderBackground,
-  R as renderGradientBackground,
-  q as sortGradientColors
-};
+//#endregion
+export { m as equalsHsv, h as equalsRgba, l as formatHex, c as formatRgba, p as getColorByGradients, u as getColorFromHsv, a as getGradientString, d as getRandomId, g as isEqualsColors, f as mapValueToGradientColor, i as mix, s as renderBackground, o as renderGradientBackground, r as sortGradientColors };
+/* 独立思考，明辨是非 */

package/comment/Comment.d.ts

@@ -0,0 +1,6 @@
+import type { CommentProps } from './interface';
+declare const Comment: import("react").ForwardRefExoticComponent<CommentProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>>;
+export default Comment;
+export type { CommentProps };

package/comment/Comment.js

@@ -0,0 +1,71 @@
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+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";
+import i from "../hooks/use-merge-props/index.js";
+import a from "../config-provider/context.js";
+import "../config-provider/index.js";
+import { forwardRef as o, useContext as s, useImperativeHandle as c, useRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region components/pc/comment/Comment.tsx
+var f = {
+	datetime: "left",
+	actions: "left"
+}, p = { align: "left" };
+function m(o, m) {
+	let { prefixCls: h, getPrefixCls: g, componentConfig: _, rtl: v } = s(a), y = i(o, p, _?.Comment), b = g?.("comment"), { actions: x, author: S, avatar: C, content: w, datetime: T } = y, E = {
+		...f,
+		...e(y.align) ? y.align : {
+			datetime: y.align,
+			actions: y.align
+		}
+	}, D = l(null);
+	return c(m, () => ({ getRootElement() {
+		return D.current;
+	} })), /* @__PURE__ */ d("div", {
+		ref: D,
+		className: n(`${b}`, { [`${b}-rtl`]: v }, y.className),
+		style: y.style,
+		...r(y),
+		children: [C && /* @__PURE__ */ u("div", {
+			className: n(`${b}-avatar`),
+			children: t(C) ? /* @__PURE__ */ u("img", {
+				src: C,
+				alt: "comment-avatar"
+			}) : C
+		}), /* @__PURE__ */ d("div", {
+			className: `${b}-inner`,
+			children: [/* @__PURE__ */ d("div", {
+				className: `${b}-inner-content`,
+				children: [
+					(S || T) && /* @__PURE__ */ d("div", {
+						className: `${b}-title ${b}-title-align-${E.datetime}`,
+						children: [S && /* @__PURE__ */ u("span", {
+							className: `${b}-author`,
+							children: S
+						}), T && /* @__PURE__ */ u("span", {
+							className: `${b}-datetime`,
+							children: T
+						})]
+					}),
+					w && /* @__PURE__ */ u("div", {
+						className: `${b}-content`,
+						children: w
+					}),
+					x && /* @__PURE__ */ u("div", {
+						className: `${b}-actions ${b}-actions-align-${E.actions}`,
+						children: x
+					})
+				]
+			}), y.children && /* @__PURE__ */ u("div", {
+				className: `${b}-inner-comment`,
+				children: y.children
+			})]
+		})]
+	});
+}
+var h = o(m);
+h.displayName = "Comment";
+//#endregion
+export { h as default };
+/* 独立思考，明辨是非 */

package/comment/index.d.ts

@@ -0,0 +1,6 @@
+import type { CommentProps } from './interface';
+declare const Comment: import("react").ForwardRefExoticComponent<CommentProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>>;
+export default Comment;
+export type { CommentProps };

package/comment/index.js

@@ -1,77 +1,7 @@
-/* 2026-03-02 09:28:59 */
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { forwardRef as h, useContext as N, useRef as v, useImperativeHandle as C } from "react";
-import "../config-provider/ConfigProvider.js";
-import x from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import d from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as P, isString as R } from "@unicom-cloud/ui-common/utils/is";
-import { pickDataAttributes as b } from "@unicom-cloud/ui-common/utils/pick";
-import j from "../config-provider/context.js";
-const y = {
-  datetime: "left",
-  actions: "left"
-}, A = {
-  align: "left"
-};
-function E(f, p) {
-  const {
-    prefixCls: w,
-    getPrefixCls: g,
-    componentConfig: u,
-    rtl: $
-  } = N(j), t = x(f, A, u?.Comment), e = g?.("comment"), { actions: o, author: s, avatar: a, content: l, datetime: r } = t, c = {
-    ...y,
-    ...P(t.align) ? t.align : {
-      datetime: t.align,
-      actions: t.align
-    }
-  }, m = v(null);
-  return C(p, () => ({
-    getRootElement() {
-      return m.current;
-    }
-  })), /* @__PURE__ */ i(
-    "div",
-    {
-      ref: m,
-      className: d(
-        `${e}`,
-        { [`${e}-rtl`]: $ },
-        t.className
-      ),
-      style: t.style,
-      ...b(t),
-      children: [
-        a && /* @__PURE__ */ n("div", { className: d(`${e}-avatar`), children: R(a) ? /* @__PURE__ */ n("img", { src: a, alt: "comment-avatar" }) : a }),
-        /* @__PURE__ */ i("div", { className: `${e}-inner`, children: [
-          /* @__PURE__ */ i("div", { className: `${e}-inner-content`, children: [
-            (s || r) && /* @__PURE__ */ i(
-              "div",
-              {
-                className: `${e}-title ${e}-title-align-${c.datetime}`,
-                children: [
-                  s && /* @__PURE__ */ n("span", { className: `${e}-author`, children: s }),
-                  r && /* @__PURE__ */ n("span", { className: `${e}-datetime`, children: r })
-                ]
-              }
-            ),
-            l && /* @__PURE__ */ n("div", { className: `${e}-content`, children: l }),
-            o && /* @__PURE__ */ n(
-              "div",
-              {
-                className: `${e}-actions ${e}-actions-align-${c.actions}`,
-                children: o
-              }
-            )
-          ] }),
-          t.children && /* @__PURE__ */ n("div", { className: `${e}-inner-comment`, children: t.children })
-        ] })
-      ]
-    }
-  );
-}
-const k = h(E);
-k.displayName = "Comment";
-export {
-  k as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "./Comment.js";
+//#region components/pc/comment/index.tsx
+var t = Object.assign(e, {});
+//#endregion
+export { t as default };
+/* 独立思考，明辨是非 */

package/config-provider/ConfigProvider.d.ts

@@ -0,0 +1,6 @@
+import type { ConfigProviderProps } from './interface';
+declare function ConfigProvider(baseProps: ConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ConfigProvider {
+    var displayName: string;
+}
+export default ConfigProvider;

package/config-provider/ConfigProvider.js

@@ -1,50 +1,39 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as s } from "react/jsx-runtime";
-import a from "@unicom-cloud/icons/context";
-import { UI_PC_PREFIX as t } from "@unicom-cloud/utils/constant/ui";
-import g from "lodash/merge";
-import { useContext as P, useLayoutEffect as d, useEffect as x } from "react";
-import v from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import e, { ConfigProviderDefaultProps as h } from "./context.js";
-import N from "./initUI.js";
-import I from "./useConfigProvider.js";
-N();
-const R = { ...h }, E = {};
-function l(c) {
-  const i = P(e), r = v(
-    c,
-    R,
-    E
-  ), {
-    childrenName: b,
-    theme: y,
-    prefixCls: o = t,
-    locale: G,
-    rtl: M,
-    effectGlobalNotice: U = !0,
-    effectGlobalModal: _ = !0,
-    children: n,
-    getPrefixCls: $
-  } = r;
-  function m(u, p) {
-    return `${p || o || t}-${u}`;
-  }
-  let f = n;
-  o && (o === t || (f = /* @__PURE__ */ s(a.Provider, { value: { prefixCls: o }, children: n }))), I({ ...r, isRootConfig: i.isRootConfig }), d(() => () => {
-  }, []), x(() => () => {
-  }, []);
-  const C = g({}, i, r, {
-    getPrefixCls: m,
-    isRootConfig: !1
-  });
-  return /* @__PURE__ */ s(e.Provider, { value: C, children: f });
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../hooks/use-merge-props/index.js";
+import t, { ConfigProviderDefaultValue as n } from "./context.js";
+import r from "./initUI.js";
+import i from "./useConfigProvider.js";
+import { useContext as a, useEffect as o, useLayoutEffect as s } from "react";
+import c from "lodash/merge";
+import l from "@unicom-cloud/icons/context";
+import { UI_PC_PREFIX as u } from "@unicom-cloud/utils/constant/ui";
+import { jsx as d } from "react/jsx-runtime";
+//#region components/pc/config-provider/ConfigProvider.tsx
+r();
+var f = { ...n }, p = {};
+function m(n) {
+	let r = a(t), m = e(n, f, p), { childrenName: h, theme: g, prefixCls: _ = u, locale: v, rtl: y, effectGlobalNotice: b = !0, effectGlobalModal: x = !0, children: S, getPrefixCls: C } = m;
+	function w(e, t) {
+		return `${t || _ || u}-${e}`;
+	}
+	let T = S;
+	_ && (_ === u || (T = /* @__PURE__ */ d(l.Provider, {
+		value: { prefixCls: _ },
+		children: S
+	}))), i({
+		...m,
+		isRootConfig: r.isRootConfig
+	}), s(() => () => {}, []), o(() => () => {}, []);
+	let E = c({}, r, m, {
+		getPrefixCls: w,
+		isRootConfig: !1
+	});
+	return /* @__PURE__ */ d(t.Provider, {
+		value: E,
+		children: T
+	});
 }
-l.ConfigContext = e;
-l.displayName = "ConfigProvider";
-const B = e.Consumer;
-export {
-  B as ConfigConsumer,
-  e as ConfigContext,
-  h as ConfigProviderDefaultProps,
-  l as default
-};
+m.displayName = "ConfigProvider";
+//#endregion
+export { m as default };
+/* 独立思考，明辨是非 */

package/config-provider/context.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ConfigProviderProps } from './interface';
+export declare const PREFIX_CLS: "pqb";
+export declare const ConfigProviderDefaultValue: ConfigProviderProps;
+declare const ConfigContext: React.Context<ConfigProviderProps>;
+export default ConfigContext;