@unicom-cloud/ui 0.8.162 → 0.8.164

package/slider/Slider.js

@@ -1,11 +1,11 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isArray as e, isFunction as t, isPlainObject as n } from "../utils/is.js";
 import r from "../hooks/use-controllable-value/index.js";
 import i from "../utils/className.js";
 import { SLIDER_COMPONENT_INFO as a } from "../utils/names.js";
 import o from "../hooks/use-merge-props/index.js";
 import { off as s, on as c } from "../utils/dom.js";
-import l from "../config-provider/context.js";
+import { ConfigContext as l } from "../config-provider/context.js";
 import u from "../utils/omit.js";
 import { FormContext as d, FormItemContext as f } from "../form/context.js";
 import p from "../hooks/use-update-effect/index.js";

package/slider/Tick.d.ts

@@ -8,6 +8,6 @@ export interface TicksProps {
     reverse?: boolean;
     intervalConfigs?: IntervalConfig[];
 }
-declare function Ticks(props: TicksProps): import("react/jsx-runtime").JSX.Element;
+declare function Ticks(props: TicksProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof Ticks>;
 export default _default;

package/slider/Tick.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import e from "../utils/className.js";
 import { formatPercent as t, getIntervalOffset as n, valueInRange as r } from "./utils.js";
 import { memo as i, useMemo as a } from "react";

package/slider/hook/useInterval.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isFunction as e, isNumber as t } from "../../utils/is.js";
 import { rateToFloat as n } from "../utils.js";
 import { useMemo as r } from "react";

package/slider/hook/useLegalValue.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isArray as e, isEmptyObject as t, isNumber as n, isPlainObject as r, isUndefined as i } from "../../utils/is.js";
 import { getPrecision as a } from "../utils.js";
 import { useCallback as o } from "react";

package/slider/index.d.ts

