@unicom-cloud/ui 0.8.157 → 0.8.159

package/trigger/getPopupStyle.d.ts

@@ -1,14 +1,5 @@
-import type { MouseLocationType, ReturnType, TriggerProps } from './interface';
-export declare function getBoundingClientRect(dom: any, options: {
-    boundaryDistance?: TriggerProps['boundaryDistance'];
-    position: TriggerProps['position'];
-}): {
-    width: any;
-    height: any;
-    left: any;
-    right: any;
-    top: any;
-    bottom: any;
-};
+import type { ChildRect, MouseLocationType, PositionOptionsType, ReturnType, TriggerProps } from './interface';
+export declare function getBoundingClientRect(dom: Element, options: PositionOptionsType): ChildRect;
+export declare function getDOM_Position(dom: HTMLElement, options: PositionOptionsType): Partial<ChildRect>;
 declare function getPopupStyle(props: TriggerProps, content: HTMLElement, child: HTMLElement, mountContainer: Element, mouseLocation: MouseLocationType): ReturnType;
 export default getPopupStyle;

package/trigger/getPopupStyle.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isArray as e, isNumber as t, isServerRendering as n, isUndefined as r } from "../utils/is.js";
 //#region components/pc/trigger/getPopupStyle.ts
 var i = 0;
@@ -21,7 +21,17 @@ function a(e, t) {
 		bottom: g
 	};
 }
