@unicom-cloud/ui 0.8.150 → 0.8.152

package/radio/interface.d.ts

@@ -0,0 +1,102 @@
+import { CSSProperties, ChangeEvent, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import type { ReadOnly, Size } from '../interface';
+/**
+ * @title Radio
+ */
+export interface RadioProps<T = any> extends Omit<HTMLAttributes<HTMLLabelElement>, 'children' | 'className' | 'onChange'>, ReadOnly {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 是否禁用
+     * @en Whether the radio is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh 控件的 `value`
+     * @en The value of radio
+     */
+    value?: T;
+    /**
+     * @zh 是否选中（受控模式）
+     * @en Whether the radio is checked (Controlled)
+     */
+    checked?: boolean;
+    /**
+     * @zh 初始是否选中
+     * @en Whether the radio is initially selected
+     */
+    defaultChecked?: boolean;
+    /**
+     * @zh 值变化的回调
+     * @en Callback when radio status change
+     */
+    onChange?: (checked: boolean, event: ChangeEvent) => void;
+    children?: ReactNode | ((value: {
+        checked: boolean;
+    }) => ReactNode);
+}
+/**
+ * @title Radio.Group
+ */
+export interface RadioGroupProps extends ReadOnly, Size, PropsWithChildren {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 禁用
+     * @en disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh `Radio` 的 name
+     * @en `Radio`'s name attr
+     */
+    name?: string;
+    /**
+     * @zh 单选的类型，是单选还是按钮
+     * @en type of `Radio`
+     * @defaultValue radio
+     */
+    type?: 'radio' | 'button';
+    /**
+     * @zh 方向
+     * @en Arrangement direction
+     * @defaultValue horizontal
+     */
+    direction?: 'vertical' | 'horizontal';
+    mode?: 'outline' | 'fill';
+    /**
+     * @zh 点击单选的回调
+     * @en Callback when radio status change
+     */
+    onChange?: (value: any, event: ChangeEvent) => void;
+    /**
+     * @zh 默认选中的值
+     * @en To set default value
+     */
+    defaultValue?: any;
+    /**
+     * @zh 选中的值（受控模式）
+     * @en To set value
+     */
+    value?: any;
+    /**
+     * @zh 以数组配置的形式来设置单选组
+     * @en Set children options
+     */
+    options?: (string | number | {
+        label: ReactNode;
+        value: any;
+        disabled?: boolean;
+    })[];
+}
+export interface RadioGroupContextProps {
+    type: 'radio' | 'button';
+    value?: unknown;
+    disabled?: boolean;
+    readOnly?: boolean;
+    group?: boolean;
+    name?: RadioGroupProps['name'];
+    onChangeValue?: (value: unknown, event: ChangeEvent) => void;
+    prefixCls?: string;
+    prefixClsGroup?: string;
+}

package/rate/Rate.d.ts

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

package/rate/Rate.js

@@ -0,0 +1,98 @@
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+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";
+import { FormContext as i, FormItemContext as a } from "../form/context.js";
+import "../config-provider/index.js";
+import o from "../utils/omit.js";
+import s from "../tooltip/index.js";
+import c, { useContext as l, useImperativeHandle as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as ee } from "react/jsx-runtime";
+import { div as te, times as m } from "@unicom-cloud/utils/math";
+import h from "@unicom-cloud/icons/IconUiFaceFrownFill";
+import g from "@unicom-cloud/icons/IconUiFaceMehFill";
+import _ from "@unicom-cloud/icons/IconUiFaceSmileFill";
+import v from "@unicom-cloud/icons/IconUiStarFill";
+//#region components/pc/rate/Rate.tsx
+var y = {
+	character: /* @__PURE__ */ p(v, {}),
+	count: 5
+};
+function b(v, b) {
+	let { getPrefixCls: x, componentConfig: S, rtl: C } = l(r), w = l(i), T = l(a), E = n(v, y, S?.Rate), { style: D = {}, className: O, defaultValue: k, character: A, count: j, value: M, tooltips: N, allowHalf: P, allowClear: ne, readOnly: F = T?.readOnly ?? w?.readOnly, disabled: I, grading: L, onChange: R, onHoverChange: z, ...B } = E, [V, H] = f(k || M || 0), [U, W] = f(0), [G, K] = f(), q = x?.("rate"), J = t(q, {
+		[`${q}-readonly`]: F,
+		[`${q}-disabled`]: I,
+		[`${q}-rtl`]: C
+	}, O), Y = "value" in E ? M : V, X = () => {
+		U && (W(0), z?.(0));
+	}, Z = (e, t) => {
+		let n = t && P ? e + .5 : e + 1;
+		n !== U && (W(n), z?.(n));
+	}, Q = (e, t) => {
+		let n = t && P ? e + .5 : e + 1;
+		K(!0), n === Y ? ne && (H(0), R?.(0), X()) : (H(n), R?.(n));
+	}, re = (n) => {
+		let r = P ? m(+te(Y || 0, .5).toFixed(0), .5) : Math.round(Y), i = U || r, a = e(A) ? A(n) : A;
+		L && (a = p(i <= 2 ? h : i <= 3 ? g : _, {}), i <= n && (a = /* @__PURE__ */ p(g, {})));
+		let o = t(`${q}-character`, {
+			[`${q}-character-half`]: P && n + .5 === i,
+			[`${q}-character-full`]: n + 1 <= i,
+			[`${q}-character-scale`]: G && n + 1 < Y
+		}), l = F || I ? {} : {
+			onMouseEnter: Z.bind(this, n, !0),
+			onClick: Q.bind(this, n, !0)
+		}, u = F || I ? {} : {
+			onMouseEnter: Z.bind(this, n, !1),
+			onClick: Q.bind(this, n, !1)
+		}, d = N && N[n], f = d ? s : c.Fragment, v = d ? { content: d } : {};
+		function y(e) {
+			return {
+				role: "radio",
+				"aria-checked": n + (e ? .5 : 1) <= i,
+				"aria-setsize": j,
+				"aria-posinset": n + (e ? .5 : 1)
+			};
+		}
+		return /* @__PURE__ */ p(f, {
+			...v,
+			children: /* @__PURE__ */ ee("div", {
+				className: o,
+				style: G ? { animationDelay: `${50 * n}ms` } : {},
+				onAnimationEnd: () => {
+					G && n + 1 >= Y - 1 && K(!1);
+				},
+				...P ? {} : y(),
+				children: [/* @__PURE__ */ p("div", {
+					className: `${q}-character-left`,
+					...l,
+					...P ? y(!0) : {},
+					children: a
+				}), /* @__PURE__ */ p("div", {
+					className: `${q}-character-right`,
+					...u,
+					...P ? y() : {},
+					children: a
+				})]
+			})
+		}, n);
+	}, $ = d(null);
+	return u(b, () => ({ getRootElement() {
+		return $.current;
+	} })), /* @__PURE__ */ p("div", {
+		ref: $,
+		...o(B, ["error"]),
+		style: D,
+		className: J,
+		onMouseLeave: X,
+		children: /* @__PURE__ */ p("div", {
+			className: `${q}-inner`,
+			children: Array.apply(null, Array(L ? 5 : j)).map((e, t) => re(t))
+		})
+	});
+}
+var x = c.forwardRef(b);
+x.displayName = "Rate";
+//#endregion
+export { x as default };
+/* 独立思考，明辨是非 */

package/rate/index.d.ts

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

package/rate/index.js

@@ -1,135 +1,7 @@
-/* 2026-03-04 15:09:50 */
-import { jsx as r, jsxs as te } from "react/jsx-runtime";
-import oe from "@unicom-cloud/icons/IconUiFaceFrownFill";
-import H from "@unicom-cloud/icons/IconUiFaceMehFill";
-import re from "@unicom-cloud/icons/IconUiFaceSmileFill";
-import ae from "@unicom-cloud/icons/IconUiStarFill";
-import { times as ne, div as se } from "@unicom-cloud/utils/math";
-import U, { useContext as h, useState as C, useRef as ce, useImperativeHandle as le } from "react";
-import "../config-provider/ConfigProvider.js";
-import { FormContext as ie, FormItemContext as me } from "../form/context.js";
-import fe from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import pe from "../tooltip/Tooltip.js";
-import k from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as ue } from "@unicom-cloud/ui-common/utils/is";
-import de from "@unicom-cloud/ui-common/utils/omit";
-import he from "../config-provider/context.js";
-const Ce = {
-  character: /* @__PURE__ */ r(ae, {}),
-  count: 5
-};
-function ve(O, S) {
-  const { getPrefixCls: _, componentConfig: j, rtl: x } = h(he), z = h(ie), D = h(me), v = fe(
-    O,
-    Ce,
-    j?.Rate
-  ), {
-    style: L = {},
-    className: T,
-    defaultValue: W,
-    character: l,
-    count: g,
-    value: F,
-    tooltips: I,
-    allowHalf: a,
-    allowClear: q,
-    readOnly: i = D?.readOnly ?? z?.readOnly,
-    disabled: m,
-    grading: $,
-    onChange: y,
-    onHoverChange: N,
-    ...B
-  } = v, [G, P] = C(W || F || 0), [f, R] = C(0), [p, M] = C(), o = _?.("rate"), J = k(
-    o,
-    {
-      [`${o}-readonly`]: i,
-      [`${o}-disabled`]: m,
-      [`${o}-rtl`]: x
-    },
-    T
-  ), c = "value" in v ? F : G, b = () => {
-    f && (R(0), N?.(0));
-  }, w = (e, n) => {
-    const t = n && a ? e + 0.5 : e + 1;
-    t !== f && (R(t), N?.(t));
-  }, E = (e, n) => {
-    const t = n && a ? e + 0.5 : e + 1;
-    M(!0), t !== c ? (P(t), y?.(t)) : q && (P(0), y?.(0), b());
-  }, K = (e) => {
-    const n = a ? ne(+se(c || 0, 0.5).toFixed(0), 0.5) : Math.round(c), t = f || n;
-    let s = ue(l) ? l(e) : l;
-    $ && (t <= 2 ? s = /* @__PURE__ */ r(oe, {}) : t <= 3 ? s = /* @__PURE__ */ r(H, {}) : s = /* @__PURE__ */ r(re, {}), t <= e && (s = /* @__PURE__ */ r(H, {})));
-    const Q = k(`${o}-character`, {
-      [`${o}-character-half`]: a && e + 0.5 === t,
-      [`${o}-character-full`]: e + 1 <= t,
-      [`${o}-character-scale`]: p && e + 1 < c
-    }), X = i || m ? {} : {
-      onMouseEnter: w.bind(this, e, !0),
-      onClick: E.bind(this, e, !0)
-    }, Y = i || m ? {} : {
-      onMouseEnter: w.bind(this, e, !1),
-      onClick: E.bind(this, e, !1)
-    }, u = I && I[e], Z = u ? pe : U.Fragment, ee = u ? { content: u } : {};
-    function d(A) {
-      return {
-        role: "radio",
-        "aria-checked": e + (A ? 0.5 : 1) <= t,
-        "aria-setsize": g,
-        "aria-posinset": e + (A ? 0.5 : 1)
-      };
-    }
-    return /* @__PURE__ */ r(Z, { ...ee, children: /* @__PURE__ */ te(
-      "div",
-      {
-        className: Q,
-        style: p ? { animationDelay: `${50 * e}ms` } : {},
-        onAnimationEnd: () => {
-          p && e + 1 >= c - 1 && M(!1);
-        },
-        ...a ? {} : d(),
-        children: [
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: `${o}-character-left`,
-              ...X,
-              ...a ? d(!0) : {},
-              children: s
-            }
-          ),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: `${o}-character-right`,
-              ...Y,
-              ...a ? d() : {},
-              children: s
-            }
-          )
-        ]
-      }
-    ) }, e);
-  }, V = ce(null);
-  return le(S, () => ({
-    getRootElement() {
-      return V.current;
-    }
-  })), /* @__PURE__ */ r(
-    "div",
-    {
-      ref: V,
-      ...de(B, ["error"]),
-      style: L,
-      className: J,
-      onMouseLeave: b,
-      children: /* @__PURE__ */ r("div", { className: `${o}-inner`, children: Array.apply(null, Array($ ? 5 : g)).map(
-        (e, n) => K(n)
-      ) })
-    }
-  );
-}
-const ge = U.forwardRef(ve);
-ge.displayName = "Rate";
-export {
-  ge as default
-};
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import e from "./Rate.js";
+//#region components/pc/rate/index.tsx
+var t = Object.assign(e, {});
+//#endregion
+export { t as default };
+/* 独立思考，明辨是非 */

