@unicom-cloud/ui 0.8.162 → 0.8.163

package/splitter/hooks/useSizes.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isString as e, isUndefined as t } from "../../utils/is.js";
 import n from "react";
 //#region components/pc/splitter/hooks/useSizes.ts

package/splitter/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { SPLITTER_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "./Panel.js";
 import n from "./Splitter.js";

package/statistic/Statistic.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isFunction as e, isNumber as t, isUndefined as n, isUndefinedOrNull as r } from "../utils/is.js";
 import i from "../utils/className.js";
 import { STATISTIC_COMPONENT_INFO as a } from "../utils/names.js";
 import o from "../hooks/use-merge-props/index.js";
-import s from "../config-provider/context.js";
+import { ConfigContext as s } from "../config-provider/context.js";
 import c from "../utils/omit.js";
 import l, { easing as u } from "../utils/tween.js";
 import { PREFIX_CLASS_STATISTIC as d } from "./interface.js";

package/statistic/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { STATISTIC_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "../countdown/index.js";
 import n from "./Statistic.js";

package/statistic/interface.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import "react";
 import "dayjs";
 //#region components/pc/statistic/interface.ts

package/steps/Step.js

@@ -1,63 +1,64 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import e from "../utils/className.js";
 import { STEPS_STEP_COMPONENT_INFO as t } from "../utils/names.js";
 import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "@unicom-cloud/icons/IconUiClose";
-import o from "@unicom-cloud/icons/IconUiCheck";
+import { UI_COMMON_PREFIX as r } from "@unicom-cloud/utils/constant/ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@unicom-cloud/icons/IconUiClose";
+import s from "@unicom-cloud/icons/IconUiCheck";
 //#region components/pc/steps/Step.tsx
-function s(t, n) {
-	let { style: s, className: c, prefixCls: l, index: u = 1, current: d = 1, status: f, title: p, description: m, icon: h, nextStepError: g, type: _, customDot: v, labelPlacement: y, disabled: b, onClick: x, onChange: S, direction: C, id: w, lineless: T } = t;
-	function E(e) {
-		if (_ === "dot") return null;
-		let t = u;
-		return h ? t = h : e === "finish" ? t = /* @__PURE__ */ r(o, {}) : e === "error" && (t = /* @__PURE__ */ r(a, {})), /* @__PURE__ */ r("div", {
-			className: `${l}-icon`,
+function c(t, n) {
+	let { style: c, className: l, prefixCls: u, index: d = 1, current: f = 1, status: p, title: m, description: h, icon: g, nextStepError: _, type: v, customDot: y, labelPlacement: b, disabled: x, onClick: S, onChange: C, direction: w, id: T, lineless: E } = t;
+	function D(e) {
+		if (v === "dot") return null;
+		let t = d;
+		return g ? t = g : e === "finish" ? t = /* @__PURE__ */ i(s, {}) : e === "error" && (t = /* @__PURE__ */ i(o, {})), /* @__PURE__ */ i("div", {
+			className: `${u}-icon ${r}-inline-flex-center`,
 			children: t
 		});
 	}
-	function D(e) {
-		b || (d !== u && S?.(u, w), x?.(u, w, e));
+	function O(e) {
+		x || (f !== d && C?.(d, T), S?.(d, T, e));
 	}
-	let O;
-	f ? O = f : (d < u && (O = "wait"), d === u && (O = "process"), d > u && (O = "finish"));
-	let k = e(`${l}-item`, `${l}-item-${O}`, {
-		[`${l}-item-custom`]: !!h,
-		[`${l}-item-next-error`]: g,
-		[`${l}-item-disabled`]: b,
-		[`${l}-item-active`]: u === d
-	}, c), A = E(O), j = /* @__PURE__ */ r("div", {
-		className: `${l}-item-icon`,
-		children: A
-	}), M = v ? v(j, {
-		index: u,
-		status: O,
-		title: p,
-		description: m
-	}) : j;
-	return /* @__PURE__ */ i("div", {
+	let k;
+	p ? k = p : (f < d && (k = "wait"), f === d && (k = "process"), f > d && (k = "finish"));
+	let A = e(`${u}-item`, `${u}-item-${k}`, {
+		[`${u}-item-custom`]: !!g,
+		[`${u}-item-next-error`]: _,
+		[`${u}-item-disabled`]: x,
+		[`${u}-item-active`]: d === f
+	}, l), j = D(k), M = /* @__PURE__ */ i("div", {
+		className: `${u}-item-icon`,
+		children: j
+	}), N = y ? y(M, {
+		index: d,
+		status: k,
+		title: m,
+		description: h
+	}) : M;
+	return /* @__PURE__ */ a("div", {
 		ref: n,
-		className: k,
-		style: s,
-		onClick: D,
+		className: A,
+		style: c,
+		onClick: O,
 		children: [
-			!T && (y === "vertical" || C === "vertical") && /* @__PURE__ */ r("div", { className: `${l}-item-tail` }),
-			_ !== "arrow" && M,
-			/* @__PURE__ */ i("div", {
-				className: `${l}-item-content`,
-				children: [/* @__PURE__ */ r("div", {
-					className: `${l}-item-title`,
-					children: p
-				}), m && /* @__PURE__ */ r("div", {
-					className: `${l}-item-description`,
+			!E && (b === "vertical" || w === "vertical") && /* @__PURE__ */ i("div", { className: `${u}-item-tail` }),
+			v !== "arrow" && N,
+			/* @__PURE__ */ a("div", {
+				className: `${u}-item-content`,
+				children: [/* @__PURE__ */ i("div", {
+					className: `${u}-item-title`,
 					children: m
+				}), h && /* @__PURE__ */ i("div", {
+					className: `${u}-item-description`,
+					children: h
 				})]
 			})
 		]
 	});
 }
-var c = n(s);
-c.displayName = t.displayName;
+var l = n(c);
+l.displayName = t.displayName;
 //#endregion
-export { c as default };
+export { l as default };
 /* 独立思考，明辨是非 */

package/steps/Steps.js

@@ -1,10 +1,10 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isFunction as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { pickDataAttributes as n } from "../utils/pick.js";
 import { STEPS_COMPONENT_INFO as r, STEPS_STEP_COMPONENT_INFO as i } from "../utils/names.js";
 import a from "../hooks/use-merge-props/index.js";
-import o from "../config-provider/context.js";
+import { ConfigContext as o } from "../config-provider/context.js";
 import s, { forwardRef as c, useContext as l, useImperativeHandle as u, useRef as d } from "react";
 import { jsx as f } from "react/jsx-runtime";
 //#region components/pc/steps/Steps.tsx

package/steps/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { STEPS_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "./Step.js";
 import n from "./Steps.js";

package/style/index.less

@@ -4,7 +4,8 @@
 @import './variables.less';
 @import './normalize.less';
 @import './global.less';
-@import './animation/index.less';
+@import './animation.less';
+@import './transition/index.less';
 @import './override.less';
 
 :root {

package/style/{animation → transition}/fade.less

@@ -1,27 +1,33 @@
 @import '../variables.less';
 
-.@{prefix}-fade-in-standard-appear,
-.@{prefix}-fade-in-standard-appear-active,
-.@{prefix}-fade-in-standard-enter,
-.@{prefix}-fade-in-standard-enter-active {
+.@{prefix}-fade-appear,
+.@{prefix}-fade-appear-active,
+.@{prefix}-fade-enter,
+.@{prefix}-fade-enter-active,
+.@{prefix}-fade-exit,
+.@{prefix}-fade-exit-active {
   transition: opacity var(~'--@{prefix}-transition-duration-4')
     var(~'--@{prefix}-transition-timing-function-standard');
 }
-.@{prefix}-fade-in-standard-exit,
-.@{prefix}-fade-in-standard-exit-active {
-  transition-duration: var(~'--@{prefix}-transition-duration-3');
-}
-.@{prefix}-fade-in-standard-appear,
-.@{prefix}-fade-in-standard-enter,
-.@{prefix}-fade-in-standard-exit-active,
-.@{prefix}-fade-in-standard-exit-done {
+.@{prefix}-fade-appear,
+.@{prefix}-fade-enter,
+.@{prefix}-fade-exit-active,
+.@{prefix}-fade-exit-done,
+.@{prefix}-fade-in-enter,
+.@{prefix}-fade-in-appear,
+.@{prefix}-fade-in-exit-active,
+.@{prefix}-fade-in-exit-done {
   opacity: 0;
 }
-.@{prefix}-fade-in-standard-appear-active,
-.@{prefix}-fade-in-standard-appear-done,
-.@{prefix}-fade-in-standard-enter-active,
-.@{prefix}-fade-in-standard-enter-done,
-.@{prefix}-fade-in-standard-exit {
+.@{prefix}-fade-appear-active,
+.@{prefix}-fade-enter-active,
+.@{prefix}-fade-enter-done,
+.@{prefix}-fade-exit,
+.@{prefix}-fade-in-appear-active,
+.@{prefix}-fade-in-appear-done,
+.@{prefix}-fade-in-enter-active,
+.@{prefix}-fade-in-enter-done,
+.@{prefix}-fade-in-exit {
   opacity: 1;
 }
 
@@ -34,16 +40,3 @@
   transition: opacity var(~'--@{prefix}-transition-duration-1')
     var(~'--@{prefix}-transition-timing-function-linear');
 }
-.@{prefix}-fade-in-enter,
-.@{prefix}-fade-in-appear,
-.@{prefix}-fade-in-exit-active,
-.@{prefix}-fade-in-exit-done {
-  opacity: 0;
-}
-.@{prefix}-fade-in-appear-active,
-.@{prefix}-fade-in-appear-done,
-.@{prefix}-fade-in-enter-active,
-.@{prefix}-fade-in-enter-done,
-.@{prefix}-fade-in-exit {
-  opacity: 1;
-}

package/style/transition/height.less

@@ -0,0 +1,22 @@
+.@{prefix}-height-appear,
+.@{prefix}-height-appear-active,
+.@{prefix}-height-enter,
+.@{prefix}-height-enter-active {
+  transition: height var(~'--@{prefix}-transition-duration-2')
+    var(~'--@{prefix}-transition-timing-function-standard');
+  transition-duration: 227ms; // 不能变
+}
+.@{prefix}-height-appear,
+.@{prefix}-height-enter,
+.@{prefix}-height-exit-active,
+.@{prefix}-height-exit-done {
+  height: 0;
+}
+.@{prefix}-height-appear-active,
+.@{prefix}-height-appear-done,
+.@{prefix}-height-enter-active,
+.@{prefix}-height-enter-done,
+.@{prefix}-height-exit {
+  height: auto;
+  height: calc-size(auto, size);
+}

package/style/{animation → transition}/index.less

@@ -2,3 +2,4 @@
 @import './fade.less';
 @import './slide.less';
 @import './zoom.less';
+@import './height.less';

package/style/{animation → transition}/slide.less

@@ -29,32 +29,24 @@
   transform: scaleY(1) translateZ(0);
 }
 
-.@{prefix}-slide-left-appear,
 .@{prefix}-slide-left-appear-active,
-.@{prefix}-slide-left-enter,
 .@{prefix}-slide-left-enter-active,
-.@{prefix}-slide-right-appear,
 .@{prefix}-slide-right-appear-active,
-.@{prefix}-slide-right-enter,
 .@{prefix}-slide-right-enter-active,
-.@{prefix}-slide-top-appear,
 .@{prefix}-slide-top-appear-active,
-.@{prefix}-slide-top-enter,
 .@{prefix}-slide-top-enter-active,
-.@{prefix}-slide-bottom-appear,
 .@{prefix}-slide-bottom-appear-active,
-.@{prefix}-slide-bottom-enter,
-.@{prefix}-slide-bottom-enter-active {
+.@{prefix}-slide-bottom-enter-active,
+.@{prefix}-slide-left-exit-active,
+.@{prefix}-slide-right-exit-active,
+.@{prefix}-slide-top-exit-active,
+.@{prefix}-slide-bottom-exit-active {
   transition: transform var(~'--@{prefix}-transition-duration-4')
     var(~'--@{prefix}-transition-timing-function-standard');
 }
-.@{prefix}-slide-left-exit,
 .@{prefix}-slide-left-exit-active,
-.@{prefix}-slide-right-exit,
 .@{prefix}-slide-right-exit-active,
-.@{prefix}-slide-top-exit,
 .@{prefix}-slide-top-exit-active,
-.@{prefix}-slide-bottom-exit,
 .@{prefix}-slide-bottom-exit-active {
   transition-duration: var(~'--@{prefix}-transition-duration-3');
 }

package/style/{animation → transition}/zoom.less

@@ -1,15 +1,38 @@
 @import '../variables.less';
 
+.@{prefix}-zoom-appear,
+.@{prefix}-zoom-appear-active,
+.@{prefix}-zoom-enter,
+.@{prefix}-zoom-enter-active,
+.@{prefix}-zoom-exit,
+.@{prefix}-zoom-exit-active {
+  transform-origin: center;
+  transition: opacity var(~'--@{prefix}-transition-duration-3')
+    var(~'--@{prefix}-transition-timing-function-overshoot');
+}
+.@{prefix}-zoom-enter,
+.@{prefix}-zoom-appear,
+.@{prefix}-zoom-exit-active {
+  opacity: 0;
+  transform: scale(0);
+}
+.@{prefix}-zoom-appear-active,
+.@{prefix}-zoom-enter-active,
+.@{prefix}-zoom-exit {
+  opacity: 1;
+  transform: scale(1);
+}
+
 .@{prefix}-zoom-in-enter,
 .@{prefix}-zoom-in-appear {
   opacity: 0;
-  transform: scale(0.5, 0.5);
+  transform: scale(0.5);
 }
 
 .@{prefix}-zoom-in-appear-active,
 .@{prefix}-zoom-in-enter-active {
   opacity: 1;
-  transform: scale(1, 1);
+  transform: scale(1);
   transition:
     opacity var(~'--@{prefix}-transition-duration-3')
       var(~'--@{prefix}-transition-timing-function-standard'),
@@ -19,12 +42,12 @@
 
 .@{prefix}-zoom-in-exit {
   opacity: 1;
-  transform: scale(1, 1);
+  transform: scale(1);
 }
 
 .@{prefix}-zoom-in-exit-active {
   opacity: 0;
-  transform: scale(0.5, 0.5);
+  transform: scale(0.5);
   transition:
     opacity var(~'--@{prefix}-transition-duration-3')
       var(~'--@{prefix}-transition-timing-function-overshoot'),
@@ -34,30 +57,26 @@
 
 // used by tooltip。缩放出现，渐隐退出
 .@{prefix}-zoom-in-fade-out-enter,
-.@{prefix}-zoom-in-fade-out-appear {
+.@{prefix}-zoom-in-fade-out-appear,
+.@{prefix}-zoom-in-fade-out-exit-active {
   opacity: 0;
-  transform: scale(0.5, 0.5);
+  transform: scale(0.5);
 }
-
 .@{prefix}-zoom-in-fade-out-appear-active,
 .@{prefix}-zoom-in-fade-out-enter-active {
-  opacity: 1;
-  transform: scale(1, 1);
   transition:
     opacity var(~'--@{prefix}-transition-duration-2')
       var(~'--@{prefix}-transition-timing-function-standard'),
     transform var(~'--@{prefix}-transition-duration-2')
       var(~'--@{prefix}-transition-timing-function-standard');
 }
-
+.@{prefix}-zoom-in-fade-out-appear-active,
+.@{prefix}-zoom-in-fade-out-enter-active,
 .@{prefix}-zoom-in-fade-out-exit {
   opacity: 1;
-  transform: scale(1, 1);
+  transform: scale(1);
 }
-
 .@{prefix}-zoom-in-fade-out-exit-active {
-  opacity: 0;
-  transform: scale(0.5, 0.5);
   transition:
     opacity var(~'--@{prefix}-transition-duration-2')
       var(~'--@{prefix}-transition-timing-function-overshoot'),
@@ -65,73 +84,6 @@
       var(~'--@{prefix}-transition-timing-function-overshoot');
 }
 
-// used by slide, table filter
-.@{prefix}-zoom-in-big-enter,
-.@{prefix}-zoom-in-big-appear {
-  opacity: 0;
-  transform: scale(0.5, 0.5);
-}
-
-.@{prefix}-zoom-in-big-appear-active,
-.@{prefix}-zoom-in-big-enter-active {
-  opacity: 1;
-  transform: scale(1, 1);
-}
-
-.@{prefix}-zoom-in-big-exit {
-  opacity: 1;
-  transform: scale(1, 1);
-}
-
-.@{prefix}-zoom-in-big-exit-active {
-  opacity: 0;
-  transform: scale(0.2, 0.2);
-}
-
-.@{prefix}-zoom-in-big-appear-active,
-.@{prefix}-zoom-in-big-enter-active,
-.@{prefix}-zoom-in-big-exit-active {
-  transition:
-    opacity var(~'--@{prefix}-transition-duration-2')
-      var(~'--@{prefix}-transition-timing-function-linear'),
-    transform var(~'--@{prefix}-transition-duration-2')
-      var(~'--@{prefix}-transition-timing-function-linear');
-}
-
-.@{prefix}-zoom-in-left-enter,
-.@{prefix}-zoom-in-left-appear {
-  opacity: 0.1;
-  transform-origin: 0 50%;
-  transform: scale(0.1, 0.1);
-}
-
-.@{prefix}-zoom-in-left-appear-active,
-.@{prefix}-zoom-in-left-enter-active {
-  opacity: 1;
-  transform: scale(1, 1);
-}
-
-.@{prefix}-zoom-in-left-exit {
-  opacity: 1;
-  transform-origin: 0 50%;
-  transform: scale(1, 1);
-}
-
-.@{prefix}-zoom-in-left-exit-active {
-  opacity: 0.1;
-  transform: scale(0.1, 0.1);
-}
-
-.@{prefix}-zoom-in-left-appear-active,
-.@{prefix}-zoom-in-left-enter-active,
-.@{prefix}-zoom-in-left-exit-active {
-  transition:
-    opacity var(~'--@{prefix}-transition-duration-3')
-      var(~'--@{prefix}-transition-timing-function-linear'),
-    transform var(~'--@{prefix}-transition-duration-3')
-      var(~'--@{prefix}-transition-timing-function-overshoot');
-}
-
 // used by alert form
 .@{prefix}-zoom-in-top-enter,
 .@{prefix}-zoom-in-top-appear {