-function o(e, t, r, i) {
+function o(e, t) {
+	if (!e) return {};
+	let { width: n, height: r, left: i, right: o } = a(e, t);
+	return {
+		width: n,
+		height: r,
+		left: i,
+		right: o
+	};
+}
+function s(e, t, r, i) {
 	if (!r || !e || n) return {
 		left: 0,
 		width: 0,
@@ -40,39 +50,41 @@ function o(e, t, r, i) {
 		height: p
 	};
 }
-function s(e, t, n) {
+function c(e, t, n) {
 	return n < e ? e : n > t ? t : n;
 }
-function c(n, r) {
-	let i = n;
-	if (t(i)) {
-		let e = i;
-		i = {
+function l(n, r) {
+	if (t(n)) {
+		let e = n;
+		n = {
 			left: e,
 			right: e,
 			top: e,
 			bottom: e
 		};
 	}
-	let a = 0, o = 0, s = {};
-	s = r ? {
+	let i = 0, a = 0, o = { ...n };
+	o = r ? {
 		left: 12,
 		right: 12,
 		top: 12,
 		bottom: 12,
-		...i
-	} : { ...i };
-	for (let t in s) if (e(s[t])) {
-		let e = 0;
-		["top", "bottom"].includes(t) ? (e = 1, a = s[t][0]) : o = s[t][1], s[t] = s[t][e];
+		...n
+	} : { ...n };
+	for (let t in o) {
+		let n = t, r = o[n];
+		if (e(r)) {
+			let e = 0;
+			["top", "bottom"].includes(t) ? (e = 1, i = r[0]) : a = r[1], o[n] = r[e];
+		}
 	}
 	return {
-		...s,
-		horizontalOffset: a,
-		verticalOffset: o
+		...o,
+		horizontalOffset: i,
+		verticalOffset: a
 	};
 }
-function l(e, t, { boundaryDistance: n, position: r }) {
+function u(e, t, { boundaryDistance: n, position: r }) {
 	return t ? {
 		left: t.clientX,
 		top: t.clientY,
@@ -85,34 +97,37 @@ function l(e, t, { boundaryDistance: n, position: r }) {
 		position: r
 	});
 }
-function u(e) {
+function d(e) {
 	return {
 		width: e.offsetWidth,
 		height: e.offsetHeight
 	};
 }
-function d(e) {
+function f(e) {
 	let t = e || {}, n = "left" in t ? t.left : "right" in t ? t.right : i, r = "top" in t ? t.top : "bottom" in t ? t.bottom : i;
 	return {
 		windowHeight: (document.documentElement?.clientHeight || window.innerHeight) - (r || i),
 		windowWidth: (document.documentElement?.clientWidth || window.innerWidth) - (n || i)
 	};
 }
-function f(e, t, n, i, a) {
-	let { autoAlignPopupWidth: f, autoAlignPopupMinWidth: p, alignPoint: m, style: h, arrow: g } = e;
+function p(e, t, n, i, a) {
+	let { autoAlignPopupWidth: o, autoAlignPopupMinWidth: p, alignPoint: m, style: h, arrow: g } = e;
 	if (!n || !t || !i) return {};
-	let _ = {}, v = !e.alignPoint && e.boundaryDistance || {}, y = l(n, m && a, {
+	let _ = {
+		left: 0,
+		top: 0
+	}, v = !e.alignPoint && e.boundaryDistance || {}, y = u(n, m ? a : void 0, {
 		boundaryDistance: v,
 		position: e.position
-	}), { left: b, top: x, width: S, height: C } = o(n, y, i, {
+	}), { left: b, top: x, width: S, height: C } = s(n, y, i, {
 		boundaryDistance: v,
 		position: e.position
-	}), w = c(e.popupAlign, !!g), T = w.left || 0, E = w.right || 0, D = w.top || 0, O = w.bottom || 0;
-	f && r(h?.width) && (t.style.width = `${n.offsetWidth}px`), p && (t.style.minWidth = `${n.offsetWidth}px`);
-	let k = u(t), A = e.position, j = {};
+	}), w = l(e.popupAlign, !!g), T = w.left || 0, E = w.right || 0, D = w.top || 0, O = w.bottom || 0;
+	o && r(h?.width) && (t.style.width = `${n.offsetWidth}px`), p && (t.style.minWidth = `${n.offsetWidth}px`);
+	let k = d(t), A = e.position, j = {};
 	function M(t) {
 		if (!e.autoFitPosition) return;
-		let { windowHeight: n, windowWidth: r } = d(v), a = !1, o = {
+		let { windowHeight: n, windowWidth: r } = f(v), a = !1, o = {
 			left: b - y.left,
 			top: x - y.top
 		}, { top: s = 0, left: c = 0 } = _;
@@ -126,40 +141,40 @@ function f(e, t, n, i, a) {
 	let N = w.horizontalOffset || 0, P = w.verticalOffset || 0, F = b - Number(_.left) + S / 2, I = x - Number(_.top) + C / 2;
 	switch (e.position) {
 		case "top":
-			_.top = x - k.height - D, _.left = b + S / 2 - k.width / 2, M("top") && (A = "bottom"), _.left += N, F = b - Number(_.left) + S / 2, j.left = s(12, k.width - 12, F);
+			_.top = x - k.height - D, _.left = b + S / 2 - k.width / 2, M("top") && (A = "bottom"), _.left += N, F = b - Number(_.left) + S / 2, j.left = c(12, k.width - 12, F);
 			break;
 		case "tl":
-			_.top = x - k.height - D, _.left = b, M("top") && (A = "bl"), _.left += N, F = b - Number(_.left) + Math.min(S / 2, 50), j.left = s(12, k.width - 12, F);
+			_.top = x - k.height - D, _.left = b, M("top") && (A = "bl"), _.left += N, F = b - Number(_.left) + Math.min(S / 2, 50), j.left = c(12, k.width - 12, F);
 			break;
 		case "tr":
-			_.top = -t.clientHeight + x - D, _.left = b + S - k.width, M("top") && (A = "br"), _.left += N, F = b - Number(_.left) + Math.max(S / 2, S - 50), j.left = s(12, k.width - 12, F);
+			_.top = -t.clientHeight + x - D, _.left = b + S - k.width, M("top") && (A = "br"), _.left += N, F = b - Number(_.left) + Math.max(S / 2, S - 50), j.left = c(12, k.width - 12, F);
 			break;
 		case "bottom":
-			_.top = C + x + O, _.left = b + S / 2 - k.width / 2, M("bottom") && (A = "top"), _.left += N, F = b - Number(_.left) + S / 2, j.left = s(12, k.width - 12, F);
+			_.top = C + x + O, _.left = b + S / 2 - k.width / 2, M("bottom") && (A = "top"), _.left += N, F = b - Number(_.left) + S / 2, j.left = c(12, k.width - 12, F);
 			break;
 		case "bl":
-			_.top = C + x + O, _.left = b, M("bottom") && (A = "tl"), _.left += N, F = b - Number(_.left) + Math.min(S / 2, 50), j.left = s(12, k.width - 12, F);
+			_.top = C + x + O, _.left = b, M("bottom") && (A = "tl"), _.left += N, F = b - Number(_.left) + Math.min(S / 2, 50), j.left = c(12, k.width - 12, F);
 			break;
 		case "br":
-			_.top = C + x + O, _.left = b + S - k.width, M("bottom") && (A = "tr"), _.left += N, F = b - Number(_.left) + Math.max(S / 2, S - 50), j.left = s(12, k.width - 12, F);
+			_.top = C + x + O, _.left = b + S - k.width, M("bottom") && (A = "tr"), _.left += N, F = b - Number(_.left) + Math.max(S / 2, S - 50), j.left = c(12, k.width - 12, F);
 			break;
 		case "left":
-			_.top = x + C / 2 - k.height / 2, _.left = b - k.width - T, M("left") && (A = "right"), _.top += P, I = x - Number(_.top) + C / 2, j.top = s(12, k.height - 12, I);
+			_.top = x + C / 2 - k.height / 2, _.left = b - k.width - T, M("left") && (A = "right"), _.top += P, I = x - Number(_.top) + C / 2, j.top = c(12, k.height - 12, I);
 			break;
 		case "lt":
-			_.top = x, _.left = b - k.width - T, M("left") && (A = "rt"), _.top += P, I = x - Number(_.top) + Math.min(C / 2, 50), j.top = s(12, k.height - 12, I);
+			_.top = x, _.left = b - k.width - T, M("left") && (A = "rt"), _.top += P, I = x - Number(_.top) + Math.min(C / 2, 50), j.top = c(12, k.height - 12, I);
 			break;
 		case "lb":
-			_.top = x + C - k.height, _.left = b - k.width - T, M("left") && (A = "rb"), _.top += P, I = x - Number(_.top) + Math.max(C / 2, C - 50), j.top = s(12, k.height - 12, I);
+			_.top = x + C - k.height, _.left = b - k.width - T, M("left") && (A = "rb"), _.top += P, I = x - Number(_.top) + Math.max(C / 2, C - 50), j.top = c(12, k.height - 12, I);
 			break;
 		case "right":
-			_.top = x + C / 2 - k.height / 2, _.left = S + b + E, M("right") && (A = "left"), _.top += P, I = x - Number(_.top) + C / 2, j.top = s(12, k.height - 12, I);
+			_.top = x + C / 2 - k.height / 2, _.left = S + b + E, M("right") && (A = "left"), _.top += P, I = x - Number(_.top) + C / 2, j.top = c(12, k.height - 12, I);
 			break;
 		case "rt":
-			_.top = x, _.left = S + b + E, M("right") && (A = "lt"), _.top += P, I = x - Number(_.top) + Math.min(C / 2, 50), j.top = s(12, k.height - 12, I);
+			_.top = x, _.left = S + b + E, M("right") && (A = "lt"), _.top += P, I = x - Number(_.top) + Math.min(C / 2, 50), j.top = c(12, k.height - 12, I);
 			break;
 		case "rb":
-			_.top = x + C - k.height, _.left = S + b + E, M("right") && (A = "lb"), _.top += P, I = x - Number(_.top) + Math.max(C / 2, C - 50), j.top = s(12, k.height - 12, I);
+			_.top = x + C - k.height, _.left = S + b + E, M("right") && (A = "lb"), _.top += P, I = x - Number(_.top) + Math.max(C / 2, C - 50), j.top = c(12, k.height - 12, I);
 			break;
 		default: break;
 	}
@@ -170,5 +185,5 @@ function f(e, t, n, i, a) {
 	};
 }
 //#endregion
-export { f as default, a as getBoundingClientRect };
+export { p as default, a as getBoundingClientRect, o as getDOM_Position };
 /* 独立思考，明辨是非 */

package/trigger/index.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
-import e from "./Trigger.js";
-import { EventsByTriggerNeed as t } from "./utils.js";
-//#region components/pc/trigger/index.tsx
-var n = Object.assign(e, {});
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
+import { EventsByTriggerNeed as e } from "./utils.js";
+import t from "./Trigger.js";
+//#region components/pc/trigger/index.ts
+var n = Object.assign(t, {});
 //#endregion
-export { t as EventsByTriggerNeed, n as default };
+export { e as EventsByTriggerNeed, n as default };
 /* 独立思考，明辨是非 */

package/trigger/interface.d.ts

@@ -14,6 +14,18 @@ export type ChildRect = {
     bottom: number;
 };
 export type TriggerPositionType = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
+export type PositionOptionsType = {
+    boundaryDistance: TriggerProps['boundaryDistance'];
+    position: TriggerProps['position'];
+};
+export type PopupAlignType = {
+    left?: number;
+    right?: number;
+    bottom?: number;
+    top?: number;
+    horizontalOffset?: number;
+    verticalOffset?: number;
+};
 /**
  * @title Trigger
  */
@@ -184,12 +196,12 @@ export interface TriggerProps extends GetPopupContainer {
      * @zh 按钮点击事件（`trigger` 包含 `click` 时生效）
      * @en Callback when click the child node. (Only work when `trigger` contains `click`)
      */
-    onClick?: (e: any) => void;
+    onClick?: (e?: MouseEvent) => void;
     /**
      * @zh 点击触发节点和弹出框以外的区域的回调。
      * @en Callback when click the area outside the child and the popup
      */
-    onClickOutside?: Function;
+    onClickOutside?: (e?: MouseEvent) => void;
     /**
      * @zh
      * 调整弹出框的位置，有四个属性值，`left`, `right`, `top`, `bottom`，分别表示向该方向移动几个像素。
@@ -249,10 +261,15 @@ export interface TriggerProps extends GetPopupContainer {
     updateOnScroll?: boolean;
     children?: ReactNode;
     getRootElement?: () => HTMLElement;
-    __onExit?: (event: any) => void;
-    __onExited?: (event: any) => void;
+    __onExit?: (e?: HTMLElement | null) => void;
+    __onExited?: (e?: HTMLElement | null) => void;
 }
 export type MouseLocationType = {
     clientX: number;
     clientY: number;
 };
+export interface TriggerState {
+    popupVisible: boolean;
+    popupStyle: object;
+}
+export type EventsByTriggerNeedType = 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseMove' | 'onFocus' | 'onBlur' | 'onContextMenu' | 'onKeyDown';

package/trigger/utils.d.ts

@@ -1 +1,11 @@
+import type { CSSProperties } from 'react';
 export declare const EventsByTriggerNeed: string[];
+/**
+ * 拆分样式对象：提取指定属性，剩余属性保留
+ * @param cssProperties 原始样式对象
+ * @param keys 需要提取的样式属性数组
+ */
+export declare function splitChildrenStyle<T extends keyof CSSProperties, K extends keyof CSSProperties = Exclude<keyof CSSProperties, T>>(cssProperties: CSSProperties, keys: T[]): {
+    picked: Pick<CSSProperties, T>;
+    omitted: Pick<CSSProperties, K>;
+};

package/trigger/utils.js

@@ -1,6 +1,7 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
+import { object_exports as e } from "../utils/object.js";
 //#region components/pc/trigger/utils.ts
-var e = [
+var t = [
 	"onClick",
 	"onMouseEnter",
 	"onMouseLeave",
@@ -10,6 +11,15 @@ var e = [
 	"onContextMenu",
 	"onKeyDown"
 ];
+function n(t, n) {
+	let r = {}, i = { ...t };
+	return n.forEach((n) => {
+		(0, e.hasOwn)(t, n) && (r[n] = t[n], delete i[n]);
+	}), {
+		picked: r,
+		omitted: i
+	};
+}
 //#endregion
-export { e as EventsByTriggerNeed };
+export { t as EventsByTriggerNeed, n as splitChildrenStyle };
 /* 独立思考，明辨是非 */

package/typography/Base.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isPlainObject as e, isUndefined 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/className.js";
 import i from "../config-provider/context.js";
 import a from "../utils/omit.js";
@@ -32,9 +32,11 @@ function T(_, T) {
 		ellipsisStr: "...",
 		cssEllipsis: !1,
 		...e(j) ? j : {}
-	} : {}, G = W.wrapper || g.Fragment, [K, se] = n(!1, {
-		defaultValue: W.defaultExpanded,
-		value: W.expanded
+	} : {}, G = W.wrapper || g.Fragment, [K, se] = n({ ...W }, {
+		defaultValue: !1,
+		defaultValuePropName: "defaultExpanded",
+		valuePropName: "expanded",
+		triggerPropName: !1
 	}), { simpleEllipsis: q, ellipsisStyle: ce } = ee(W), J = (e, n) => {
 		let r = t(W.ellipsisStr) ? "..." : W.ellipsisStr, i = !t(W.suffix) && W.suffix;
 		return /* @__PURE__ */ te(G, { children: [

package/typography/EditContent.js

@@ -1,54 +1,55 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isFunction as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../utils/mergedToString.js";
-import r from "../input/index.js";
-import { forwardRef as i, useEffect as a, useRef as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
+import r from "../input/Textarea.js";
+import i from "../input/index.js";
+import { forwardRef as a, useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
 //#region components/pc/typography/EditContent.tsx
-function c(i, c) {
-	let { prefixCls: l, children: u, setEditing: d, editableConfig: f, style: p } = i, m = t(`${l}-typography`, `${l}-edit-content`, i.className), h = n(u), g = o(null);
-	a(() => {
-		if (g.current) {
-			g.current.focus();
-			let t = g.current.getInputElement;
+function l(a, l) {
+	let { prefixCls: u, children: d, setEditing: f, editableConfig: p, style: m } = a, h = t(`${u}-typography`, `${u}-edit-content`, a.className), g = n(d), _ = s(null);
+	o(() => {
+		if (_.current) {
+			_.current.focus();
+			let t = _.current.getInputElement;
 			if (e(t)) {
 				let e = t(), { length: n } = e.value;
 				e.setSelectionRange(n, n);
 			}
 		}
 	}, []);
-	let _ = () => {
-		d?.(!1), f?.onEnd?.(h);
-	}, v = {
-		className: `${l}-edit-content-input`,
-		value: h,
-		onBlur: () => _(),
+	let v = () => {
+		f?.(!1), p?.onEnd?.(g);
+	}, y = {
+		className: `${u}-edit-content-input`,
+		value: g,
+		onBlur: () => v(),
 		onChange: (e) => {
-			f?.onChange?.(e);
+			p?.onChange?.(e);
 		}
-	}, y;
-	return y = f?.inputProps ? /* @__PURE__ */ s(r, {
-		...v,
-		ref: g,
-		onPressEnter: _,
-		...f.inputProps
-	}) : /* @__PURE__ */ s(r.Textarea, {
-		...v,
-		ref: g,
+	}, b;
+	return b = p?.inputProps ? /* @__PURE__ */ c(i, {
+		...y,
+		ref: _,
+		onPressEnter: v,
+		...p.inputProps
+	}) : /* @__PURE__ */ c(r, {
+		...y,
+		ref: _,
 		autoSize: !0,
 		onPressEnter: (e) => {
-			e.shiftKey || _();
+			e.shiftKey || v();
 		},
-		...f?.textareaProps
-	}), /* @__PURE__ */ s("div", {
-		className: m,
-		style: p,
-		ref: c,
-		children: y
+		...p?.textareaProps
+	}), /* @__PURE__ */ c("div", {
+		className: h,
+		style: m,
+		ref: l,
+		children: b
 	});
 }
-var l = i(c);
+var u = a(l);
 //#endregion
-export { l as default };
+export { u as default };
 /* 独立思考，明辨是非 */