package/rate/interface.d.ts

@@ -0,0 +1,66 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { ReadOnly } from '../interface';
+/**
+ * @title Rate
+ */
+export interface RateProps extends ReadOnly {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 默认值
+     * @en To set default value
+     */
+    defaultValue?: number;
+    /**
+     * @zh 自定义字符
+     * @en The custom character of rate
+     * @defaultValue <IconUiStarFill />
+     */
+    character?: ReactNode | ((index: number) => ReactNode);
+    /**
+     * @zh 星的总数
+     * @en Star count
+     * @defaultValue 5
+     */
+    count?: number;
+    /**
+     * @zh 星的个数，受控值
+     * @en To set value
+     */
+    value?: number;
+    /**
+     * @zh 自定义每一项的提示信息
+     * @en Customize tooltip by each character
+     */
+    tooltips?: string[];
+    /**
+     * @zh 是否允许半选
+     * @en Whether to allow half selection
+     */
+    allowHalf?: boolean;
+    /**
+     * @zh 是否允许清除
+     * @en Whether to allow clear when click again
+     */
+    allowClear?: boolean;
+    /**
+     * @zh 是否禁用
+     * @en Whether is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh 笑脸分级
+     * @en Whether to show score with smiley icon
+     */
+    grading?: boolean;
+    /**
+     * @zh 选择时的回调
+     * @en Callback when score is changed
+     */
+    onChange?: (value: number) => void;
+    /**
+     * @zh 鼠标经过时数值变化的回调
+     * @en Callback when the score user hovered is changed
+     */
+    onHoverChange?: (value: number) => void;
+}

