useblocks 1.1.85-dev.9 → 1.1.102

package/vendor/antd/es/typography/Base/CopyBtn.js

@@ -8,7 +8,7 @@ import { getNode, toCopyConfigList } from "./util.js";
 import * as React$1 from "../../../../react/index.js";
 //#region node_modules/antd/es/typography/Base/CopyBtn.js
 const CopyBtn = (props) => {
-	const { prefixCls, copied, locale, iconOnly, tooltips, icon, tabIndex, onCopy, loading: btnLoading } = props;
+	const { prefixCls, copied, locale, iconOnly, tooltips, icon, tabIndex, onCopy, loading: btnLoading, className, style } = props;
 	const tooltipNodes = toCopyConfigList(tooltips);
 	const iconNodes = toCopyConfigList(icon);
 	const { copied: copiedText, copy: copyText } = locale ?? {};
@@ -17,10 +17,11 @@ const CopyBtn = (props) => {
 	const ariaLabel = typeof copyTitle === "string" ? copyTitle : systemStr;
 	return /*#__PURE__*/ React$1.createElement(Tooltip, { title: copyTitle }, /*#__PURE__*/ React$1.createElement("button", {
 		type: "button",
-		className: clsx(`${prefixCls}-copy`, {
+		className: clsx(`${prefixCls}-copy`, className, {
 			[`${prefixCls}-copy-success`]: copied,
 			[`${prefixCls}-copy-icon-only`]: iconOnly
 		}),
+		style,
 		onClick: onCopy,
 		"aria-label": ariaLabel,
 		tabIndex

package/vendor/antd/es/typography/Base/Ellipsis.js

@@ -59,10 +59,10 @@ const lineClipStyle = {
 	WebkitBoxOrient: "vertical"
 };
 function EllipsisMeasure(props) {
-	const { enableMeasure, width, text, children, rows, expanded, miscDeps, onEllipsis } = props;
+	const { enableMeasure, width, text, children, rows, expanded, measureDeps, miscDeps, onEllipsis } = props;
 	const nodeList = React$1.useMemo(() => toArray(text), [text]);
 	const nodeLen = React$1.useMemo(() => getNodesLen(nodeList), [text]);
-	const fullContent = React$1.useMemo(() => children(nodeList, false), [text]);
+	const fullContent = React$1.useMemo(() => children(nodeList, false), [text].concat(_toConsumableArray(measureDeps)));
 	const [ellipsisCutIndex, setEllipsisCutIndex] = React$1.useState(null);
 	const cutMidRef = React$1.useRef(null);
 	const measureWhiteSpaceRef = React$1.useRef(null);
@@ -82,7 +82,7 @@ function EllipsisMeasure(props) {
 		rows,
 		enableMeasure,
 		nodeList
-	]);
+	].concat(_toConsumableArray(measureDeps)));
 	useLayoutEffect$1(() => {
 		if (needEllipsis === STATUS_MEASURE_PREPARE) {
 			setNeedEllipsis(STATUS_MEASURE_START);

package/vendor/antd/es/typography/Base/index.js

@@ -9,10 +9,8 @@ import "../../../../@rc-component/util/es/index.js";
 import RefResizeObserver from "../../../../@rc-component/resize-observer/es/index.js";
 import { clsx } from "../../../../clsx/dist/clsx.js";
 import _toConsumableArray from "../../../../@babel/runtime/helpers/esm/toConsumableArray.js";
-import { ConfigContext } from "../../config-provider/context.js";
+import { isFunction, isNonNullable } from "../../_util/is.js";
 import useLocale from "../../locale/useLocale.js";
-import isNonNullable from "../../_util/isNonNullable.js";
-import "../../config-provider/index.js";
 import "../../_util/styleChecker.js";
 import Tooltip from "../../tooltip/index.js";
 import RefIcon from "../../../../@ant-design/icons/es/icons/EditOutlined.js";
@@ -21,7 +19,8 @@ import useCopyClick from "../hooks/useCopyClick.js";
 import useMergedConfig from "../hooks/useMergedConfig.js";
 import usePrevious from "../hooks/usePrevious.js";
 import useTooltipProps from "../hooks/useTooltipProps.js";
-import Typography from "../Typography.js";
+import { useTypographySemantic } from "../hooks/useTypographySemantic.js";
+import { InternalTypography } from "../Typography.js";
 import { isEleEllipsis, isValidText } from "./util.js";
 import CopyBtn from "./CopyBtn.js";
 import EllipsisMeasure from "./Ellipsis.js";
@@ -54,12 +53,11 @@ const DECORATION_PROPS = [
 	"italic"
 ];
 const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
-	const { prefixCls: customizePrefixCls, className, style, type, disabled, children, ellipsis, editable, copyable, component, title, onMouseEnter, onMouseLeave, ...restProps } = props;
-	const { getPrefixCls, direction } = React$1.useContext(ConfigContext);
+	const { prefixCls: customizePrefixCls, className, style, classNames, styles, direction: typographyDirection, type, disabled, children, ellipsis, editable, copyable, actions, component, title, onMouseEnter, onMouseLeave, ...restProps } = props;
 	const [textLocale] = useLocale("Text");
 	const typographyRef = React$1.useRef(null);
 	const editIconRef = React$1.useRef(null);
-	const prefixCls = getPrefixCls("typography", customizePrefixCls);
+	const [mergedClassNames, mergedStyles, prefixCls, direction] = useTypographySemantic(customizePrefixCls, classNames, styles, typographyDirection, props);
 	const textProps = omit(restProps, DECORATION_PROPS);
 	const [enableEdit, editConfig] = useMergedConfig(editable);
 	const [editing, setEditing] = useControlledState(false, editConfig.editing);
@@ -85,6 +83,7 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		triggerEdit(false);
 	};
 	const [enableCopy, copyConfig] = useMergedConfig(copyable);
+	const { placement = "end" } = actions ?? {};
 	const { copied, copyLoading, onClick: onCopyClick } = useCopyClick({
 		copyConfig,
 		children
@@ -126,7 +125,9 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 	useLayoutEffect$1(() => {
 		setCssEllipsis(canUseCssEllipsis && mergedEnableEllipsis);
 	}, [canUseCssEllipsis, mergedEnableEllipsis]);
-	const isMergedEllipsis = mergedEnableEllipsis && (cssEllipsis ? isNativeEllipsis : isJsEllipsis);
+	const tooltipProps = useTooltipProps(ellipsisConfig.tooltip, editConfig.text, children);
+	const needNativeEllipsisMeasure = cssEllipsis && !!tooltipProps.title;
+	const isMergedEllipsis = mergedEnableEllipsis && (cssEllipsis ? needNativeEllipsisMeasure && isNativeEllipsis : isJsEllipsis);
 	const cssTextOverflow = mergedEnableEllipsis && rows === 1 && cssEllipsis;
 	const cssLineClamp = mergedEnableEllipsis && rows > 1 && cssEllipsis;
 	const onExpandClick = (e, info) => {
@@ -145,13 +146,13 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 	};
 	React$1.useEffect(() => {
 		const textEle = typographyRef.current;
-		if (enableEllipsis && cssEllipsis && textEle) {
+		if (enableEllipsis && needNativeEllipsisMeasure && textEle) {
 			const currentEllipsis = isEleEllipsis(textEle);
 			if (isNativeEllipsis !== currentEllipsis) setIsNativeEllipsis(currentEllipsis);
 		}
 	}, [
 		enableEllipsis,
-		cssEllipsis,
+		needNativeEllipsisMeasure,
 		children,
 		cssLineClamp,
 		isNativeVisible,
@@ -159,7 +160,7 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 	]);
 	React$1.useEffect(() => {
 		const textEle = typographyRef.current;
-		if (typeof IntersectionObserver === "undefined" || !textEle || !cssEllipsis || !mergedEnableEllipsis) return;
+		if (typeof IntersectionObserver === "undefined" || !textEle || !needNativeEllipsisMeasure || !mergedEnableEllipsis) return;
 		const observer = new IntersectionObserver(() => {
 			setIsNativeVisible(!!textEle.offsetParent);
 		});
@@ -167,8 +168,7 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		return () => {
 			observer.disconnect();
 		};
-	}, [cssEllipsis, mergedEnableEllipsis]);
-	const tooltipProps = useTooltipProps(ellipsisConfig.tooltip, editConfig.text, children);
+	}, [needNativeEllipsisMeasure, mergedEnableEllipsis]);
 	const topAriaLabel = React$1.useMemo(() => {
 		if (!enableEllipsis || cssEllipsis) return;
 		return [
@@ -196,17 +196,20 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		component,
 		maxLength: editConfig.maxLength,
 		autoSize: editConfig.autoSize,
-		enterIcon: editConfig.enterIcon
+		enterIcon: editConfig.enterIcon,
+		classNames: mergedClassNames,
+		styles: mergedStyles
 	});
 	const renderExpand = () => {
 		const { expandable, symbol } = ellipsisConfig;
 		return expandable ? /*#__PURE__*/ React$1.createElement("button", {
 			type: "button",
 			key: "expand",
-			className: `${prefixCls}-${expanded ? "collapse" : "expand"}`,
+			className: clsx(`${prefixCls}-${expanded ? "collapse" : "expand"}`, mergedClassNames.action),
+			style: mergedStyles.action,
 			onClick: (e) => onExpandClick(e, { expanded: !expanded }),
 			"aria-label": expanded ? textLocale.collapse : textLocale?.expand
-		}, typeof symbol === "function" ? symbol(expanded) : symbol) : null;
+		}, isFunction(symbol) ? symbol(expanded) : symbol) : null;
 	};
 	const renderEdit = () => {
 		if (!enableEdit) return;
@@ -219,7 +222,8 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		}, /*#__PURE__*/ React$1.createElement("button", {
 			type: "button",
 			ref: editIconRef,
-			className: `${prefixCls}-edit`,
+			className: clsx(`${prefixCls}-edit`, mergedClassNames.action),
+			style: mergedStyles.action,
 			onClick: onEditClick,
 			"aria-label": ariaLabel,
 			tabIndex
@@ -235,7 +239,9 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 			locale: textLocale,
 			onCopy: onCopyClick,
 			loading: copyLoading,
-			iconOnly: !isNonNullable(children)
+			iconOnly: !isNonNullable(children),
+			className: mergedClassNames.action,
+			style: mergedStyles.action
 		});
 	};
 	const renderOperations = (canEllipsis) => {
@@ -245,19 +251,16 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		if (!expandNode && !editNode && !copyNode) return null;
 		return /*#__PURE__*/ React$1.createElement("span", {
 			key: "operations",
-			className: `${prefixCls}-actions`,
+			className: clsx(`${prefixCls}-actions`, mergedClassNames.actions, { [`${prefixCls}-actions-start`]: placement === "start" }),
+			style: mergedStyles.actions,
 			onMouseEnter: () => setIsHoveringOperations(true),
 			onMouseLeave: () => setIsHoveringOperations(false)
 		}, expandNode, editNode, copyNode);
 	};
-	const renderEllipsis = (canEllipsis) => [
-		canEllipsis && !expanded && /*#__PURE__*/ React$1.createElement("span", {
-			"aria-hidden": true,
-			key: "ellipsis"
-		}, ELLIPSIS_STR),
-		ellipsisConfig.suffix,
-		renderOperations(canEllipsis)
-	];
+	const renderEllipsis = (canEllipsis) => [canEllipsis && !expanded && /*#__PURE__*/ React$1.createElement("span", {
+		"aria-hidden": true,
+		key: "ellipsis"
+	}, ELLIPSIS_STR), ellipsisConfig.suffix];
 	return /*#__PURE__*/ React$1.createElement(RefResizeObserver, {
 		onResize,
 		disabled: !mergedEnableEllipsis
@@ -266,7 +269,7 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		enableEllipsis: mergedEnableEllipsis,
 		isEllipsis: isMergedEllipsis,
 		open: isHoveringTypography && !isHoveringOperations
-	}, /*#__PURE__*/ React$1.createElement(Typography, {
+	}, /*#__PURE__*/ React$1.createElement(InternalTypography, {
 		onMouseEnter: (e) => {
 			setIsHoveringTypography(true);
 			onMouseEnter?.(e);
@@ -283,7 +286,9 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 			[`${prefixCls}-ellipsis-multiple-line`]: cssLineClamp,
 			[`${prefixCls}-link`]: component === "a"
 		}, className),
-		prefixCls: customizePrefixCls,
+		classNames: mergedClassNames,
+		styles: mergedStyles,
+		prefixCls,
 		style: {
 			...style,
 			WebkitLineClamp: cssLineClamp ? rows : void 0
@@ -302,18 +307,20 @@ const Base = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		width: ellipsisWidth,
 		onEllipsis: onJsEllipsis,
 		expanded,
+		measureDeps: [placement],
 		miscDeps: [
 			copied,
 			expanded,
 			copyLoading,
 			enableEdit,
 			enableCopy,
+			placement,
 			textLocale
 		].concat(_toConsumableArray(DECORATION_PROPS.map((key) => props[key])))
-	}, (node, canEllipsis) => wrapperDecorations(props, /*#__PURE__*/ React$1.createElement(React$1.Fragment, null, node.length > 0 && canEllipsis && !expanded && topAriaLabel ? /*#__PURE__*/ React$1.createElement("span", {
+	}, (node, canEllipsis) => wrapperDecorations(props, /*#__PURE__*/ React$1.createElement(React$1.Fragment, null, placement === "start" ? renderOperations(canEllipsis) : null, node.length > 0 && canEllipsis && !expanded && topAriaLabel ? /*#__PURE__*/ React$1.createElement("span", {
 		key: "show-content",
 		"aria-hidden": true
-	}, node) : node, renderEllipsis(canEllipsis)))))));
+	}, node) : node, renderEllipsis(canEllipsis), placement === "start" ? null : renderOperations(canEllipsis)))))));
 });
 //#endregion
 export { Base as default };