@@ -1,10 +1,10 @@
 import type { SliderProps } from './interface';
 declare const Slider: import("react").NamedExoticComponent<SliderProps & import("react").RefAttributes<unknown>> & {
     Dot: import("react").NamedExoticComponent<import("./Dot").DotsProps>;
-    Input: import("react").MemoExoticComponent<(props: import("./Input").InputProps) => import("react/jsx-runtime").JSX.Element>;
+    Input: import("react").MemoExoticComponent<(props: import("./Input").InputProps) => import("react").JSX.Element>;
     Mark: import("react").NamedExoticComponent<import("./Mark").MarkProps>;
-    Tick: import("react").MemoExoticComponent<(props: import("./Tick").TicksProps) => import("react/jsx-runtime").JSX.Element>;
-    Button: import("react").MemoExoticComponent<(props: import("./Button").SliderButtonProps) => import("react/jsx-runtime").JSX.Element>;
+    Tick: import("react").MemoExoticComponent<(props: import("./Tick").TicksProps) => import("react").JSX.Element>;
+    Button: import("react").MemoExoticComponent<(props: import("./Button").SliderButtonProps) => import("react").JSX.Element>;
     zh: string;
     en: string;
     displayName: string;

package/slider/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { SLIDER_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "./Button.js";
 import n from "./Dot.js";

package/slider/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { InputNumberProps } from '../input-number';
 import type { ReadOnly } from '../interface';
 import type { TriggerPositionType } from '../trigger/interface';

package/slider/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { div as e, minus as t, plus as n, times as r } from "@unicom-cloud/utils/math";
 //#region components/pc/slider/utils.ts
 function i(e) {

package/space/Space.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import e from "../utils/className.js";
 import { SPACE_COMPONENT_INFO as t, SPACE_VERTICAL_COMPONENT_INFO as n } from "../utils/names.js";
 import r from "../hooks/use-merge-props/index.js";
-import i from "../config-provider/context.js";
+import { ConfigContext as i } from "../config-provider/context.js";
 import { forwardRef as a, useContext as o, useImperativeHandle as s, useRef as c } from "react";
 import { jsx as l } from "react/jsx-runtime";
 import u from "@unicom-cloud/ui-common/space";

package/space/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { SPACE_COMPONENT_INFO as e } from "../utils/names.js";
 import t, { SpaceVertical as n } from "./Space.js";
 //#region components/pc/space/index.ts

package/speech-synthesis/SpeechSynthesis.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import e from "../button/index.js";
 import { useEffect as t } from "react";
 import { jsx as n } from "react/jsx-runtime";

package/speech-synthesis/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { SPEECH_SYNTHESIS_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "./SpeechSynthesis.js";
 //#region components/pc/speech-synthesis/index.ts

package/spin/DotLoading.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
+import { type CSSProperties } from 'react';
 export interface DotProps {
     size?: CSSProperties['fontSize'];
 }
-declare function DotLoading(props: DotProps): import("react/jsx-runtime").JSX.Element;
+declare function DotLoading(props: DotProps): import("react").JSX.Element;
 export default DotLoading;

package/spin/DotLoading.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isNumber as e } from "../utils/is.js";
-import t from "../config-provider/context.js";
+import { ConfigContext as t } from "../config-provider/context.js";
 import { useContext as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region components/pc/spin/DotLoading.tsx

package/spin/Spin.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isEmptyReactNode as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { SPIN_COMPONENT_INFO as n } from "../utils/names.js";
 import r from "../hooks/use-merge-props/index.js";
-import i from "../config-provider/context.js";
+import { ConfigContext as i } from "../config-provider/context.js";
 import a from "../loading/Loading.js";
 import o, { forwardRef as s, useCallback as c, useContext as l, useEffect as u, useImperativeHandle as d, useRef as f, useState as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";

package/spin/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { SPIN_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "./DotLoading.js";
 import n from "./Spin.js";

package/spin/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 /**
  * @title Spin
  */

package/splitter/Panel.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isUndefined as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { SPLITTER_PANEL_COMPONENT_INFO as n } from "../utils/names.js";
-import r from "../config-provider/context.js";
+import { ConfigContext as r } from "../config-provider/context.js";
 import i, { forwardRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region components/pc/splitter/Panel.tsx

package/splitter/SplitBar.js

@@ -1,7 +1,7 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isNaN as e, isNumber as t } from "../utils/is.js";
 import n from "../utils/className.js";
-import r from "../config-provider/context.js";
+import { ConfigContext as r } from "../config-provider/context.js";
 import i from "../hooks/use-event/index.js";
 import { useContext as a, useEffect as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";

package/splitter/Splitter.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isNumber as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { SPLITTER_COMPONENT_INFO as n } from "../utils/names.js";
 import r from "../hooks/use-merge-props/index.js";
-import i from "../config-provider/context.js";
+import { ConfigContext as i } from "../config-provider/context.js";
 import a from "../hooks/use-resize-observers/index.js";
 import o from "../hooks/use-event/index.js";
 import s from "./Panel.js";

package/splitter/hooks/useItems.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isObjectLike as e } from "../../utils/is.js";
 import t from "../../utils/toArray.js";
 import n from "react";

package/splitter/hooks/useResizable.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import e from "react";
 //#region components/pc/splitter/hooks/useResizable.ts
 function t(t, n, r) {

package/splitter/hooks/useResize.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 import { isString as e } from "../../utils/is.js";
 import { getPtg as t } from "./useSizes.js";
 import { useRef as n, useState as r } from "react";

package/splitter/hooks/useSizes.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 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-04 15:24:39 星期四 山东省济南市 */
 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-04 15:24:39 星期四 山东省济南市 */
 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-04 15:24:39 星期四 山东省济南市 */
 import { STATISTIC_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "../countdown/index.js";
 import n from "./Statistic.js";

package/statistic/interface.d.ts

@@ -1,5 +1,5 @@
-import { Dayjs } from 'dayjs';
-import { CSSProperties, ReactNode } from 'react';
+import type { Dayjs } from 'dayjs';
+import type { CSSProperties, ReactNode } from 'react';
 export declare const PREFIX_CLASS_STATISTIC = "statistic";
 /**
  * @title Statistic

package/statistic/interface.js

@@ -1,6 +1,4 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
-import "react";
-import "dayjs";
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 //#region components/pc/statistic/interface.ts
 var e = "statistic";
 //#endregion

package/steps/Step.js

@@ -1,63 +1,64 @@
-/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
 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}-display-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-04 15:24:39 星期四 山东省济南市 */
 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-04 15:24:39 星期四 山东省济南市 */
 import { STEPS_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "./Step.js";
 import n from "./Steps.js";

package/steps/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 /**
  * @title Steps
  */

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');
 }