package/resize-box/ResizeBox.d.ts

@@ -0,0 +1,13 @@
+import Split from './Split';
+import SplitGroup from './SplitGroup';
+import type { ResizeBoxProps } from './interface';
+export type DirectionType = 'left' | 'right' | 'top' | 'bottom';
+declare const ForwardRefResizeBox: import("react").ForwardRefExoticComponent<ResizeBoxProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>>;
+declare const ResizeBoxComponent: typeof ForwardRefResizeBox & {
+    Split: typeof Split;
+    SplitGroup: typeof SplitGroup;
+};
+export default ResizeBoxComponent;
+export type { ResizeBoxProps };

package/resize-box/ResizeBox.js

@@ -0,0 +1,143 @@
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isNumber as e } from "../utils/is.js";
+import t from "../hooks/use-merge-value/index.js";
+import n from "../utils/className.js";
+import r from "../hooks/use-merge-props/index.js";
+import { off as i, on as a } from "../utils/dom.js";
+import o from "../config-provider/context.js";
+import "../config-provider/index.js";
+import s from "../utils/omit.js";
+import c from "./ResizeTrigger.js";
+import "./Split.js";
+import "./SplitGroup.js";
+import { forwardRef as l, useContext as u, useImperativeHandle as d, useRef as f, useState as ee } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region components/pc/resize-box/ResizeBox.tsx
+var h = "left", g = "right", _ = "top", v = "bottom", y = [
+	h,
+	g,
+	_,
+	v
+], b = {
+	component: "div",
+	directions: ["right"],
+	resizeIcons: {},
+	resizeTriggers: {}
+}, x = (e) => {
+	switch (e) {
+		case "left": return "right";
+		case "right": return "left";
+		default: return e;
+	}
+};
+function S(l, S) {
+	let { getPrefixCls: C, componentConfig: w, rtl: T } = u(o), E = r(l, b, w?.ResizeBox), { style: D, className: O, component: k, directions: A, resizeIcons: j, children: M, resizeTriggers: N, width: P, height: F, ...I } = E, L = T ? A.map((e) => x(e)) : A, R = C?.("resizebox"), z = n(R, { [`${R}-rtl`]: T }, O), [B, V] = ee({}), [H, U] = t(void 0, { value: P }), [W, G] = t(void 0, { value: F }), K = f({
+		startX: 0,
+		startY: 0,
+		startWidth: 0,
+		startHeight: 0,
+		direction: g,
+		moving: !1,
+		padding: {
+			top: 0,
+			bottom: 0,
+			left: 0,
+			right: 0
+		}
+	}), q = f(void 0);
+	d(S, () => ({ getRootElement() {
+		return q.current;
+	} }));
+	function J(e) {
+		return [_, v].includes(e);
+	}
+	function Y(e, t) {
+		if (e === 0) return 0;
+		let n = e - t;
+		return n <= 0 ? 0 : n;
+	}
+	function X(e) {
+		let t = document.body, n = "data-pqb-origin-cursor";
+		if (e) t.setAttribute(n, t.style.cursor), t.style.cursor = e;
+		else {
+			let e = t.getAttribute(n);
+			t.style.cursor = e || "", t.removeAttribute(n);
+		}
+	}
+	function Z(e, t) {
+		E.onMovingStart?.(), K.current.moving = !0, K.current.startX = t.pageX, K.current.startY = t.pageY, K.current.direction = e;
+		let { top: n, left: r, right: i, bottom: o } = K.current.padding;
+		K.current.startWidth = Y(q.current?.clientWidth, r + i), K.current.startHeight = Y(q.current?.clientHeight, n + o), a(window, "mousemove", Q), a(window, "touchmove", Q), a(window, "mouseup", $), a(window, "touchend", $), a(window, "contextmenu", $), X(J(e) ? "row-resize" : "col-resize");
+	}
+	function Q(e) {
+		if (!K.current.moving) return !1;
+		let { startX: t, startY: n, startWidth: r, startHeight: i } = K.current, a = r, o = i, s = e.pageX - t, c = e.pageY - n;
+		switch (K.current.direction) {
+			case h:
+				a = r - s, U(a);
+				break;
+			case g:
+				a = r + s, U(a);
+				break;
+			case _:
+				o = i - c, G(o);
+				break;
+			case v:
+				o = i + c, G(o);
+				break;
+			default: break;
+		}
+		E.onMoving?.(e, {
+			width: a,
+			height: o
+		});
+	}
+	function $() {
+		K.current.moving = !1, te(), X(), E.onMovingEnd?.();
+	}
+	function te() {
+		i(window, "mousemove", Q), i(window, "touchmove", Q), i(window, "mouseup", $), i(window, "touchend", $), i(window, "contextmenu", $);
+	}
+	function ne(e, t) {
+		let n = J(e), { contentRect: r } = t[0], i = `${e.slice(0, 1).toUpperCase()}${e.slice(1)}`, a = r[n ? "height" : "width"];
+		K.current.padding[e] = a, V((e) => ({
+			...e,
+			[`padding${i}`]: a
+		}));
+	}
+	let re = {
+		...B,
+		...D || {},
+		...e(H) ? { width: H } : {},
+		...e(W) ? { height: W } : {}
+	};
+	return /* @__PURE__ */ m(k, {
+		...s(I, [
+			"onMovingStart",
+			"onMoving",
+			"onMovingEnd"
+		]),
+		style: re,
+		className: z,
+		ref: q,
+		children: [M, L.map((e) => {
+			if (y.includes(e)) return /* @__PURE__ */ p(c, {
+				className: `${R}-direction-${e}`,
+				direction: J(e) ? "horizontal" : "vertical",
+				icon: j[e],
+				onMouseDown: (t) => {
+					Z(e, t);
+				},
+				onResize: (t) => {
+					ne(e, t);
+				},
+				children: N[e]
+			}, e);
+		})]
+	});
+}
+var C = l(S);
+C.displayName = "ResizeBox";
+//#endregion
+export { C as default };
+/* 独立思考，明辨是非 */