package/vendor/antd/es/typography/Editable.js

@@ -1,5 +1,6 @@
 "use client";
 import KeyCode from "../../../@rc-component/util/es/KeyCode.js";
+import "../../../@rc-component/util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { cloneElement as cloneElement$1 } from "../_util/reactNode.js";
 import TextArea from "../input/TextArea.js";
@@ -8,7 +9,7 @@ import style_default from "./style/index.js";
 import * as React$1 from "../../../react/index.js";
 //#region node_modules/antd/es/typography/Editable.js
 const Editable = (props) => {
-	const { prefixCls, "aria-label": ariaLabel, className, style, direction, maxLength, autoSize = true, value, onSave, onCancel, onEnd, component, enterIcon = /*#__PURE__*/ React$1.createElement(RefIcon, null) } = props;
+	const { prefixCls, "aria-label": ariaLabel, className, style, classNames, styles, direction, maxLength, autoSize = true, value, onSave, onCancel, onEnd, component, enterIcon = /*#__PURE__*/ React$1.createElement(RefIcon, null) } = props;
 	const ref = React$1.useRef(null);
 	const inCompositionRef = React$1.useRef(false);
 	const lastKeyCodeRef = React$1.useRef(null);
@@ -54,10 +55,13 @@ const Editable = (props) => {
 	const textAreaClassName = clsx(prefixCls, `${prefixCls}-edit-content`, {
 		[`${prefixCls}-rtl`]: direction === "rtl",
 		[`${prefixCls}-${component}`]: !!component
-	}, className, hashId, cssVarCls);
+	}, className, classNames.root, hashId, cssVarCls);
 	return /*#__PURE__*/ React$1.createElement("div", {
 		className: textAreaClassName,
-		style
+		style: {
+			...styles.root,
+			...style
+		}
 	}, /*#__PURE__*/ React$1.createElement(TextArea, {
 		ref,
 		maxLength,
@@ -70,7 +74,9 @@ const Editable = (props) => {
 		onBlur,
 		"aria-label": ariaLabel,
 		rows: 1,
-		autoSize
+		autoSize,
+		className: classNames.textarea,
+		style: styles.textarea
 	}), enterIcon !== null ? cloneElement$1(enterIcon, { className: `${prefixCls}-edit-content-confirm` }) : null);
 };
 //#endregion

