@unicom-cloud/ui 0.8.154 → 0.8.156

package/select/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./Option.js";
 import t from "./OptionGroup.js";
 import n from "./Select.js";

package/select/utils.js

@@ -1,41 +1,41 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
-import { isArray as e, isEmptyArray as t, isFunction as n, isNil as r, isNullOrUndefined as i, isNumber as a, isPlainObject as o, isString as s } from "../utils/is.js";
-import c from "../utils/fillNBSP.js";
-import l from "../utils/getHighlightText.js";
-import u from "./Option.js";
-import d from "react";
-import { jsx as f } from "react/jsx-runtime";
-import p from "lodash/get";
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
+import { isArray as e, isArrayAndNotEmpty as t, isEmptyArray as n, isFunction as r, isNil as i, isNullOrUndefined as a, isNumber as o, isPlainObject as s, isString as c } from "../utils/is.js";
+import l from "../utils/fillNBSP.js";
+import u from "../utils/getHighlightText.js";
+import d from "./Option.js";
+import f from "react";
+import { jsx as p } from "react/jsx-runtime";
+import m from "lodash/get";
 //#region components/pc/select/utils.tsx
-function m(e) {
+function h(e) {
 	e?.preventDefault?.();
 }
-function h(n, i) {
-	return i ? !e(n) || t(n) : r(n);
+function g(t, r) {
+	return r ? !e(t) || n(t) : i(t);
 }
-function g(t, n, r) {
-	return r && (n ? e(t) && (t = t.map((e, t, n) => o(e) && "label" in e ? e.value : e)) : o(t) && "label" in t && (t = t.value)), h(t, n) ? n ? e(t) ? t : [] : void 0 : t;
-}
-function _(e) {
-	return p(e, "props.isSelectOption") || p(e, "type.___PQB_SELECT_OPTION___");
+function _(t, n, r) {
+	return r && (n ? e(t) && (t = t.map((e, t, n) => s(e) && "label" in e ? e.value : e)) : s(t) && "label" in t && (t = t.value)), g(t, n) ? n ? e(t) ? t : [] : void 0 : t;
 }
 function v(e) {
-	return p(e, "props.isSelectOptionGroup") || p(e, "type.___PQB_SELECT_OPTGROUP___");
+	return m(e, "props.isSelectOption") || m(e, "type.___PQB_SELECT_OPTION___");
+}
+function y(e) {
+	return m(e, "props.isSelectOptionGroup") || m(e, "type.___PQB_SELECT_OPTGROUP___");
 }
-function y(t, r, m = {
+function b(e, n, i = {
 	optionInfoMap: /* @__PURE__ */ new Map(),
 	optionValueList: [],
 	customNodeCount: 0
 }) {
-	let { children: h, options: g, filterOption: b } = t, { inputValue: x = "", userCreatedOptions: S, userCreatingOption: C, prefixCls: w } = r, { optionInfoMap: T, optionValueList: E } = m, { customNodeCount: D } = m, O = !1, k = !1, A = [], j = [], M = (e) => {
-		let t = p(e, "props.value"), n = p(e, "props.children");
-		return t === void 0 && !i(n) ? n.toString() : t;
-	}, N = ({ label: e, value: t }, n, r) => !e && !t && !n ? (D++, `custom_node_${D}`) : r ? n || `group_${e}` : n || `${typeof t}_${t}` || `${e}_${T.size}`, P = (e, t, r) => {
+	let { children: h, options: g, filterOption: _ } = e, { inputValue: x = "", userCreatedOptions: S, userCreatingOption: C, prefixCls: w } = n, { optionInfoMap: T, optionValueList: E } = i, { customNodeCount: D } = i, O = !1, k = !1, A = [], j = [], M = (e) => {
+		let t = m(e, "props.value"), n = m(e, "props.children");
+		return t === void 0 && !a(n) ? n.toString() : t;
+	}, N = ({ label: e, value: t }, n, r) => !e && !t && !n ? (D++, `custom_node_${D}`) : r ? n || `group_${e}` : n || `${typeof t}_${t}` || `${e}_${T.size}`, P = (e, t, n) => {
 		let i = M(e), a = !0;
-		b === !0 ? a = i !== void 0 && String(i).toLowerCase().includes(x.toLowerCase()) : n(b) && (a = !x || b(x, e, r));
-		let o = T.get(i), c = o?._origin === "userCreatedOptions" || o?._origin === "userCreatingOption";
-		if (!o || c) {
-			"_key" in e.props || (e = d.cloneElement(e, { _key: N(e.props, e.key) }));
+		_ === !0 ? a = i !== void 0 && String(i).toLowerCase().includes(x.toLowerCase()) : r(_) && (a = !x || _(x, e, n));
+		let o = T.get(i), s = o?._origin === "userCreatedOptions" || o?._origin === "userCreatingOption";
+		if (!o || s) {
+			"_key" in e.props || (e = f.cloneElement(e, { _key: N(e.props, e.key) }));
 			let n = T.size, r = {
 				child: e,
 				...e.props,
@@ -44,30 +44,30 @@ function y(t, r, m = {
 				_origin: t,
 				_valid: a
 			};
-			if (T.set(i, r), c) {
+			if (T.set(i, r), s) {
 				let t = A.findIndex((e, t, n) => e?.props?.value === i);
 				t > -1 && (a ? A[t] = e : A.splice(t, 1));
 			} else E.push(i), a && (A.push(e), r.disabled || j.push(n));
 		}
-		s(e.props.children) || (k = !0);
-	}, F = (t, n) => (n && e(t) && t.length && t.forEach((e) => {
-		(s(e) || a(e)) && (e = {
+		c(e.props.children) || (k = !0);
+	}, F = (e, n) => (n && t(e) && e.forEach((e) => {
+		(c(e) || o(e)) && (e = {
 			label: e,
 			value: e
-		}), P(/* @__PURE__ */ f(u, {
+		}), P(/* @__PURE__ */ p(d, {
 			_key: N(e),
 			value: e.value,
 			disabled: e.disabled === !0,
 			extra: e.extra,
-			children: c(e.label)
+			children: l(e.label)
 		}), n, e);
-	}), t);
-	return C && F([C], "userCreatingOption"), h && d.Children.map(h, (e) => {
-		if (v(e)) {
-			let { children: t, options: n } = e.props, { childrenList: r, optionIndexListForArrowKey: i, hasComplexLabelInOptions: a } = y({
+	}), e);
+	return C && F([C], "userCreatingOption"), h && f.Children.map(h, (e) => {
+		if (y(e)) {
+			let { children: t, options: n } = e.props, { childrenList: r, optionIndexListForArrowKey: i, hasComplexLabelInOptions: a } = b({
 				children: t,
 				options: n,
-				filterOption: b
+				filterOption: _
 			}, {
 				inputValue: x,
 				prefixCls: w
@@ -76,13 +76,13 @@ function y(t, r, m = {
 				optionValueList: E,
 				customNodeCount: D
 			});
-			r.length && (A.push(d.cloneElement(e, {
+			r.length && (A.push(f.cloneElement(e, {
 				children: null,
 				_key: N(e.props, e.key, !0)
 			})), A = A.concat(r), j = j.concat(i), O = !0, k ||= a);
-		} else _(e) ? P(e, "children", null) : o(e) && e.props && A.push(d.cloneElement(e, { _key: N(e.props, e.key) }));
+		} else v(e) ? P(e, "children", null) : s(e) && e.props && A.push(f.cloneElement(e, { _key: N(e.props, e.key) }));
 	}), F(g, "options"), F(S, "userCreatedOptions"), {
-		childrenList: l({
+		childrenList: u({
 			nodeList: A,
 			pattern: x,
 			highlightClassName: `${w}-highlight`
@@ -95,5 +95,5 @@ function y(t, r, m = {
 	};
 }
 //#endregion
-export { y as flatChildren, g as getValidValue, h as isEmpty, _ as isSelectOption, v as isSelectOptionGroup, m as preventDefaultEvent };
+export { b as flatChildren, _ as getValidValue, g as isEmpty, v as isSelectOption, y as isSelectOptionGroup, h as preventDefaultEvent };
 /* 独立思考，明辨是非 */

package/select-view/Core.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isArray as e, isExist as t, isFunction as n, isNil as r, isNumber as i, isObjectLike as a, isPlainObject as o, isString as s, isStringOrNumber as c, isUndefined as l } from "../utils/is.js";
 import ee from "../hooks/use-force-update/index.js";
 import { Backspace as te, Enter as u } from "../utils/keyboardCode.js";

package/select-view/SelectView.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isFunction as e, isNil as t, isPlainObject as n } from "../utils/is.js";
 import r from "../utils/className.js";
 import { pickDataAttributes as i } from "../utils/pick.js";
@@ -21,12 +21,9 @@ function m(c, m) {
 		},
 		className: b
 	}, F = i(D);
-	u(m, () => ({
-		...A.current,
-		getRootElement() {
-			return O.current || A.current?.getRootElement?.();
-		}
-	}));
+	u(m, () => Object.assign({}, A.current, { getRootElement() {
+		return O.current || A.current.getRootElement();
+	} }));
 	let I = /* @__PURE__ */ f(s, {
 		...c,
 		ref: A,

package/select-view/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./SelectView.js";
 //#region components/pc/select-view/index.tsx
 var t = Object.assign(e, {});

package/skeleton/Image.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../utils/className.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region components/pc/skeleton/Image.tsx

package/skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isPlainObject as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { pickDataAttributes as n } from "../utils/pick.js";

package/skeleton/Text.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isArray as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { jsx as n } from "react/jsx-runtime";

package/skeleton/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./Image.js";
 import t from "./Text.js";
 import n from "./Skeleton.js";

package/slider/Button.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isFunction as e, isNumber as t, isString as n } from "../utils/is.js";
 import r from "../hooks/use-merge-value/index.js";
 import i from "../utils/className.js";

package/slider/Dot.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isFunction as e, isPlainObject as t } from "../utils/is.js";
 import n from "../utils/className.js";
 import { formatPercent as r, getIntervalOffset as i, valueInRange as a } from "./utils.js";

package/slider/Input.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../utils/className.js";
 import { FormContext as t, FormItemContext as n } from "../form/context.js";
 import r from "../input-number/index.js";

package/slider/Mark.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isFunction as e, isPlainObject as t } from "../utils/is.js";
 import { formatPercent as n, getIntervalOffset as r, isNotEmpty as i } from "./utils.js";
 import a from "react";

package/slider/Slider.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isArray as e, isFunction as t, isPlainObject as n } from "../utils/is.js";
 import r from "../hooks/use-merge-value/index.js";
 import i from "../utils/className.js";
@@ -6,8 +6,8 @@ import a from "../hooks/use-merge-props/index.js";
 import { off as o, on as s } from "../utils/dom.js";
 import c from "../config-provider/context.js";
 import { FormContext as l, FormItemContext as u } from "../form/context.js";
-import "../config-provider/index.js";
 import d from "../utils/omit.js";
+import "../config-provider/index.js";
 import ee from "../hooks/use-update-effect/index.js";
 import f from "./Button.js";
 import { findNearestIndex as p, formatPercent as m, getIntervalOffset as h, needSort as te, sortNumberArray as g } from "./utils.js";

package/slider/Tick.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../utils/className.js";
 import { formatPercent as t, getIntervalOffset as n, valueInRange as r } from "./utils.js";
 import i, { useMemo as a } from "react";

package/slider/hook/useInterval.d.ts

@@ -1,4 +1,4 @@
-import type { SliderProps } from '../../slider/interface';
+import type { SliderProps } from '../interface';
 export interface IntervalConfig {
     begin: number;
     end: number;

package/slider/hook/useInterval.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 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-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 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.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./Button.js";
 import t from "./Dot.js";
 import n from "./Input.js";

package/slider/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 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,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../utils/className.js";
 import t from "../hooks/use-merge-props/index.js";
 import n from "../config-provider/context.js";
@@ -13,12 +13,9 @@ var l = {
 };
 function u(r, u) {
 	let { getPrefixCls: d, componentConfig: f, rtl: p } = i(n), { className: m, direction: h = "horizontal", wrap: g, ..._ } = t(r, l, f?.Space), v = d?.("space"), y = o(null);
-	return a(u, () => ({
-		...y.current,
-		getRootElement() {
-			return y.current.getRootElement();
-		}
-	})), /* @__PURE__ */ s(c, {
+	return a(u, () => Object.assign({}, y.current, { getRootElement() {
+		return y.current.getRootElement();
+	} })), /* @__PURE__ */ s(c, {
 		ref: y,
 		className: e(v, {
 			[`${v}-wrap`]: g,

package/space/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e, { SpaceVertical as t } from "./Space.js";
 //#region components/pc/space/index.tsx
 var n = Object.assign(e, { Vertical: t });

package/speech-synthesis/SpeechSynthesis.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 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-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./SpeechSynthesis.js";
 //#region components/pc/speech-synthesis/index.tsx
 var t = Object.assign(e, {});

package/spin/DotLoading.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isNumber as e } from "../utils/is.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";

package/spin/Spin.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isEmptyReactNode as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../hooks/use-merge-props/index.js";

package/spin/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./DotLoading.js";
 import t from "./Spin.js";
 //#region components/pc/spin/index.tsx

package/splitter/Panel.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";
@@ -13,7 +13,7 @@ var a = r((r, a) => {
 		style: {
 			...d,
 			flexBasis: m ? u : "auto",
-			flexGrow: m ? 0 : 1
+			flexGrow: +!m
 		},
 		children: l
 	});

package/splitter/SplitBar.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isNaN as e, isNumber as t } from "../utils/is.js";
 import n from "../utils/className.js";
 import r from "../config-provider/context.js";

package/splitter/Splitter.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isNumber as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../hooks/use-merge-props/index.js";

package/splitter/hooks/useItems.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 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-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 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-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isString as e } from "../../utils/is.js";
 import { getPtg as t } from "./useSizes.js";
 import n from "react";

package/splitter/hooks/useSizes.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isString as e } from "../../utils/is.js";
 import t from "react";
 //#region components/pc/splitter/hooks/useSizes.ts

package/splitter/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./Panel.js";
 import t from "./Splitter.js";
 //#region components/pc/splitter/index.tsx

package/statistic/Statistic.js

@@ -1,10 +1,10 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isFunction as e, isNumber as t } from "../utils/is.js";
 import n from "../utils/className.js";
 import r from "../hooks/use-merge-props/index.js";
 import i from "../config-provider/context.js";
-import "../config-provider/index.js";
 import a from "../utils/omit.js";
+import "../config-provider/index.js";
 import o, { easing as s } from "../utils/tween.js";
 import { PREFIX_CLASS_STATISTIC as c } from "./interface.js";
 import "../countdown/index.js";

package/statistic/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../countdown/index.js";
 import t from "./Statistic.js";
 //#region components/pc/statistic/index.tsx

package/statistic/interface.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import "react";
 import "dayjs";
 //#region components/pc/statistic/interface.ts

package/steps/Step.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../utils/className.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/steps/Steps.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isFunction as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { pickDataAttributes as n } from "../utils/pick.js";

package/steps/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./Step.js";
 import t from "./Steps.js";
 //#region components/pc/steps/index.tsx

package/style/animation/fade.less

@@ -1,46 +1,61 @@
 @import '../variables.less';
 
-// used by drawer mask
+.@{prefix}-fade-in-standard-appear,
+.@{prefix}-fade-in-standard-appear-active,
+.@{prefix}-fade-in-standard-appear-done,
 .@{prefix}-fade-in-standard-enter,
-.@{prefix}-fade-in-standard-appear {
+.@{prefix}-fade-in-standard-enter-active,
+.@{prefix}-fade-in-standard-enter-done,
+.@{prefix}-fade-in-standard-exit,
+.@{prefix}-fade-in-standard-exit-active,
+.@{prefix}-fade-in-standard-exit-done {
+  transition: opacity var(--pqb-transition-duration-3)
+    var(--pqb-transition-timing-function-standard);
+}
+.@{prefix}-fade-in-standard-appear,
+.@{prefix}-fade-in-standard-enter {
   opacity: 0;
 }
-
 .@{prefix}-fade-in-standard-appear-active,
-.@{prefix}-fade-in-standard-enter-active {
+.@{prefix}-fade-in-standard-appear-done,
+.@{prefix}-fade-in-standard-enter-active,
+.@{prefix}-fade-in-standard-enter-done {
   opacity: 1;
-  transition: opacity var(--pqb-transition-duration-3)
-    var(--pqb-transition-timing-function-standard);
 }
-
 .@{prefix}-fade-in-standard-exit {
   opacity: 1;
 }
-
-.@{prefix}-fade-in-standard-exit-active {
+.@{prefix}-fade-in-standard-exit-active,
+.@{prefix}-fade-in-standard-exit-done {
   opacity: 0;
-  transition: opacity var(--pqb-transition-duration-3)
-    var(--pqb-transition-timing-function-standard);
 }
 
+.@{prefix}-fade-in-appear,
+.@{prefix}-fade-in-appear-active,
+.@{prefix}-fade-in-appear-done,
+.@{prefix}-fade-in-enter,
+.@{prefix}-fade-in-enter-active,
+.@{prefix}-fade-in-enter-done,
+.@{prefix}-fade-in-exit,
+.@{prefix}-fade-in-exit-active,
+.@{prefix}-fade-in-exit-done {
+  transition: opacity var(--pqb-transition-duration-1)
+    var(--pqb-transition-timing-function-linear);
+}
 .@{prefix}-fade-in-enter,
 .@{prefix}-fade-in-appear {
   opacity: 0;
 }
-
 .@{prefix}-fade-in-appear-active,
-.@{prefix}-fade-in-enter-active {
+.@{prefix}-fade-in-appear-done,
+.@{prefix}-fade-in-enter-active,
+.@{prefix}-fade-in-enter-done {
   opacity: 1;
-  transition: opacity var(--pqb-transition-duration-1)
-    var(--pqb-transition-timing-function-linear);
 }
-
 .@{prefix}-fade-in-exit {
   opacity: 1;
 }
-
-.@{prefix}-fade-in-exit-active {
+.@{prefix}-fade-in-exit-active,
+.@{prefix}-fade-in-exit-done {
   opacity: 0;
-  transition: opacity var(--pqb-transition-duration-1)
-    var(--pqb-transition-timing-function-linear);
 }