useblocks 1.1.85-dev.10 → 1.1.85-dev.11

package/vendor/antd/es/image/hooks/useMergedPreviewConfig.js

@@ -7,7 +7,7 @@ import React from "../../../../react/index.js";
 //#region node_modules/antd/es/image/hooks/useMergedPreviewConfig.js
 const useMergedPreviewConfig = (previewConfig, contextPreviewConfig, prefixCls, mergedRootClassName, getContextPopupContainer, icons, defaultCover) => {
 	const [zIndex] = useZIndex("ImagePreview", previewConfig?.zIndex);
-	const [mergedPreviewMask, blurClassName] = useMergedMask(previewConfig?.mask, contextPreviewConfig?.mask, `${prefixCls}-preview`);
+	const [mergedPreviewMask, blurClassName, mergedMaskClosable] = useMergedMask(previewConfig?.mask, contextPreviewConfig?.mask, `${prefixCls}-preview`);
 	return React.useMemo(() => {
 		if (!previewConfig) return previewConfig;
 		const { cover, getContainer, closeIcon, rootClassName: previewRootClassName } = previewConfig;
@@ -22,6 +22,7 @@ const useMergedPreviewConfig = (previewConfig, contextPreviewConfig, prefixCls,
 			closeIcon: closeIcon ?? contextCloseIcon,
 			rootClassName: clsx(mergedRootClassName, previewRootClassName),
 			mask: mergedPreviewMask,
+			maskClosable: mergedMaskClosable,
 			blurClassName: blurClassName.mask
 		};
 	}, [
@@ -34,6 +35,7 @@ const useMergedPreviewConfig = (previewConfig, contextPreviewConfig, prefixCls,
 		icons,
 		zIndex,
 		mergedPreviewMask,
+		mergedMaskClosable,
 		blurClassName
 	]);
 };

package/vendor/antd/es/image/hooks/usePlaceholderConfig.js

@@ -0,0 +1,15 @@
+import { isPlainObject } from "../../_util/is.js";
+import { isValidElement, useMemo } from "../../../../react/index.js";
+//#region node_modules/antd/es/image/hooks/usePlaceholderConfig.js
+function isPlaceholderConfig(placeholder) {
+	return isPlainObject(placeholder) && !/*#__PURE__*/ isValidElement(placeholder);
+}
+function usePlaceholderConfig(placeholder) {
+	return useMemo(() => {
+		if (!placeholder || !isPlaceholderConfig(placeholder)) return {};
+		if (typeof placeholder.progress === "boolean") return { progressConfig: placeholder.progress ? {} : void 0 };
+		return { progressConfig: placeholder.progress };
+	}, [placeholder]);
+}
+//#endregion
+export { usePlaceholderConfig as default, isPlaceholderConfig };

package/vendor/antd/es/image/hooks/usePreviewConfig.js

@@ -1,15 +1,16 @@
+import { isPlainObject } from "../../_util/is.js";
 import "../../_util/warning.js";
 import { isValidElement, useMemo } from "../../../../react/index.js";
 //#region node_modules/antd/es/image/hooks/usePreviewConfig.js
 function normalizeMask(mask) {
 	if (/*#__PURE__*/ isValidElement(mask)) return [mask, void 0];
-	if (typeof mask === "boolean" || mask && typeof mask === "object") return [void 0, mask];
+	if (typeof mask === "boolean" || isPlainObject(mask)) return [void 0, mask];
 	return [void 0, void 0];
 }
 function usePreviewConfig(preview) {
 	const rawPreviewConfig = useMemo(() => {
 		if (typeof preview === "boolean") return preview ? {} : null;
-		return preview && typeof preview === "object" ? preview : {};
+		return isPlainObject(preview) ? preview : {};
 	}, [preview]);
 	return useMemo(() => {
 		if (!rawPreviewConfig) return [

package/vendor/antd/es/image/index.js

@@ -1,19 +1,20 @@
 "use client";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { useComponentConfig } from "../config-provider/context.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import "../_util/warning.js";
-import { useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import es_default from "../../../@rc-component/image/es/index.js";
 import useMergedPreviewConfig from "./hooks/useMergedPreviewConfig.js";
+import usePlaceholderConfig, { isPlaceholderConfig } from "./hooks/usePlaceholderConfig.js";
 import usePreviewConfig from "./hooks/usePreviewConfig.js";
 import style_default from "./style/index.js";
 import InternalPreviewGroup, { icons } from "./PreviewGroup.js";
+import Progress from "./Progress.js";
 import * as React$1 from "../../../react/index.js";
 //#region node_modules/antd/es/image/index.js
 const Image = (props) => {
-	const { prefixCls: customizePrefixCls, preview, className, rootClassName, style, styles, classNames, wrapperStyle, fallback, ...otherProps } = props;
+	const { prefixCls: customizePrefixCls, preview, className, rootClassName, style, styles, classNames, wrapperStyle, fallback, placeholder, ...otherProps } = props;
 	const { getPrefixCls, getPopupContainer: getContextPopupContainer, className: contextClassName, style: contextStyle, preview: contextPreview, styles: contextStyles, classNames: contextClassNames, fallback: contextFallback } = useComponentConfig("image");
 	const prefixCls = getPrefixCls("image", customizePrefixCls);
 	const rootCls = useCSSVarCls(prefixCls);
@@ -57,12 +58,38 @@ const Image = (props) => {
 		contextStyles,
 		{ root: wrapperStyle },
 		styles
-	], { props: mergedProps }, { popup: { _default: "root" } });
+	], { props: mergedProps }, {
+		popup: { _default: "root" },
+		placeholder: {}
+	});
 	const mergedStyle = {
 		...contextStyle,
 		...style
 	};
 	const mergedFallback = fallback ?? contextFallback;
+	const { progressConfig } = usePlaceholderConfig(placeholder);
+	const showProgressOverlay = progressConfig !== void 0;
+	const { percent, render: progressRender } = progressConfig || {};
+	const progressClassNames = mergedClassNames?.placeholder?.progress;
+	const progressStyles = mergedStyles?.placeholder?.progress;
+	const { width, height, src, ...restOtherProps } = otherProps;
+	const placeholderNode = isPlaceholderConfig(placeholder) ? void 0 : placeholder;
+	const shouldRenderPlaceholderOverlay = placeholderNode && !src;
+	const mergedProgressRender = shouldRenderPlaceholderOverlay ? (_progress) => placeholderNode : progressRender;
+	if (showProgressOverlay || shouldRenderPlaceholderOverlay) return /*#__PURE__*/ React$1.createElement(Progress, {
+		prefixCls,
+		percent,
+		render: mergedProgressRender,
+		classNames: progressClassNames,
+		styles: progressStyles,
+		rootClassName: clsx(mergedRootClassName, mergedClassName),
+		rootStyle: {
+			...mergedStyle,
+			...mergedStyles?.root
+		},
+		width,
+		height
+	});
 	return /*#__PURE__*/ React$1.createElement(es_default, {
 		prefixCls,
 		preview: mergedPreviewConfig || false,
@@ -70,7 +97,11 @@ const Image = (props) => {
 		className: mergedClassName,
 		style: mergedStyle,
 		fallback: mergedFallback,
-		...otherProps,
+		placeholder: placeholderNode,
+		width,
+		height,
+		src,
+		...restOtherProps,
 		classNames: mergedClassNames,
 		styles: mergedStyles
 	});

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

@@ -3,8 +3,10 @@ import "../../../../@ant-design/cssinjs/es/index.js";
 import { merge } from "../../../../@ant-design/cssinjs-utils/es/util/statistic.js";
 import { FastColor } from "../../../../@ant-design/fast-color/es/FastColor.js";
 import "../../../../@ant-design/fast-color/es/index.js";
+import { genFocusOutline, genFocusStyle } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import "../../theme/internal.js";
+import { inkFlow1, inkFlow2, inkFlow3, progressActive } from "./progressAnimation.js";
 //#region node_modules/antd/es/image/style/index.js
 const genBoxStyle = (position) => ({
 	position: position || "absolute",
@@ -25,7 +27,7 @@ const genImageCoverStyle = (token) => {
 			opacity: 0,
 			transition: `opacity ${motionDurationSlow}`
 		},
-		"&:hover": { [`${componentCls}-cover`]: { opacity: 1 } },
+		"&:hover, &:focus-visible": { [`${componentCls}-cover`]: { opacity: 1 } },
 		[`${componentCls}-cover-top`]: {
 			inset: "0 0 auto 0",
 			justifyContent: "center"
@@ -36,6 +38,109 @@ const genImageCoverStyle = (token) => {
 		}
 	} };
 };
+const genImageProgressStyle = (token) => {
+	const { componentCls, motionDurationMid, motionEaseInOut, progressAnimationDuration } = token;
+	const inkBaseStyle = {
+		position: "absolute",
+		width: "150%",
+		height: "150%",
+		left: "-25%",
+		top: "-25%",
+		animationTimingFunction: motionEaseInOut,
+		animationIterationCount: "infinite",
+		pointerEvents: "none",
+		willChange: "transform, opacity"
+	};
+	return { [`${componentCls}-progress-wrapper`]: {
+		position: "relative",
+		display: "inline-block",
+		overflow: "hidden",
+		borderRadius: "inherit",
+		backgroundColor: token.colorBgBase,
+		backdropFilter: "blur(8px)",
+		[`${componentCls}-progress-ink-1`]: {
+			...inkBaseStyle,
+			background: `radial-gradient(ellipse 65% 55% at 25% 30%, rgba(100, 180, 255, 0.98) 0%, transparent 55%)`,
+			animationName: inkFlow1,
+			animationDuration: progressAnimationDuration,
+			filter: "blur(40px)",
+			"&::before": {
+				content: "\"\"",
+				...inkBaseStyle,
+				background: `radial-gradient(ellipse 60% 65% at 75% 45%, rgba(180, 140, 255, 0.95) 0%, transparent 50%)`,
+				animationName: inkFlow2,
+				animationDuration: `calc(${progressAnimationDuration} + 2s)`,
+				animationDelay: "-1s",
+				filter: "blur(45px)"
+			},
+			"&::after": {
+				content: "\"\"",
+				...inkBaseStyle,
+				background: `radial-gradient(ellipse 55% 50% at 50% 70%, rgba(100, 220, 220, 0.9) 0%, transparent 45%)`,
+				animationName: inkFlow3,
+				animationDuration: `calc(${progressAnimationDuration} + 0.5s)`,
+				animationDelay: "-2s",
+				filter: "blur(38px)"
+			}
+		},
+		[`${componentCls}-progress-ink-2`]: {
+			...inkBaseStyle,
+			background: `radial-gradient(ellipse 45% 40% at 60% 20%, rgba(255, 150, 200, 0.88) 0%, transparent 45%)`,
+			animationName: inkFlow3,
+			animationDuration: `calc(${progressAnimationDuration} + 1.5s)`,
+			animationDelay: "-3s",
+			filter: "blur(42px)",
+			"&::before": {
+				content: "\"\"",
+				...inkBaseStyle,
+				background: `radial-gradient(ellipse 50% 55% at 20% 75%, rgba(160, 190, 255, 0.88) 0%, transparent 50%)`,
+				animationName: inkFlow1,
+				animationDuration: `calc(${progressAnimationDuration} + 2.5s)`,
+				animationDelay: "-2.5s",
+				filter: "blur(35px)"
+			}
+		},
+		[`${componentCls}-progress-content`]: {
+			position: "absolute",
+			top: "50%",
+			left: 0,
+			transform: "translateY(-50%)",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			width: "100%",
+			paddingInline: token.paddingLG,
+			textAlign: "center",
+			fontSize: token.fontSize,
+			color: token.colorTextSecondary,
+			zIndex: 1
+		},
+		[`${componentCls}-progress-rail`]: {
+			width: "100%",
+			height: 6,
+			marginTop: token.marginSM,
+			backgroundColor: "rgba(255, 255, 255, 0.5)",
+			borderRadius: token.borderRadiusXS,
+			overflow: "hidden",
+			backdropFilter: "blur(4px)",
+			"&::before": {
+				content: "\"\"",
+				display: "block",
+				height: "100%",
+				width: "var(--progress-percent, 0%)",
+				background: "linear-gradient(90deg, rgba(120, 170, 255, 0.85) 0%, rgba(160, 150, 245, 0.85) 40%, rgba(130, 200, 220, 0.85) 60%, rgba(120, 170, 255, 0.85) 100%)",
+				backgroundSize: "200% 100%",
+				borderRadius: token.borderRadiusXS / 2,
+				transition: `width ${motionDurationMid} ease`,
+				animationName: progressActive,
+				animationDuration: progressAnimationDuration,
+				animationTimingFunction: "linear",
+				animationIterationCount: "infinite"
+			}
+		},
+		[`${componentCls}-progress-indicator`]: { marginTop: token.marginXS }
+	} };
+};
 const genImagePreviewStyle = (token) => {
 	const { motionEaseOut, previewCls, motionDurationSlow, componentCls, colorBgMask, marginXL, marginSM, margin, colorTextLightSolid, paddingSM, paddingLG, previewOperationHoverColor, previewOperationColorDisabled, previewOperationSize, zIndexPopup } = token;
 	const operationBg = new FastColor(colorBgMask).setA(.1);
@@ -53,7 +158,8 @@ const genImagePreviewStyle = (token) => {
 		display: "flex",
 		fontSize: previewOperationSize,
 		"&:hover": { backgroundColor: operationBgHover.toRgbString() },
-		"&:active": { backgroundColor: operationBg.toRgbString() }
+		"&:active": { backgroundColor: operationBg.toRgbString() },
+		"&:focus-visible": genFocusOutline(token)
 	};
 	return { [`${componentCls}-preview`]: {
 		textAlign: "center",
@@ -135,6 +241,7 @@ const genImagePreviewStyle = (token) => {
 				transition: `all ${motionDurationSlow}`,
 				display: "flex",
 				[`&:not(${previewCls}-actions-action-disabled):hover`]: { color: previewOperationHoverColor },
+				"&:focus-visible": genFocusOutline(token),
 				"&-disabled": {
 					color: previewOperationColorDisabled,
 					cursor: "not-allowed"
@@ -148,6 +255,7 @@ const genImageStyle = (token) => {
 	return { [componentCls]: {
 		position: "relative",
 		display: "inline-block",
+		...genFocusStyle(token),
 		[`${componentCls}-img`]: {
 			width: "100%",
 			height: "auto",
@@ -195,7 +303,8 @@ const prepareComponentToken = (token) => ({
 	previewOperationColor: new FastColor(token.colorTextLightSolid).setA(.65).toRgbString(),
 	previewOperationHoverColor: new FastColor(token.colorTextLightSolid).setA(.85).toRgbString(),
 	previewOperationColorDisabled: new FastColor(token.colorTextLightSolid).setA(.25).toRgbString(),
-	previewOperationSize: token.fontSizeIcon * 1.5
+	previewOperationSize: token.fontSizeIcon * 1.5,
+	progressAnimationDuration: "3s"
 });
 var style_default = genStyleHooks("Image", (token) => {
 	const previewCls = `${token.componentCls}-preview`;
@@ -206,9 +315,10 @@ var style_default = genStyleHooks("Image", (token) => {
 	return [
 		genImageStyle(imageToken),
 		genImageCoverStyle(imageToken),
+		genImageProgressStyle(imageToken),
 		genImagePreviewStyle(imageToken),
 		genPreviewMotion(imageToken)
 	];
 }, prepareComponentToken);
 //#endregion
-export { style_default as default, genBoxStyle, genImageCoverStyle, genImagePreviewStyle, prepareComponentToken };
+export { style_default as default, genBoxStyle, genImageCoverStyle, genImagePreviewStyle, genImageProgressStyle, prepareComponentToken };

package/vendor/antd/es/image/style/progressAnimation.js

@@ -0,0 +1,26 @@
+import Keyframe from "../../../../@ant-design/cssinjs/es/Keyframes.js";
+import "../../../../@ant-design/cssinjs/es/index.js";
+//#region node_modules/antd/es/image/style/progressAnimation.js
+const progressActive = new Keyframe("antImageProgressActive", {
+	"0%": { backgroundPosition: "200% 0" },
+	"100%": { backgroundPosition: "-200% 0" }
+});
+const createInkFlow = (name, midTransform, midOpacity, startTransform = "translate(0%, 0%)", startOpacity = .8) => new Keyframe(name, {
+	"0%": {
+		transform: startTransform,
+		opacity: startOpacity
+	},
+	"50%": {
+		transform: midTransform,
+		opacity: midOpacity
+	},
+	"100%": {
+		transform: startTransform,
+		opacity: startOpacity
+	}
+});
+const inkFlow1 = createInkFlow("antImageInkFlow1", "translate(15%, -20%) scale(1.25)", .5);
+const inkFlow2 = createInkFlow("antImageInkFlow2", "translate(-18%, 15%) scale(0.85)", .9, "translate(0%, 0%) scale(1.1)", .7);
+const inkFlow3 = createInkFlow("antImageInkFlow3", "translate(8%, 10%) scale(1.15)", .8, "translate(0%, 0%) scale(0.85)", .65);
+//#endregion
+export { inkFlow1, inkFlow2, inkFlow3, progressActive };

package/vendor/antd/es/index.js

@@ -16,6 +16,7 @@ import Popover from "./popover/index.js";
 import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
 import Badge from "./badge/index.js";
+import border_beam_default from "./border-beam/index.js";
 import Menu from "./menu/index.js";
 import Breadcrumb from "./breadcrumb/index.js";
 import button_default from "./button/index.js";
@@ -78,4 +79,4 @@ import Watermark from "./watermark/index.js";
 //#region node_modules/antd/es/index.js
 const unstableSetRender = () => {};
 //#endregion
-export { Affix, Alert, Anchor, App, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, button_default as Button, Calendar, Card, Carousel, Cascader, Checkbox, col_default as Col, collapse_default as Collapse, color_picker_default as ColorPicker, ConfigProvider, DatePicker, Descriptions, Divider, drawer_default as Drawer, Dropdown, Empty, Flex, float_button_default as FloatButton, Form, grid_default as Grid, Image, Input, TypedInputNumber as InputNumber, Layout, List, masonry_default as Masonry, Mentions, Menu, Modal, pagination_default as Pagination, Popconfirm, Popover, progress_default as Progress, QRCode, Radio, Rate, Result, row_default as Row, Segmented, Select, skeleton_default as Skeleton, Slider, Space, Spin, Splitter, statistic_default as Statistic, Steps, Switch, table_default as Table, Tabs, Tag, TimePicker, timeline_default as Timeline, Tooltip, Tour, Transfer, Tree, TreeSelect, Typography, Upload, Watermark, staticMethods as message, staticMethods$1 as notification, theme_default as theme, unstableSetRender, version_default as version };
+export { Affix, Alert, Anchor, App, AutoComplete, Avatar, BackTop, Badge, border_beam_default as BorderBeam, Breadcrumb, button_default as Button, Calendar, Card, Carousel, Cascader, Checkbox, col_default as Col, collapse_default as Collapse, color_picker_default as ColorPicker, ConfigProvider, DatePicker, Descriptions, Divider, drawer_default as Drawer, Dropdown, Empty, Flex, float_button_default as FloatButton, Form, grid_default as Grid, Image, Input, TypedInputNumber as InputNumber, Layout, List, masonry_default as Masonry, Mentions, Menu, Modal, pagination_default as Pagination, Popconfirm, Popover, progress_default as Progress, QRCode, Radio, Rate, Result, row_default as Row, Segmented, Select, skeleton_default as Skeleton, Slider, Space, Spin, Splitter, statistic_default as Statistic, Steps, Switch, table_default as Table, Tabs, Tag, TimePicker, timeline_default as Timeline, Tooltip, Tour, Transfer, Tree, TreeSelect, Typography, Upload, Watermark, staticMethods as message, staticMethods$1 as notification, theme_default as theme, unstableSetRender, version_default as version };

package/vendor/antd/es/input/Input.js

@@ -1,13 +1,15 @@
 "use client";
 import { composeRef } from "../../../@rc-component/util/es/ref.js";
 import { triggerFocus } from "../../../@rc-component/util/es/Dom/focus.js";
+import "../../../@rc-component/util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { useComponentConfig } from "../config-provider/context.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import "../_util/warning.js";
-import { useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import DisabledContext from "../config-provider/DisabledContext.js";
+import { useAllowClear } from "../_util/hooks/useAllowClear.js";
+import "../_util/hooks/index.js";
 import useSize from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
 import { FormItemInputContext } from "../form/context.js";
@@ -16,7 +18,6 @@ import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import useVariant from "../form/hooks/useVariants.js";
 import style_default, { useSharedStyle } from "./style/index.js";
 import es_default from "../../../@rc-component/input/es/index.js";
-import getAllowClear from "../_util/getAllowClear.js";
 import useRemovePasswordTimeout from "./hooks/useRemovePasswordTimeout.js";
 import { hasPrefixSuffix } from "./utils.js";
 import React, { forwardRef, useContext, useRef } from "../../../react/index.js";
@@ -57,7 +58,11 @@ const Input = /*#__PURE__*/ forwardRef((props, ref) => {
 		onChange?.(e);
 	};
 	const suffixNode = (hasFeedback || suffix) && /*#__PURE__*/ React.createElement(React.Fragment, null, suffix, hasFeedback && feedbackIcon);
-	const mergedAllowClear = getAllowClear(allowClear ?? contextAllowClear);
+	const mergedAllowClear = useAllowClear({
+		allowClear,
+		contextAllowClear,
+		componentName: "Input"
+	});
 	const [variant, enableVariantCls] = useVariant("input", customVariant, bordered);
 	return /*#__PURE__*/ React.createElement(es_default, {
 		ref: composeRef(ref, inputRef),

package/vendor/antd/es/input/OTP/OTPInput.js

@@ -1,5 +1,6 @@
 "use client";
 import wrapperRaf from "../../../../@rc-component/util/es/raf.js";
+import "../../../../@rc-component/util/es/index.js";
 import { clsx } from "../../../../clsx/dist/clsx.js";
 import { ConfigContext } from "../../config-provider/context.js";
 import "../../config-provider/index.js";

package/vendor/antd/es/input/OTP/index.js

@@ -5,9 +5,9 @@ import "../../../../@rc-component/util/es/index.js";
 import { clsx } from "../../../../clsx/dist/clsx.js";
 import _toConsumableArray from "../../../../@babel/runtime/helpers/esm/toConsumableArray.js";
 import { useComponentConfig } from "../../config-provider/context.js";
+import { isFunction } from "../../_util/is.js";
+import { useMergeSemantic } from "../../_util/hooks/useMergeSemantic/index.js";
 import "../../_util/warning.js";
-import { useMergeSemantic } from "../../_util/hooks/useMergeSemantic.js";
-import "../../_util/hooks/index.js";
 import useSize from "../../config-provider/hooks/useSize.js";
 import { FormItemInputContext } from "../../form/context.js";
 import { getMergedStatus } from "../../_util/statusUtils.js";
@@ -20,7 +20,7 @@ function strToArr(str) {
 }
 const Separator = (props) => {
 	const { index, prefixCls, separator, className: semanticClassName, style: semanticStyle } = props;
-	const separatorNode = typeof separator === "function" ? separator(index) : separator;
+	const separatorNode = isFunction(separator) ? separator(index) : separator;
 	if (!separatorNode) return null;
 	return /*#__PURE__*/ React$1.createElement("span", {
 		className: clsx(`${prefixCls}-separator`, semanticClassName),

package/vendor/antd/es/input/Password.js

@@ -1,11 +1,13 @@
 "use client";
 import { composeRef } from "../../../@rc-component/util/es/ref.js";
-import omit from "../../../@rc-component/util/es/omit.js";
 import "../../../@rc-component/util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
-import { ConfigContext } from "../config-provider/context.js";
+import { useComponentConfig } from "../config-provider/context.js";
+import { isPlainObject } from "../_util/is.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
+import useLocale from "../locale/useLocale.js";
+import "../locale/index.js";
 import DisabledContext from "../config-provider/DisabledContext.js";
-import "../config-provider/index.js";
 import useRemovePasswordTimeout from "./hooks/useRemovePasswordTimeout.js";
 import Input from "./Input.js";
 import RefIcon from "../../../@ant-design/icons/es/icons/EyeInvisibleOutlined.js";
@@ -19,10 +21,17 @@ const actionMap = {
 	hover: "onMouseOver"
 };
 const Password = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
-	const { disabled: customDisabled, action = "click", visibilityToggle = true, iconRender = defaultIconRender, suffix } = props;
+	const { disabled: customDisabled, action = "click", visibilityToggle = true, iconRender, prefixCls: customizePrefixCls, inputPrefixCls: customizeInputPrefixCls, suffix, className, style, classNames, styles, ...restProps } = props;
+	const { getPrefixCls, className: contextClassName, style: contextStyle, classNames: contextClassNames, styles: contextStyles, iconRender: contextIconRender } = useComponentConfig("inputPassword");
+	const [locale] = useLocale("global");
 	const disabled = React$1.useContext(DisabledContext);
 	const mergedDisabled = customDisabled ?? disabled;
-	const visibilityControlled = typeof visibilityToggle === "object" && visibilityToggle.visible !== void 0;
+	const mergedProps = {
+		...props,
+		disabled: mergedDisabled
+	};
+	const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], { props: mergedProps });
+	const visibilityControlled = isPlainObject(visibilityToggle) && visibilityToggle.visible !== void 0;
 	const [visible, setVisible] = useState(() => visibilityControlled ? visibilityToggle.visible : false);
 	const inputRef = useRef(null);
 	React$1.useEffect(() => {
@@ -34,45 +43,55 @@ const Password = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		if (visible) removePasswordTimeout();
 		const nextVisible = !visible;
 		setVisible(nextVisible);
-		if (typeof visibilityToggle === "object") visibilityToggle.onVisibleChange?.(nextVisible);
+		if (isPlainObject(visibilityToggle)) visibilityToggle.onVisibleChange?.(nextVisible);
 	};
 	const getIcon = (prefixCls) => {
 		const iconTrigger = actionMap[action] || "";
-		const icon = iconRender(visible);
-		const iconProps = {
-			[iconTrigger]: onVisibleChange,
-			className: `${prefixCls}-icon`,
+		const icon = (iconRender || contextIconRender || defaultIconRender)(visible);
+		return /*#__PURE__*/ React$1.createElement("span", {
 			key: "passwordIcon",
+			role: "button",
+			tabIndex: mergedDisabled ? -1 : 0,
+			className: `${prefixCls}-icon`,
+			"aria-disabled": mergedDisabled,
+			"aria-pressed": visible,
+			"aria-label": visible ? locale.hide : locale.show,
 			onMouseDown: (e) => {
 				e.preventDefault();
 			},
 			onMouseUp: (e) => {
 				e.preventDefault();
-			}
-		};
-		return /*#__PURE__*/ React$1.cloneElement(/*#__PURE__*/ React$1.isValidElement(icon) ? icon : /*#__PURE__*/ React$1.createElement("span", null, icon), iconProps);
+			},
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") {
+					e.preventDefault();
+					onVisibleChange();
+				}
+			},
+			[iconTrigger]: onVisibleChange
+		}, icon);
 	};
-	const { className, prefixCls: customizePrefixCls, inputPrefixCls: customizeInputPrefixCls, size, ...restProps } = props;
-	const { getPrefixCls } = React$1.useContext(ConfigContext);
 	const inputPrefixCls = getPrefixCls("input", customizeInputPrefixCls);
 	const prefixCls = getPrefixCls("input-password", customizePrefixCls);
 	const suffixIcon = visibilityToggle && getIcon(prefixCls);
-	const inputClassName = clsx(prefixCls, className, { [`${prefixCls}-${size}`]: !!size });
-	const omittedProps = {
-		...omit(restProps, [
-			"suffix",
-			"iconRender",
-			"visibilityToggle"
-		]),
+	const inputClassName = clsx(prefixCls, contextClassName, className, { [`${prefixCls}-${props.size}`]: !!props.size });
+	const inputProps = {
+		...restProps,
 		type: visible ? "text" : "password",
-		className: inputClassName,
 		prefixCls: inputPrefixCls,
-		suffix: /*#__PURE__*/ React$1.createElement(React$1.Fragment, null, suffixIcon, suffix)
+		suffix: /*#__PURE__*/ React$1.createElement(React$1.Fragment, null, suffixIcon, suffix),
+		disabled: mergedDisabled,
+		className: inputClassName,
+		style: {
+			...contextStyle,
+			...style
+		},
+		classNames: mergedClassNames,
+		styles: mergedStyles
 	};
-	if (size) omittedProps.size = size;
 	return /*#__PURE__*/ React$1.createElement(Input, {
 		ref: composeRef(ref, inputRef),
-		...omittedProps
+		...inputProps
 	});
 });
 //#endregion

package/vendor/antd/es/input/Search.js

@@ -2,11 +2,12 @@
 import { composeRef } from "../../../@rc-component/util/es/ref.js";
 import omit from "../../../@rc-component/util/es/omit.js";
 import pickAttrs from "../../../@rc-component/util/es/pickAttrs.js";
+import "../../../@rc-component/util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { useComponentConfig } from "../config-provider/context.js";
-import { useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import { cloneElement as cloneElement$1 } from "../_util/reactNode.js";
+import fallbackProp from "../_util/fallbackProp.js";
 import useSize from "../config-provider/hooks/useSize.js";
 import Compact, { useCompactItemContext } from "../space/Compact.js";
 import Button from "../button/Button.js";
@@ -16,8 +17,8 @@ import search_default from "./style/search.js";
 import * as React$1 from "../../../react/index.js";
 //#region node_modules/antd/es/input/Search.js
 const Search = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
-	const { prefixCls: customizePrefixCls, inputPrefixCls: customizeInputPrefixCls, className, size: customizeSize, style, enterButton = false, addonAfter, loading, disabled, onSearch: customOnSearch, onChange: customOnChange, onCompositionStart, onCompositionEnd, variant, onPressEnter: customOnPressEnter, classNames, styles, hidden, ...restProps } = props;
-	const { direction, getPrefixCls, classNames: contextClassNames, styles: contextStyles } = useComponentConfig("inputSearch");
+	const { prefixCls: customizePrefixCls, inputPrefixCls: customizeInputPrefixCls, className, size: customizeSize, style, enterButton = false, searchIcon: customizeSearchIcon, addonAfter, loading, disabled, onSearch: customOnSearch, onChange: customOnChange, onCompositionStart, onCompositionEnd, variant, onPressEnter: customOnPressEnter, classNames, styles, hidden, ...restProps } = props;
+	const { direction, getPrefixCls, classNames: contextClassNames, styles: contextStyles, searchIcon: contextSearchIcon } = useComponentConfig("inputSearch");
 	const mergedProps = {
 		...props,
 		enterButton
@@ -45,7 +46,7 @@ const Search = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		customOnPressEnter?.(e);
 		onSearch(e);
 	};
-	const searchIcon = typeof enterButton === "boolean" ? /*#__PURE__*/ React$1.createElement(RefIcon, null) : null;
+	const searchIcon = typeof enterButton === "boolean" ? fallbackProp(customizeSearchIcon, contextSearchIcon, /*#__PURE__*/ React$1.createElement(RefIcon, null)) : null;
 	const btnPrefixCls = `${prefixCls}-btn`;
 	const btnClassName = clsx(btnPrefixCls, { [`${btnPrefixCls}-${variant}`]: variant });
 	let button;

package/vendor/antd/es/input/TextArea.js

@@ -2,20 +2,22 @@
 import { triggerFocus } from "../../../@rc-component/util/es/Dom/focus.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { useComponentConfig } from "../config-provider/context.js";
+import { isFunction } from "../_util/is.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import "../_util/warning.js";
-import { useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import DisabledContext from "../config-provider/DisabledContext.js";
+import { useAllowClear } from "../_util/hooks/useAllowClear.js";
+import "../_util/hooks/index.js";
 import useSize from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
 import { FormItemInputContext } from "../form/context.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import useVariant from "../form/hooks/useVariants.js";
 import { useSharedStyle } from "./style/index.js";
-import getAllowClear from "../_util/getAllowClear.js";
+import TextArea$1 from "../../../@rc-component/input/es/TextArea.js";
+import "../../../@rc-component/input/es/index.js";
 import "./Input.js";
-import es_default from "../../../@rc-component/textarea/es/index.js";
 import textarea_default from "./style/textarea.js";
 import * as React$1 from "../../../react/index.js";
 import { forwardRef } from "../../../react/index.js";
@@ -44,7 +46,11 @@ const TextArea = /*#__PURE__*/ forwardRef((props, ref) => {
 	const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
 	const mergedSize = useSize((ctx) => customizeSize ?? compactSize ?? ctx);
 	const [variant, enableVariantCls] = useVariant("textArea", customVariant, bordered);
-	const mergedAllowClear = getAllowClear(allowClear ?? contextAllowClear);
+	const mergedAllowClear = useAllowClear({
+		allowClear,
+		contextAllowClear,
+		componentName: "TextArea"
+	});
 	const [isMouseDown, setIsMouseDown] = React$1.useState(false);
 	const [resizeDirty, setResizeDirty] = React$1.useState(false);
 	const onInternalMouseDown = (e) => {
@@ -58,12 +64,12 @@ const TextArea = /*#__PURE__*/ forwardRef((props, ref) => {
 	};
 	const onInternalResize = (size) => {
 		onResize?.(size);
-		if (isMouseDown && typeof getComputedStyle === "function") {
+		if (isMouseDown && isFunction(getComputedStyle)) {
 			const ele = innerRef.current?.nativeElement?.querySelector("textarea");
 			if (ele && getComputedStyle(ele).resize === "both") setResizeDirty(true);
 		}
 	};
-	return /*#__PURE__*/ React$1.createElement(es_default, {
+	return /*#__PURE__*/ React$1.createElement(TextArea$1, {
 		autoComplete: contextAutoComplete,
 		...rest,
 		style: {