package/vendor/antd/es/typography/Link.js

@@ -1,4 +1,5 @@
 "use client";
+import "../_util/is.js";
 import "../_util/warning.js";
 import Base from "./Base/index.js";
 import * as React$1 from "../../../react/index.js";

package/vendor/antd/es/typography/Text.js

@@ -1,6 +1,7 @@
 "use client";
 import omit from "../../../@rc-component/util/es/omit.js";
 import "../../../@rc-component/util/es/index.js";
+import { isPlainObject } from "../_util/is.js";
 import "../_util/warning.js";
 import Base from "./Base/index.js";
 import * as React$1 from "../../../react/index.js";
@@ -8,7 +9,7 @@ import * as React$1 from "../../../react/index.js";
 const Text = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 	const { ellipsis, children, ...restProps } = props;
 	const mergedEllipsis = React$1.useMemo(() => {
-		if (ellipsis && typeof ellipsis === "object") return omit(ellipsis, ["expandable", "rows"]);
+		if (isPlainObject(ellipsis)) return omit(ellipsis, ["expandable", "rows"]);
 		return ellipsis;
 	}, [ellipsis]);
 	return /*#__PURE__*/ React$1.createElement(Base, {

package/vendor/antd/es/typography/Typography.js

@@ -1,26 +1,36 @@
 "use client";
 import { clsx } from "../../../clsx/dist/clsx.js";
-import { useComponentConfig } from "../config-provider/context.js";
 import style_default from "./style/index.js";
+import { useTypographySemantic } from "./hooks/useTypographySemantic.js";
 import * as React$1 from "../../../react/index.js";
 //#region node_modules/antd/es/typography/Typography.js
-const Typography = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
-	const { prefixCls: customizePrefixCls, component: Component = "article", className, rootClassName, children, direction: typographyDirection, style, ...restProps } = props;
-	const { getPrefixCls, direction: contextDirection, className: contextClassName, style: contextStyle } = useComponentConfig("typography");
-	const direction = typographyDirection ?? contextDirection;
-	const prefixCls = getPrefixCls("typography", customizePrefixCls);
+const InternalTypography = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
+	const { component: Component = "article", className, rootClassName, children, direction, style, classNames, styles, prefixCls, ...restProps } = props;
 	const [hashId, cssVarCls] = style_default(prefixCls);
-	const componentClassName = clsx(prefixCls, contextClassName, { [`${prefixCls}-rtl`]: direction === "rtl" }, className, rootClassName, hashId, cssVarCls);
+	const componentClassName = clsx(prefixCls, { [`${prefixCls}-rtl`]: direction === "rtl" }, className, rootClassName, hashId, cssVarCls, classNames?.root);
 	const mergedStyle = {
-		...contextStyle,
+		...styles?.root,
 		...style
 	};
 	return /*#__PURE__*/ React$1.createElement(Component, {
+		...restProps,
 		className: componentClassName,
 		style: mergedStyle,
+		ref
+	}, children);
+});
+const Typography = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
+	const { prefixCls: customizePrefixCls, className, rootClassName, direction: typographyDirection, classNames, styles, ...restProps } = props;
+	const [mergedClassNames, mergedStyles, mergedPrefixCls, mergedDirection] = useTypographySemantic(customizePrefixCls, classNames, styles, typographyDirection, props);
+	return /*#__PURE__*/ React$1.createElement(InternalTypography, {
 		ref,
+		className: clsx(className, rootClassName),
+		direction: mergedDirection,
+		classNames: mergedClassNames,
+		styles: mergedStyles,
+		prefixCls: mergedPrefixCls,
 		...restProps
-	}, children);
+	});
 });
 //#endregion
