@unicom-cloud/ui 0.8.161 → 0.8.163

package/collapse/Item.js

@@ -1,117 +1,118 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isFunction as e, isHTMLElement as t } from "../utils/is.js";
 import n from "../utils/className.js";
-import { COLLAPSE_ITEM_COMPONENT_INFO as r } from "../utils/names.js";
-import { forceReflow as i } from "../utils/dom.js";
-import a from "../config-provider/context.js";
-import o from "../icon-hover/index.js";
-import { Transition as s } from "../transition/index.js";
-import "../config-provider/index.js";
-import c from "../hooks/use-keyboard-event/index.js";
-import { CollapseContext as l } from "./context.js";
-import { normalizeName as u } from "./utils.js";
-import { forwardRef as d, useContext as f, useRef as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { PREFIX_CLASS as r } from "../utils/constant.js";
+import { COLLAPSE_ITEM_COMPONENT_INFO as i } from "../utils/names.js";
+import { ConfigContext as a } from "../config-provider/context.js";
+import { css_exports as o } from "../utils/css.js";
+import { transition_exports as s } from "../transition/index.js";
+import c from "../icon-hover/index.js";
+import l from "../hooks/use-keyboard-event/index.js";
+import { CollapseContext as u } from "./context.js";
+import { normalizeName as d } from "./utils.js";
+import { forwardRef as f, useContext as p, useRef as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region components/pc/collapse/Item.tsx
-function g(r, d) {
-	let { prefixCls: g, getPrefixCls: _ } = f(a), v = f(l), y = c(), { children: b, name: x, header: S, title: C, className: w, style: T, contentStyle: E, extra: D, disabled: O, destroyOnHide: k, expandIcon: A, showExpandIcon: j = !0, ...M } = r, N = u(x), P = C ?? S, F = p(null), I = p(null), L = _?.("collapse-item"), R = v.activeKeys?.includes?.(N), z = j ? "expandIcon" in r ? A : v.expandIcon : null, B = (e, t) => {
-		if (O) return;
-		let { triggerRegion: n } = v, r = n === "title";
-		(t === (n === "icon" ? 0 : r ? 1 : 2) || r && [0, 1].includes(t)) && v.onToggle?.(N, e);
+function _(i, f) {
+	let { prefixCls: _, getPrefixCls: v } = p(a), y = p(u), b = l(), { children: x, name: S, header: C, title: w, className: T, style: E, contentStyle: D, extra: O, disabled: k, destroyOnHide: A, expandIcon: j, showExpandIcon: M = !0, ...N } = i, P = d(S), F = w ?? C, I = m(null), L = m(null), R = v?.("collapse-item"), z = y.activeKeys?.includes?.(P), B = M ? "expandIcon" in i ? j : y.expandIcon : null, V = (e, t) => {
+		if (k) return;
+		let { triggerRegion: n } = y, r = n === "title";
+		(t === (n === "icon" ? 0 : r ? 1 : 2) || r && [0, 1].includes(t)) && y.onToggle?.(P, e);
 	};
-	return /* @__PURE__ */ h("div", {
-		ref: d,
-		...M,
-		className: n(L, {
-			[`${L}-active`]: R,
-			[`${L}-no-icon`]: !z,
-			[`${L}-disabled`]: O
-		}, w),
-		style: T,
-		children: [/* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g("div", {
+		ref: f,
+		...N,
+		className: n(R, {
+			[`${R}-active`]: z,
+			[`${R}-no-icon`]: !B,
+			[`${R}-disabled`]: k
+		}, T),
+		style: E,
+		children: [/* @__PURE__ */ g("div", {
 			role: "button",
-			"aria-disabled": O,
-			"aria-expanded": R,
-			"data-active-region": v.triggerRegion,
-			tabIndex: O ? -1 : 0,
-			className: n(`${L}-header`, `${L}-header-${v.expandIconPosition}`, { [`${L}-header-disabled`]: O }),
+			"aria-disabled": k,
+			"aria-expanded": z,
+			"data-active-region": y.triggerRegion,
+			tabIndex: k ? -1 : 0,
+			className: n(`${R}-header`, `${R}-header-${y.expandIconPosition}`, { [`${R}-header-disabled`]: k }),
 			onClick: (e) => {
-				B(e, 2);
+				V(e, 2);
 			},
-			...y({ onPressEnter(t) {
-				O || e(v?.onToggle) && v.onToggle(N, t);
+			...b({ onPressEnter(t) {
+				k || e(y?.onToggle) && y.onToggle(P, t);
 			} }),
 			children: [
-				z && /* @__PURE__ */ m(o, {
-					prefix: L,
-					disabled: O,
+				B && /* @__PURE__ */ h(c, {
+					prefix: R,
+					disabled: k,
 					className: n({
-						[`${L}-icon-hover-right`]: v.expandIconPosition === "right",
-						[`${L}-header-icon-right`]: v.expandIconPosition === "right"
+						[`${R}-icon-hover-right`]: y.expandIconPosition === "right",
+						[`${R}-header-icon-right`]: y.expandIconPosition === "right"
 					}),
-					onClick: (e) => B(e, 0),
-					children: /* @__PURE__ */ m("span", {
-						className: n(`${L}-header-icon`, { [`${L}-header-icon-down`]: R }),
-						children: z
+					onClick: (e) => V(e, 0),
+					children: /* @__PURE__ */ h("span", {
+						className: n(`${R}-header-icon`, { [`${R}-header-icon-down`]: z }),
+						children: B
 					})
 				}),
-				/* @__PURE__ */ m("div", {
-					className: `${L}-header-title`,
-					onClick: (e) => B(e, 1),
-					children: P
+				/* @__PURE__ */ h("div", {
+					className: `${R}-header-title`,
+					onClick: (e) => V(e, 1),
+					children: F
 				}),
-				D && /* @__PURE__ */ m("div", {
-					className: `${L}-header-extra`,
+				O && /* @__PURE__ */ h("div", {
+					className: `${R}-header-extra`,
 					onClick: (e) => {
 						e.stopPropagation();
 					},
-					children: D
+					children: O
 				})
 			]
-		}), /* @__PURE__ */ m(s, {
-			refElement: F,
-			in: R,
-			duration: 200,
-			mountOnEnter: "destroyOnHide" in r ? k : v.destroyOnHide || v.lazyload,
-			unmountOnExit: "destroyOnHide" in r ? k : v.destroyOnHide,
-			onEnter: (e) => {
-				e ||= F.current, t(e) && (e.style.height = "0", e.style.display = "block");
+		}), /* @__PURE__ */ h(s.TransitionCSS, {
+			refElement: I,
+			in: z,
+			duration: 227,
+			classNames: `${r}-height`,
+			mountOnEnter: "destroyOnHide" in i ? A : y.destroyOnHide || y.lazyload,
+			unmountOnExit: "destroyOnHide" in i ? A : y.destroyOnHide,
+			onEnterStart: (e) => {
+				e ||= I.current, t(e) && (o.cssCalcSizeSupported || (e.style.height = "0"), e.style.display = "block");
 			},
-			onEntering: (e) => {
-				e ||= F.current;
-				let n = I.current;
-				t(e) && t(n) && (e.style.height = `${Math.max(e.scrollHeight, n.scrollHeight)}px`);
+			onEnterActive: (e) => {
+				e ||= I.current;
+				let n = L.current;
+				t(e) && t(n) && (o.cssCalcSizeSupported || (e.style.height = `${Math.max(e.scrollHeight, n.scrollHeight)}px`));
 			},
-			onEntered: (e) => {
-				e ||= F.current, t(e) && (e.style.height = "auto");
+			onEnterDone: (e) => {
+				e ||= I.current, t(e) && (o.cssCalcSizeSupported || (e.style.height = "auto"));
 			},
-			onExit: (e) => {
-				e ||= F.current;
-				let n = I.current;
-				t(e) && t(n) && (i(e), i(n), e.style.display = "block", e.style.height = `${Math.max(e.offsetHeight, n.offsetHeight)}px`, i(e), i(n));
+			onExitStart: (e) => {
+				e ||= I.current;
+				let n = L.current;
+				t(e) && t(n) && (e.style.display = "block", o.cssCalcSizeSupported || (e.style.height = `${Math.max(e.offsetHeight, n.offsetHeight)}px`));
 			},
-			onExiting: (e) => {
-				e ||= F.current, t(e) && (e.style.height = "0");
+			onExitActive: (e) => {
+				e ||= I.current, t(e) && (o.cssCalcSizeSupported || (e.style.height = "0"));
 			},
-			onExited: (e) => {
-				e ||= F.current, t(e) && (e.style.display = "none", e.style.height = "auto");
+			onExitDone: (e) => {
+				e ||= I.current, t(e) && (e.style.display = "none", o.cssCalcSizeSupported || (e.style.height = "auto"));
 			},
-			children: /* @__PURE__ */ m("div", {
-				ref: F,
+			children: /* @__PURE__ */ h("div", {
+				ref: I,
 				role: "region",
-				className: n(`${L}-content`, { [`${L}-content-expanded`]: R }),
-				children: /* @__PURE__ */ m("div", {
-					ref: I,
-					style: E,
-					className: `${L}-content-box`,
-					children: b
+				className: n(`${R}-content`, { [`${R}-content-expanded`]: z }),
+				children: /* @__PURE__ */ h("div", {
+					ref: L,
+					style: D,
+					className: `${R}-content-box`,
+					children: x
 				})
 			})
 		})]
 	});
 }
-var _ = d(g), v = Object.assign(_, { ___COLLAPSE_ITEM___: !0 });
-v.displayName = r.displayName;
+var v = f(_), y = Object.assign(v, { ___COLLAPSE_ITEM___: !0 });
+y.displayName = i.displayName;
 //#endregion
-export { v as default };
+export { y as default };
 /* 独立思考，明辨是非 */

package/collapse/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { createContext as e, createElement as t } from "react";
 import n from "@unicom-cloud/icons/IconUiCaretRight";
 //#region components/pc/collapse/context.ts

package/collapse/index.d.ts

@@ -1,12 +1,15 @@
 import { CollapseContext } from './context';
 import CollapseItem from './Item';
 declare const Collapse: import("react").ForwardRefExoticComponent<import("./interface").CollapseProps & import("react").RefAttributes<unknown>> & {
-    id: string;
     Item: import("react").ForwardRefExoticComponent<import("./interface").CollapseItemProps & {
         children?: import("react").ReactNode | undefined;
     } & import("react").RefAttributes<HTMLDivElement>> & {
         ___COLLAPSE_ITEM___: boolean;
     };
+    zh: string;
+    en: string;
+    displayName: string;
+    id: string;
 };
 export { CollapseContext, CollapseItem };
 export default Collapse;

package/collapse/index.js

@@ -1,11 +1,11 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { COLLAPSE_COMPONENT_INFO as e } from "../utils/names.js";
 import { CollapseContext as t } from "./context.js";
 import n from "./Item.js";
 import r from "./Collapse.js";
 //#region components/pc/collapse/index.ts
 var i = Object.assign(r, {
-	id: e.id,
+	...e,
 	Item: n
 });
 //#endregion

package/collapse/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isArray as e, isString as t } from "../utils/is.js";
 //#region components/pc/collapse/utils.ts
 function n(e) {

package/color-picker/ColorPicker.js

@@ -1,11 +1,10 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isArray as e, isFunction as t, isNil as n, isString as r } from "../utils/is.js";
 import i from "../utils/className.js";
 import { COLOR_PICKER_COMPONENT_INFO as a } from "../utils/names.js";
 import o from "../hooks/use-merge-props/index.js";
-import ee from "../config-provider/context.js";
+import { ConfigContext as ee } from "../config-provider/context.js";
 import { FormContext as te, FormItemContext as ne } from "../form/context.js";
-import "../config-provider/index.js";
 import s from "../trigger/index.js";
 import c from "../copy/index.js";
 import l from "./colors.js";

package/color-picker/ControlBar.d.ts

@@ -3,7 +3,7 @@ interface MultiValueItem {
     value: number;
     key: string;
 }
-interface ControlBarProps {
+export interface ControlBarProps {
     style?: CSSProperties;
     className?: string;
     multiple?: boolean;

package/color-picker/ControlBar.js

@@ -1,7 +1,6 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import e from "../utils/className.js";
-import t from "../config-provider/context.js";
-import "../config-provider/index.js";
+import { ConfigContext as t } from "../config-provider/context.js";
 import n from "./hooks/useControlBlock.js";
 import { useContext as r } from "react";
 import { jsx as i } from "react/jsx-runtime";

package/color-picker/InputAlpha.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface InputAlphaProps {
+export interface InputAlphaProps {
     value: number;
     onChange: (value: number) => void;
 }

package/color-picker/InputAlpha.js

@@ -1,6 +1,5 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
-import e from "../config-provider/context.js";
-import "../config-provider/index.js";
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
+import { ConfigContext as e } from "../config-provider/context.js";
 import t from "../input-number/index.js";
 import { useContext as n } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/color-picker/InputHex.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Color, HSV } from './interface';
-interface InputHexProps {
+export interface InputHexProps {
     color: Color;
     alpha: number;
     onHsvChange: (value: HSV) => void;

package/color-picker/InputHex.js

@@ -1,6 +1,5 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
-import e from "../config-provider/context.js";
-import "../config-provider/index.js";
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
+import { ConfigContext as e } from "../config-provider/context.js";
 import t from "../input/Group.js";
 import n from "../input/index.js";
 import r from "./InputAlpha.js";

package/color-picker/InputRgb.d.ts

@@ -1,10 +1,10 @@
 import type { Color, HSV } from './interface';
-interface InputRgbProps {
+export interface InputRgbProps {
     color: Color;
     alpha: number;
     onHsvChange: (value: HSV) => void;
     onAlphaChange: (value: number) => void;
     disabledAlpha?: boolean;
 }
-declare const InputRgb: ({ color, alpha, onHsvChange, onAlphaChange, disabledAlpha, }: InputRgbProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputRgb: ({ color, alpha, onHsvChange, onAlphaChange, disabledAlpha, }: InputRgbProps) => import("react").JSX.Element;
 export default InputRgb;

package/color-picker/InputRgb.js

@@ -1,6 +1,5 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
-import e from "../config-provider/context.js";
-import "../config-provider/index.js";
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
+import { ConfigContext as e } from "../config-provider/context.js";
 import t from "../input/Group.js";
 import n from "../input-number/index.js";
 import r from "./InputAlpha.js";

package/color-picker/Mode.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isArray as e, isString as t } from "../utils/is.js";
 import { ColorPickerMode as n } from "./interface.js";
 //#region components/pc/color-picker/Mode.ts

package/color-picker/Palette.d.ts

@@ -1,7 +1,7 @@
 import type { Color } from './interface';
-interface PaletteProps {
+export interface PaletteProps {
     color: Color;
     onChange: (s: number, v: number) => void;
 }
-declare const Palette: ({ color, onChange }: PaletteProps) => import("react/jsx-runtime").JSX.Element;
+declare const Palette: ({ color, onChange }: PaletteProps) => import("react").JSX.Element;
 export default Palette;

package/color-picker/Palette.js

@@ -1,6 +1,5 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
-import e from "../config-provider/context.js";
-import "../config-provider/index.js";
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
+import { ConfigContext as e } from "../config-provider/context.js";
 import t from "./hooks/useControlBlock.js";
 import { useContext as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";

package/color-picker/Panel.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import type { Color, GradientColor, HSV, InternalGradientColor } from './interface';
 import { ColorPickerMode } from './interface';
-interface PanelProps {
+export interface PanelProps {
     value: string | GradientColor[];
     mode: ColorPickerMode | ColorPickerMode[];
     activeMode: ColorPickerMode;