-export { Typography as default };
+export { InternalTypography, Typography as default };

package/vendor/antd/es/typography/hooks/useCopyClick.js

@@ -1,5 +1,6 @@
 import useEvent from "../../../../@rc-component/util/es/hooks/useEvent.js";
 import "../../../../@rc-component/util/es/index.js";
+import { isFunction } from "../../_util/is.js";
 import toList from "../../_util/toList.js";
 import copy from "../../_util/copy.js";
 import * as React$1 from "../../../../react/index.js";
@@ -22,7 +23,7 @@ const useCopyClick = ({ copyConfig, children }) => {
 			e?.stopPropagation();
 			setCopyLoading(true);
 			try {
-				const text = typeof copyConfig.text === "function" ? await copyConfig.text() : copyConfig.text;
+				const text = isFunction(copyConfig.text) ? await copyConfig.text() : copyConfig.text;
 				await copy(text || toList(children, { skipEmpty: true }).join("") || "", copyOptions);
 				setCopyLoading(false);
 				setCopied(true);

package/vendor/antd/es/typography/hooks/useMergedConfig.js

@@ -1,13 +1,19 @@
+import { isPlainObject } from "../../_util/is.js";
 import * as React$1 from "../../../../react/index.js";
 //#region node_modules/antd/es/typography/hooks/useMergedConfig.js
-function useMergedConfig(propConfig, templateConfig) {
+const useMergedConfig = (propConfig, templateConfig) => {
+	const support = Boolean(propConfig);
 	return React$1.useMemo(() => {
-		const support = !!propConfig;
-		return [support, {
+		const config = {
 			...templateConfig,
-			...support && typeof propConfig === "object" ? propConfig : null
-		}];
-	}, [propConfig]);
-}
+			...support && isPlainObject(propConfig) ? propConfig : null
+		};
+		return [support, config];
+	}, [
+		support,
+		propConfig,
+		templateConfig
+	]);
+};
 //#endregion
 export { useMergedConfig as default };

package/vendor/antd/es/typography/hooks/useTooltipProps.js

@@ -1,9 +1,10 @@
+import { isPlainObject } from "../../_util/is.js";
 import { isValidElement, useMemo } from "../../../../react/index.js";
 //#region node_modules/antd/es/typography/hooks/useTooltipProps.js
 const useTooltipProps = (tooltip, editConfigText, children) => useMemo(() => {
 	if (tooltip === true) return { title: editConfigText ?? children };
 	if (/*#__PURE__*/ isValidElement(tooltip)) return { title: tooltip };
-	if (typeof tooltip === "object") return {
+	if (isPlainObject(tooltip)) return {
 		title: editConfigText ?? children,
 		...tooltip
 	};

package/vendor/antd/es/typography/hooks/useTypographySemantic.js

@@ -0,0 +1,33 @@
+import { useComponentConfig } from "../../config-provider/context.js";
+import { useMergeSemantic } from "../../_util/hooks/useMergeSemantic/index.js";
+import { useMemo } from "../../../../react/index.js";
+//#region node_modules/antd/es/typography/hooks/useTypographySemantic.js
+const useTypographySemantic = (customizePrefixCls, classNames, styles, typographyDirection, props) => {
+	const { getPrefixCls, direction: contextDirection, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles } = useComponentConfig("typography");
+	const direction = typographyDirection ?? contextDirection;
+	const prefixCls = getPrefixCls("typography", customizePrefixCls);
+	const mergedProps = {
+		...props,
+		prefixCls,
+		direction
+	};
+	const contextClassNamesObject = useMemo(() => ({ root: contextClassName }), [contextClassName]);
+	const contextStylesObject = useMemo(() => ({ root: contextStyle }), [contextStyle]);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic([
+		contextClassNamesObject,
+		contextClassNames,
+		classNames
+	], [
+		contextStylesObject,
+		contextStyles,
+		styles
+	], { props: mergedProps });
+	return [
+		mergedClassNames,
+		mergedStyles,
+		prefixCls,
+		direction
+	];
+};
+//#endregion
+export { useTypographySemantic };

package/vendor/antd/es/typography/style/index.js

@@ -22,34 +22,10 @@ const genTypographyStyle = (token) => {
 			cursor: "not-allowed",
 			userSelect: "none"
 		},
-		[`
-        div&,
-        p
-      `]: { marginBottom: "1em" },
+		"div&, p": { marginBottom: "1em" },
 		...getTitleStyles(token),
-		[`
-      & + h1${componentCls},
-      & + h2${componentCls},
-      & + h3${componentCls},
-      & + h4${componentCls},
-      & + h5${componentCls}
-      `]: { marginTop: titleMarginTop },
-		[`
-      div,
-      ul,
-      li,
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5`]: { [`
-        + h1,
-        + h2,
-        + h3,
-        + h4,
-        + h5
-        `]: { marginTop: titleMarginTop } },
+		[`& + h1${componentCls}, & + h2${componentCls}, & + h3${componentCls}, & + h4${componentCls}, & + h5${componentCls}`]: { marginTop: titleMarginTop },
+		"div, ul, li, p, h1, h2, h3, h4, h5": { "+ h1, + h2, + h3, + h4, + h5": { marginTop: titleMarginTop } },
 		...getResetStyles(token),
 		...getLinkStyles(token),
 		[`${componentCls}-actions`]: { display: "inline" },
@@ -62,6 +38,15 @@ const genTypographyStyle = (token) => {
 			...operationUnit(token),
 			marginInlineStart: token.marginXXS
 		},
+		[`${componentCls}-actions-start`]: { [`
+          ${componentCls}-expand,
+          ${componentCls}-collapse,
+          ${componentCls}-edit,
+          ${componentCls}-copy:not(${componentCls}-copy-icon-only)
+        `]: {
+			marginInlineStart: 0,
+			marginInlineEnd: token.marginXXS
+		} },
 		...getEditableStyles(token),
 		...getCopyableStyles(token),
 		...getEllipsisStyles(),

package/vendor/antd/es/typography/style/mixins.js

@@ -1,6 +1,8 @@
+import { unit } from "../../../../@ant-design/cssinjs/es/util/index.js";
+import "../../../../@ant-design/cssinjs/es/index.js";
 import { gold } from "../../../../@ant-design/colors/es/presets.js";
 import "../../../../@ant-design/colors/es/index.js";
-import { operationUnit } from "../../style/index.js";
+import { operationUnit, textEllipsis } from "../../style/index.js";
 //#region node_modules/antd/es/typography/style/mixins.js
 const getTitleStyle = (fontSize, lineHeight, color, token) => {
 	const { titleMarginBottom, fontWeightStrong } = token;
@@ -40,7 +42,10 @@ const getLinkStyles = (token) => {
 			color: token.colorTextDisabled,
 			cursor: "not-allowed",
 			"&:active, &:hover": { color: token.colorTextDisabled },
-			"&:active": { pointerEvents: "none" }
+			"&:active": {
+				pointerEvents: "none",
+				[`${componentCls}-actions`]: { pointerEvents: "auto" }
+			}
 		}
 	} };
 };
@@ -116,6 +121,42 @@ const getResetStyles = (token) => ({
 		paddingBlock: 0,
 		borderInlineStart: "4px solid rgba(100, 100, 100, 0.2)",
 		opacity: .85
+	},
+	table: {
+		width: "100%",
+		textAlign: "start",
+		borderCollapse: "separate",
+		borderSpacing: 0,
+		marginBlock: "1em",
+		"th, td": {
+			padding: unit(token.padding),
+			overflowWrap: "break-word",
+			borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`
+		},
+		"thead > tr:first-child > th:first-child": { borderStartStartRadius: token.borderRadiusLG },
+		"thead > tr:first-child > th:last-child": { borderStartEndRadius: token.borderRadiusLG },
+		"thead > tr > th": {
+			textAlign: "start",
+			position: "relative",
+			color: token.colorTextHeading,
+			fontWeight: token.fontWeightStrong,
+			backgroundColor: token.colorFillAlter,
+			transition: `background-color ${token.motionDurationMid} ease`,
+			"&:not(:last-child)::before": {
+				position: "absolute",
+				top: "50%",
+				insetInlineEnd: 0,
+				width: 1,
+				height: "1.6em",
+				backgroundColor: token.colorSplit,
+				transform: "translateY(-50%)",
+				content: "\"\""
+			}
+		},
+		"tbody > tr": {
+			"> th, > td": { transition: `background-color ${token.motionDurationMid} ease` },
+			"&:hover > th, &:hover > td": { backgroundColor: token.colorFillAlter }
+		}
 	}
 });
 const getEditableStyles = (token) => {
@@ -146,24 +187,16 @@ const getEditableStyles = (token) => {
 	} };
 };
 const getCopyableStyles = (token) => ({
-	[`${token.componentCls}-copy-success`]: { [`
-    &,
-    &:hover,
-    &:focus`]: { color: token.colorSuccess } },
+	[`${token.componentCls}-copy-success`]: { "&, &:hover, &:focus": { color: token.colorSuccess } },
 	[`${token.componentCls}-copy-icon-only`]: { marginInlineStart: 0 }
 });
 const getEllipsisStyles = () => ({
-	[`
-  a&-ellipsis,
-  span&-ellipsis
-  `]: {
+	"a&-ellipsis, span&-ellipsis": {
 		display: "inline-block",
 		maxWidth: "100%"
 	},
 	"&-ellipsis-single-line": {
-		whiteSpace: "nowrap",
-		overflow: "hidden",
-		textOverflow: "ellipsis",
+		...textEllipsis,
 		"a&, span&": { verticalAlign: "bottom" },
 		"> code": {
 			paddingBlock: 0,