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

package/vendor/@rc-component/cascader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/cascader",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "license": "MIT",
   "type": "module"
 }

package/vendor/@rc-component/dialog/es/Dialog/Content/Panel.js

@@ -56,8 +56,9 @@ const Panel = /*#__PURE__*/ React.forwardRef((props, ref) => {
 		onClick: onClose,
 		"aria-label": "Close"
 	}, ariaProps, {
-		className: `${prefixCls}-close`,
-		disabled: closeBtnIsDisabled
+		className: clsx(`${prefixCls}-close`, modalClassNames?.close),
+		disabled: closeBtnIsDisabled,
+		style: modalStyles?.close
 	}), closableObj.closeIcon) : null;
 	const content = /*#__PURE__*/ React.createElement("div", {
 		className: clsx(`${prefixCls}-container`, modalClassNames?.container),

package/vendor/@rc-component/dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/dialog",
-  "version": "1.8.4",
+  "version": "1.9.0",
   "license": "MIT",
   "type": "module"
 }

package/vendor/@rc-component/image/es/Preview/index.js

@@ -38,7 +38,7 @@ const PreviewImage = ({ fallback, src, imgRef, ...props }) => {
 	} }, props, srcAndOnload));
 };
 const Preview = (props) => {
-	const { prefixCls, rootClassName, src, alt, imageInfo, fallback, movable = true, onClose, open, afterOpenChange, icons = {}, closeIcon, getContainer, current = 0, count = 1, countRender, scaleStep = .5, minScale = 1, maxScale = 50, motionName = "fade", imageRender, imgCommonProps, actionsRender, onTransform, onChange, classNames = {}, styles = {}, mousePosition, zIndex } = props;
+	const { prefixCls, rootClassName, src, alt, imageInfo, fallback, movable = true, onClose, open, afterOpenChange, maskClosable = true, icons = {}, closeIcon, getContainer, current = 0, count = 1, countRender, scaleStep = .5, minScale = 1, maxScale = 50, motionName = "fade", imageRender, imgCommonProps, actionsRender, onTransform, onChange, classNames = {}, styles = {}, mousePosition, zIndex, focusTrap = true } = props;
 	const imgRef = useRef();
 	const wrapperRef = useRef(null);
 	const triggerRef = useRef(null);
@@ -159,7 +159,7 @@ const Preview = (props) => {
 	useLayoutEffect$1(() => {
 		if (open) triggerRef.current = document.activeElement;
 	}, [open]);
-	useLockFocus(open && portalRender, () => wrapperRef.current);
+	useLockFocus(focusTrap && open && portalRender, () => wrapperRef.current);
 	const bodyStyle = { ...styles.body };
 	if (mousePosition) bodyStyle.transformOrigin = `${mousePosition.x}px ${mousePosition.y}px`;
 	return /*#__PURE__*/ React.createElement(es_default$1, {
@@ -195,7 +195,7 @@ const Preview = (props) => {
 		}, /*#__PURE__*/ React.createElement("div", {
 			className: clsx(`${prefixCls}-mask`, classNames.mask),
 			style: styles.mask,
-			onClick: onClose
+			onClick: maskClosable ? onClose : void 0
 		}), /*#__PURE__*/ React.createElement("div", {
 			className: clsx(`${prefixCls}-body`, classNames.body),
 			style: bodyStyle

package/vendor/@rc-component/image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/image",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "license": "MIT",
   "type": "module"
 }

package/vendor/@rc-component/input/es/BaseInput.js

@@ -33,12 +33,11 @@ const BaseInput = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	if (hasAffix) {
 		let clearIcon = null;
 		if (allowClear) {
-			const needClear = !disabled && !readOnly && value;
+			const needClear = !disabled && !readOnly && value && !(typeof allowClear === "object" && allowClear.disabled);
 			const clearIconCls = `${prefixCls}-clear-icon`;
 			const iconNode = typeof allowClear === "object" && allowClear?.clearIcon ? allowClear.clearIcon : "✖";
 			clearIcon = /*#__PURE__*/ React.createElement("button", {
 				type: "button",
-				tabIndex: -1,
 				onClick: (event) => {
 					handleReset?.(event);
 					onClear?.();
@@ -47,7 +46,8 @@ const BaseInput = /*#__PURE__*/ React.forwardRef((props, ref) => {
 				className: clsx(clearIconCls, {
 					[`${clearIconCls}-hidden`]: !needClear,
 					[`${clearIconCls}-has-suffix`]: !!suffix
-				})
+				}, classNames?.clear),
+				style: styles?.clear
 			}, iconNode);
 		}
 		const affixWrapperPrefixCls = `${prefixCls}-affix-wrapper`;

package/vendor/@rc-component/input/es/Input.js

@@ -1,10 +1,13 @@
-import useControlledState from "../../util/es/hooks/useControlledState.js";
 import { triggerFocus } from "../../util/es/Dom/focus.js";
 import omit from "../../util/es/omit.js";
+import "../../util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { resolveOnChange } from "./utils/commonUtils.js";
 import BaseInput from "./BaseInput.js";
 import useCount from "./hooks/useCount.js";
+import useCountDisplay from "./hooks/useCountDisplay.js";
+import useCountExceed from "./hooks/useCountExceed.js";
+import useMergedValue from "./hooks/useMergedValue.js";
 import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "../../../react/index.js";
 //#region node_modules/@rc-component/input/es/Input.js
 function _extends() {
@@ -27,13 +30,17 @@ const Input = /*#__PURE__*/ forwardRef((props, ref) => {
 	const focus = (option) => {
 		if (inputRef.current) triggerFocus(inputRef.current, option);
 	};
-	const [value, setValue] = useControlledState(props.defaultValue, props.value);
-	const formatValue = value === void 0 || value === null ? "" : String(value);
-	const [selection, setSelection] = useState(null);
+	const { setValue, formatValue } = useMergedValue(props.defaultValue, props.value);
 	const countConfig = useCount(count, showCount);
-	const mergedMax = countConfig.max || maxLength;
-	const valueLength = countConfig.strategy(formatValue);
-	const isOutOfRange = !!mergedMax && valueLength > mergedMax;
+	const { isOutOfRange, dataCount } = useCountDisplay({
+		countConfig,
+		value: formatValue,
+		maxLength
+	});
+	const getExceedValue = useCountExceed({
+		countConfig,
+		getTarget: () => inputRef.current
+	});
 	useImperativeHandle(ref, () => ({
 		focus,
 		blur: () => {
@@ -53,17 +60,11 @@ const Input = /*#__PURE__*/ forwardRef((props, ref) => {
 		setFocused((prev) => prev && disabled ? false : prev);
 	}, [disabled]);
 	const triggerChange = (e, currentValue, info) => {
-		let cutValue = currentValue;
-		if (!compositionRef.current && countConfig.exceedFormatter && countConfig.max && countConfig.strategy(currentValue) > countConfig.max) {
-			cutValue = countConfig.exceedFormatter(currentValue, { max: countConfig.max });
-			if (currentValue !== cutValue) setSelection([inputRef.current?.selectionStart || 0, inputRef.current?.selectionEnd || 0]);
-		} else if (info.source === "compositionEnd") return;
+		const cutValue = getExceedValue(currentValue, compositionRef.current);
+		if (info.source === "compositionEnd" && currentValue === cutValue) return;
 		setValue(cutValue);
 		if (inputRef.current) resolveOnChange(inputRef.current, e, onChange, cutValue);
 	};
-	useEffect(() => {
-		if (selection) inputRef.current?.setSelectionRange(...selection);
-	}, [selection]);
 	const onInternalChange = (e) => {
 		triggerChange(e, e.target.value, { source: "change" });
 	};
@@ -135,18 +136,10 @@ const Input = /*#__PURE__*/ forwardRef((props, ref) => {
 		}));
 	};
 	const getSuffix = () => {
-		const hasMaxLength = Number(mergedMax) > 0;
-		if (suffix || countConfig.show) {
-			const dataCount = countConfig.showFormatter ? countConfig.showFormatter({
-				value: formatValue,
-				count: valueLength,
-				maxLength: mergedMax
-			}) : `${valueLength}${hasMaxLength ? ` / ${mergedMax}` : ""}`;
-			return /*#__PURE__*/ React.createElement(React.Fragment, null, countConfig.show && /*#__PURE__*/ React.createElement("span", {
-				className: clsx(`${prefixCls}-show-count-suffix`, { [`${prefixCls}-show-count-has-suffix`]: !!suffix }, classNames?.count),
-				style: { ...styles?.count }
-			}, dataCount), suffix);
-		}
+		if (suffix || countConfig.show) return /*#__PURE__*/ React.createElement(React.Fragment, null, countConfig.show && /*#__PURE__*/ React.createElement("span", {
+			className: clsx(`${prefixCls}-show-count-suffix`, { [`${prefixCls}-show-count-has-suffix`]: !!suffix }, classNames?.count),
+			style: { ...styles?.count }
+		}, dataCount), suffix);
 		return null;
 	};
 	return /*#__PURE__*/ React.createElement(BaseInput, _extends({}, rest, {

package/vendor/@rc-component/{textarea → input}/es/ResizableTextArea.js

@@ -1,11 +1,12 @@
 import useLayoutEffect$1 from "../../util/es/hooks/useLayoutEffect.js";
 import useControlledState from "../../util/es/hooks/useControlledState.js";
 import wrapperRaf from "../../util/es/raf.js";
+import "../../util/es/index.js";
 import RefResizeObserver from "../../resize-observer/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import calculateAutoSizeStyle from "./calculateNodeHeight.js";
 import * as React$1 from "../../../react/index.js";
-//#region node_modules/@rc-component/textarea/es/ResizableTextArea.js
+//#region node_modules/@rc-component/input/es/ResizableTextArea.js
 function _extends() {
 	_extends = Object.assign ? Object.assign.bind() : function(target) {
 		for (var i = 1; i < arguments.length; i++) {
@@ -27,7 +28,7 @@ const ResizableTextArea = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 		setMergedValue(event.target.value);
 		onChange?.(event);
 	};
-	const textareaRef = React$1.useRef();
+	const textareaRef = React$1.useRef(null);
 	React$1.useImperativeHandle(ref, () => ({ textArea: textareaRef.current }));
 	const [minRows, maxRows] = React$1.useMemo(() => {
 		if (autoSize && typeof autoSize === "object") return [autoSize.minRows, autoSize.maxRows];
@@ -55,9 +56,9 @@ const ResizableTextArea = /*#__PURE__*/ React$1.forwardRef((props, ref) => {
 			setAutoSizeStyle(textareaStyles);
 		}
 	}, [resizeState]);
-	const resizeRafRef = React$1.useRef();
+	const resizeRafRef = React$1.useRef(void 0);
 	const cleanRaf = () => {
-		wrapperRaf.cancel(resizeRafRef.current);
+		if (resizeRafRef.current !== void 0) wrapperRaf.cancel(resizeRafRef.current);
 	};
 	const onInternalResize = (size) => {
 		if (resizeState === RESIZE_STABLE) {

package/vendor/@rc-component/{textarea → input}/es/TextArea.js

@@ -1,12 +1,13 @@
-import useControlledState from "../../util/es/hooks/useControlledState.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
-import { resolveOnChange } from "../../input/es/utils/commonUtils.js";
-import BaseInput from "../../input/es/BaseInput.js";
-import useCount from "../../input/es/hooks/useCount.js";
-import "../../input/es/index.js";
+import { resolveOnChange } from "./utils/commonUtils.js";
+import BaseInput from "./BaseInput.js";
+import useCount from "./hooks/useCount.js";
+import useCountDisplay from "./hooks/useCountDisplay.js";
+import useCountExceed from "./hooks/useCountExceed.js";
+import useMergedValue from "./hooks/useMergedValue.js";
 import ResizableTextArea from "./ResizableTextArea.js";
 import React, { useEffect, useImperativeHandle, useRef } from "../../../react/index.js";
-//#region node_modules/@rc-component/textarea/es/TextArea.js
+//#region node_modules/@rc-component/input/es/TextArea.js
 function _extends() {
 	_extends = Object.assign ? Object.assign.bind() : function(target) {
 		for (var i = 1; i < arguments.length; i++) {
@@ -18,43 +19,39 @@ function _extends() {
 	return _extends.apply(this, arguments);
 }
 const TextArea = /*#__PURE__*/ React.forwardRef(({ defaultValue, value: customValue, onFocus, onBlur, onChange, allowClear, maxLength, onCompositionStart, onCompositionEnd, suffix, prefixCls = "rc-textarea", showCount, count, className, style, disabled, hidden, classNames, styles, onResize, onClear, onPressEnter, readOnly, autoSize, onKeyDown, ...rest }, ref) => {
-	const [value, setValue] = useControlledState(defaultValue, customValue);
-	const formatValue = value === void 0 || value === null ? "" : String(value);
 	const [focused, setFocused] = React.useState(false);
 	const compositionRef = React.useRef(false);
 	const [textareaResized, setTextareaResized] = React.useState(null);
 	const holderRef = useRef(null);
 	const resizableTextAreaRef = useRef(null);
-	const getTextArea = () => resizableTextAreaRef.current?.textArea;
+	const getTextArea = () => resizableTextAreaRef.current?.textArea || null;
+	const { setValue, formatValue } = useMergedValue(defaultValue, customValue);
+	const countConfig = useCount(count, showCount);
+	const { isOutOfRange, dataCount } = useCountDisplay({
+		countConfig,
+		value: formatValue,
+		maxLength
+	});
+	const getExceedValue = useCountExceed({
+		countConfig,
+		getTarget: () => resizableTextAreaRef.current?.textArea || null
+	});
 	const focus = () => {
-		getTextArea().focus();
+		getTextArea()?.focus();
 	};
 	useImperativeHandle(ref, () => ({
 		resizableTextArea: resizableTextAreaRef.current,
 		focus,
 		blur: () => {
-			getTextArea().blur();
+			getTextArea()?.blur();
 		},
 		nativeElement: holderRef.current?.nativeElement || getTextArea()
 	}));
 	useEffect(() => {
 		setFocused((prev) => !disabled && prev);
 	}, [disabled]);
-	const [selection, setSelection] = React.useState(null);
-	React.useEffect(() => {
-		if (selection) getTextArea().setSelectionRange(...selection);
-	}, [selection]);
-	const countConfig = useCount(count, showCount);
-	const mergedMax = countConfig.max ?? maxLength;
-	const hasMaxLength = Number(mergedMax) > 0;
-	const valueLength = countConfig.strategy(formatValue);
-	const isOutOfRange = !!mergedMax && valueLength > mergedMax;
 	const triggerChange = (e, currentValue) => {
-		let cutValue = currentValue;
-		if (!compositionRef.current && countConfig.exceedFormatter && countConfig.max && countConfig.strategy(currentValue) > countConfig.max) {
-			cutValue = countConfig.exceedFormatter(currentValue, { max: countConfig.max });
-			if (currentValue !== cutValue) setSelection([getTextArea().selectionStart || 0, getTextArea().selectionEnd || 0]);
-		}
+		const cutValue = getExceedValue(currentValue, compositionRef.current);
 		setValue(cutValue);
 		resolveOnChange(e.currentTarget, e, onChange, cutValue);
 	};
@@ -85,22 +82,14 @@ const TextArea = /*#__PURE__*/ React.forwardRef(({ defaultValue, value: customVa
 	const handleReset = (e) => {
 		setValue("");
 		focus();
-		resolveOnChange(getTextArea(), e, onChange);
+		const textarea = getTextArea();
+		if (textarea) resolveOnChange(textarea, e, onChange);
 	};
 	let suffixNode = suffix;
-	let dataCount;
-	if (countConfig.show) {
-		if (countConfig.showFormatter) dataCount = countConfig.showFormatter({
-			value: formatValue,
-			count: valueLength,
-			maxLength: mergedMax
-		});
-		else dataCount = `${valueLength}${hasMaxLength ? ` / ${mergedMax}` : ""}`;
-		suffixNode = /*#__PURE__*/ React.createElement(React.Fragment, null, suffixNode, /*#__PURE__*/ React.createElement("span", {
-			className: clsx(`${prefixCls}-data-count`, classNames?.count),
-			style: styles?.count
-		}, dataCount));
-	}
+	if (countConfig.show) suffixNode = /*#__PURE__*/ React.createElement(React.Fragment, null, suffixNode, /*#__PURE__*/ React.createElement("span", {
+		className: clsx(`${prefixCls}-data-count`, classNames?.count),
+		style: styles?.count
+	}, dataCount));
 	const handleResize = (size) => {
 		onResize?.(size);
 		if (getTextArea()?.style.height) setTextareaResized(true);
@@ -127,7 +116,8 @@ const TextArea = /*#__PURE__*/ React.forwardRef(({ defaultValue, value: customVa
 			...style,
 			...textareaResized && !isPureTextArea ? { height: "auto" } : {}
 		},
-		dataAttrs: { affixWrapper: { "data-count": typeof dataCount === "string" ? dataCount : void 0 } },
+		dataAttrs: typeof dataCount === "string" ? { affixWrapper: { "data-count": dataCount } } : void 0,
+		styles,
 		hidden,
 		readOnly,
 		onClear

package/vendor/@rc-component/{textarea → input}/es/calculateNodeHeight.js

@@ -1,4 +1,4 @@
-//#region node_modules/@rc-component/textarea/es/calculateNodeHeight.js
+//#region node_modules/@rc-component/input/es/calculateNodeHeight.js
 /**
 * calculateNodeHeight(uiTextNode, useCache = false)
 */
@@ -65,8 +65,8 @@ function calculateAutoSizeStyle(uiTextNode, useCache = false, minRows = null, ma
 	const { paddingSize, borderSize, boxSizing, sizingStyle } = calculateNodeStyling(uiTextNode, useCache);
 	hiddenTextarea.setAttribute("style", `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);
 	hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || "";
-	let minHeight = void 0;
-	let maxHeight = void 0;
+	let minHeight;
+	let maxHeight;
 	let overflowY;
 	let height = hiddenTextarea.scrollHeight;
 	if (boxSizing === "border-box") height += borderSize;
@@ -82,7 +82,7 @@ function calculateAutoSizeStyle(uiTextNode, useCache = false, minRows = null, ma
 		if (maxRows !== null) {
 			maxHeight = singleRowHeight * maxRows;
 			if (boxSizing === "border-box") maxHeight = maxHeight + paddingSize + borderSize;
-			overflowY = height > maxHeight ? "" : "hidden";
+			overflowY = height > maxHeight ? void 0 : "hidden";
 			height = Math.min(maxHeight, height);
 		}
 	}

package/vendor/@rc-component/input/es/hooks/useCountDisplay.js

@@ -0,0 +1,25 @@
+import * as React$1 from "../../../../react/index.js";
+//#region node_modules/@rc-component/input/es/hooks/useCountDisplay.js
+function useCountDisplay({ countConfig, value, maxLength }) {
+	return React$1.useMemo(() => {
+		const mergedMax = countConfig.max ?? maxLength;
+		const valueLength = countConfig.strategy(value);
+		const isOutOfRange = !!mergedMax && valueLength > mergedMax;
+		const hasMaxLength = Number(mergedMax) > 0;
+		return {
+			mergedMax,
+			isOutOfRange,
+			dataCount: countConfig.show ? countConfig.showFormatter ? countConfig.showFormatter({
+				value,
+				count: valueLength,
+				maxLength: mergedMax
+			}) : `${valueLength}${hasMaxLength ? ` / ${mergedMax}` : ""}` : void 0
+		};
+	}, [
+		countConfig,
+		maxLength,
+		value
+	]);
+}
+//#endregion
+export { useCountDisplay as default };

package/vendor/@rc-component/input/es/hooks/useCountExceed.js

@@ -0,0 +1,25 @@
+import * as React$1 from "../../../../react/index.js";
+//#region node_modules/@rc-component/input/es/hooks/useCountExceed.js
+function useCountExceed({ countConfig, getTarget }) {
+	const [selection, setSelection] = React$1.useState(null);
+	const getTargetRef = React$1.useRef(getTarget);
+	React$1.useEffect(() => {
+		getTargetRef.current = getTarget;
+	}, [getTarget]);
+	React$1.useEffect(() => {
+		if (selection) {
+			getTargetRef.current()?.setSelectionRange(...selection);
+			setSelection(null);
+		}
+	}, [selection]);
+	return React$1.useCallback((currentValue, isComposing) => {
+		let nextValue = currentValue;
+		if (!isComposing && countConfig.exceedFormatter && countConfig.max && countConfig.strategy(currentValue) > countConfig.max) {
+			nextValue = countConfig.exceedFormatter(currentValue, { max: countConfig.max });
+			if (currentValue !== nextValue) setSelection([getTargetRef.current()?.selectionStart || 0, getTargetRef.current()?.selectionEnd || 0]);
+		}
+		return nextValue;
+	}, [countConfig]);
+}
+//#endregion
+export { useCountExceed as default };

package/vendor/@rc-component/input/es/hooks/useMergedValue.js

@@ -0,0 +1,13 @@
+import useControlledState from "../../../util/es/hooks/useControlledState.js";
+import "../../../util/es/index.js";
+//#region node_modules/@rc-component/input/es/hooks/useMergedValue.js
+function useMergedValue(defaultValue, controlledValue) {
+	const [value, setValue] = useControlledState(defaultValue, controlledValue);
+	return {
+		value,
+		setValue,
+		formatValue: value === void 0 || value === null ? "" : String(value)
+	};
+}
+//#endregion
+export { useMergedValue as default };

package/vendor/@rc-component/input/es/index.js

@@ -1,6 +1,8 @@
 import BaseInput from "./BaseInput.js";
 import Input from "./Input.js";
+import "./ResizableTextArea.js";
+import TextArea from "./TextArea.js";
 //#region node_modules/@rc-component/input/es/index.js
 var es_default = Input;
 //#endregion
-export { BaseInput, es_default as default };
+export { BaseInput, TextArea, es_default as default };

package/vendor/@rc-component/input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/input",
-  "version": "1.1.2",
+  "version": "1.3.1",
   "license": "MIT",
   "type": "module"
 }

package/vendor/@rc-component/mentions/es/DropdownMenu.js

@@ -43,7 +43,7 @@ function DropdownMenu(props) {
 			className,
 			style,
 			onMouseEnter: () => {
-				setActiveIndex(index);
+				if (!disabled) setActiveIndex(index);
 			}
 		}, label);
 	}), !options.length && /*#__PURE__*/ React.createElement(MenuItem_default, { disabled: true }, notFoundContent));

package/vendor/@rc-component/mentions/es/Mentions.js

@@ -4,8 +4,8 @@ import useId_default from "../../util/es/hooks/useId.js";
 import KeyCode from "../../util/es/KeyCode.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import BaseInput from "../../input/es/BaseInput.js";
+import TextArea from "../../input/es/TextArea.js";
 import "../../input/es/index.js";
-import es_default from "../../textarea/es/index.js";
 import useEffectState from "./hooks/useEffectState.js";
 import MentionsContext from "./MentionsContext.js";
 import KeywordTrigger from "./KeywordTrigger.js";
@@ -98,13 +98,33 @@ const InternalMentions = /*#__PURE__*/ forwardRef((props, ref) => {
 		filterOption$1
 	]);
 	const mergedOptions = React.useMemo(() => getOptions(mergedMeasureText), [getOptions, mergedMeasureText]);
+	const getEnabledActiveIndex = React.useCallback((index, offset = 1) => {
+		const len = mergedOptions.length;
+		if (!len) return -1;
+		for (let i = 0; i < len; i += 1) {
+			const current = (index + i * offset + len) % len;
+			if (!mergedOptions[current]?.disabled) return current;
+		}
+		return -1;
+	}, [mergedOptions]);
+	useEffect(() => {
+		if (!mergedMeasuring) return;
+		const currentOption = mergedOptions[activeIndex];
+		if (!currentOption || currentOption.disabled) setActiveIndex(getEnabledActiveIndex(0));
+	}, [
+		mergedMeasuring,
+		mergedOptions,
+		activeIndex,
+		getEnabledActiveIndex,
+		setActiveIndex
+	]);
 	const onSelectionEffect = useEffectState();
 	const startMeasure = (nextMeasureText, nextMeasurePrefix, nextMeasureLocation) => {
 		setMeasuring(true);
 		setMeasureText(nextMeasureText);
 		setMeasurePrefix(nextMeasurePrefix);
 		setMeasureLocation(nextMeasureLocation);
-		setActiveIndex(0);
+		setActiveIndex(getEnabledActiveIndex(0));
 	};
 	const stopMeasure = (callback) => {
 		setMeasuring(false);
@@ -120,6 +140,7 @@ const InternalMentions = /*#__PURE__*/ forwardRef((props, ref) => {
 		triggerChange(nextValue);
 	};
 	const selectOption = (option) => {
+		if (!option || option.disabled) return;
 		const { value: mentionValue = "" } = option;
 		const { text, selectionLocation } = replaceWithMeasure(mergedValue, {
 			measureLocation: mergedMeasureLocation,
@@ -139,10 +160,10 @@ const InternalMentions = /*#__PURE__*/ forwardRef((props, ref) => {
 		onKeyDown?.(event);
 		if (!mergedMeasuring) return;
 		if (which === KeyCode.UP || which === KeyCode.DOWN) {
-			const optionLen = mergedOptions.length;
+			if (!mergedOptions.length) return;
 			const offset = which === KeyCode.UP ? -1 : 1;
-			const newActiveIndex = (activeIndex + offset + optionLen) % optionLen;
-			setActiveIndex(newActiveIndex);
+			const newActiveIndex = getEnabledActiveIndex(activeIndex + offset, offset);
+			if (newActiveIndex !== -1) setActiveIndex(newActiveIndex);
 			event.preventDefault();
 		} else if (which === KeyCode.ESC) stopMeasure();
 		else if (which === KeyCode.ENTER) {
@@ -152,8 +173,14 @@ const InternalMentions = /*#__PURE__*/ forwardRef((props, ref) => {
 				stopMeasure();
 				return;
 			}
-			const option = mergedOptions[activeIndex];
-			selectOption(option);
+			let targetIndex = activeIndex;
+			if (!mergedOptions[targetIndex] || mergedOptions[targetIndex].disabled) targetIndex = getEnabledActiveIndex(0);
+			if (targetIndex === -1) {
+				stopMeasure();
+				return;
+			}
+			setActiveIndex(targetIndex);
+			selectOption(mergedOptions[targetIndex]);
 		}
 	};
 	/**
@@ -228,7 +255,7 @@ const InternalMentions = /*#__PURE__*/ forwardRef((props, ref) => {
 			textarea: mergedTextareaStyle
 		};
 	}, [style, styles]);
-	const mentionNode = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(es_default, _extends({
+	const mentionNode = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(TextArea, _extends({
 		classNames: { textarea: mentionClassNames?.textarea },
 		styles: mergedStyles,
 		ref: textareaRef,

package/vendor/@rc-component/mentions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/mentions",
-  "version": "1.6.0",
+  "version": "1.9.0",
   "license": "MIT",
   "type": "module"
 }

package/vendor/@rc-component/menu/es/Menu.js

@@ -2,6 +2,7 @@ import "../../util/es/warning.js";
 import useControlledState from "../../util/es/hooks/useControlledState.js";
 import useId_default from "../../util/es/hooks/useId.js";
 import isEqual from "../../util/es/isEqual.js";
+import "../../util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import es_default from "../../overflow/es/index.js";
 import { IdContext } from "./context/IdContext.js";

package/vendor/@rc-component/menu/es/MenuItem.js

@@ -2,6 +2,7 @@ import warningOnce from "../../util/es/warning.js";
 import { useComposeRef } from "../../util/es/ref.js";
 import KeyCode from "../../util/es/KeyCode.js";
 import omit from "../../util/es/omit.js";
+import "../../util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import es_default from "../../overflow/es/index.js";
 import { useMenuId } from "./context/IdContext.js";

package/vendor/@rc-component/menu/es/MenuItemGroup.js

@@ -1,4 +1,5 @@
 import omit from "../../util/es/omit.js";
+import "../../util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { MenuContext } from "./context/MenuContext.js";
 import { useFullPath, useMeasure } from "./context/PathContext.js";

package/vendor/@rc-component/menu/es/SubMenu/PopupTrigger.js

@@ -1,4 +1,5 @@
 import wrapperRaf from "../../../util/es/raf.js";
+import "../../../util/es/index.js";
 import { clsx } from "../../../../clsx/dist/clsx.js";
 import es_default from "../../../trigger/es/index.js";
 import { MenuContext } from "../context/MenuContext.js";

package/vendor/@rc-component/menu/es/SubMenu/index.js

@@ -1,4 +1,5 @@
 import "../../../util/es/warning.js";
+import "../../../util/es/index.js";
 import { clsx } from "../../../../clsx/dist/clsx.js";
 import es_default from "../../../overflow/es/index.js";
 import { useMenuId } from "../context/IdContext.js";

package/vendor/@rc-component/menu/es/context/MenuContext.js

@@ -1,5 +1,6 @@
 import useMemo$1 from "../../../util/es/hooks/useMemo.js";
 import isEqual from "../../../util/es/isEqual.js";
+import "../../../util/es/index.js";
 import * as React$1 from "../../../../react/index.js";
 //#region node_modules/@rc-component/menu/es/context/MenuContext.js
 const MenuContext = /*#__PURE__*/ React$1.createContext(null);

package/vendor/@rc-component/menu/es/hooks/useAccessibility.js

@@ -1,6 +1,7 @@
 import { getFocusNodeList } from "../../../util/es/Dom/focus.js";
 import KeyCode from "../../../util/es/KeyCode.js";
 import wrapperRaf from "../../../util/es/raf.js";
+import "../../../util/es/index.js";
 import { getMenuId } from "../context/IdContext.js";
 import * as React$1 from "../../../../react/index.js";
 //#region node_modules/@rc-component/menu/es/hooks/useAccessibility.js

package/vendor/@rc-component/menu/es/hooks/useKeyRecords.js

@@ -1,4 +1,5 @@
 import "../../../util/es/warning.js";
+import "../../../util/es/index.js";
 import { nextSlice } from "../utils/timeUtil.js";
 import * as React$1 from "../../../../react/index.js";
 import { useCallback, useRef } from "../../../../react/index.js";

package/vendor/@rc-component/menu/es/utils/commonUtil.js

@@ -1,4 +1,5 @@
 import toArray from "../../../util/es/Children/toArray.js";
+import "../../../util/es/index.js";
 import * as React$1 from "../../../../react/index.js";
 //#region node_modules/@rc-component/menu/es/utils/commonUtil.js
 function parseChildren(children, keyPath) {

package/vendor/@rc-component/menu/es/utils/nodeUtil.js

@@ -26,7 +26,8 @@ function convertItemsToNodes(list, components, prefixCls) {
 				return /*#__PURE__*/ React$1.createElement(MergedSubMenu, _extends({ key: mergedKey }, restProps, { title: label }), convertItemsToNodes(children, components, prefixCls));
 			}
 			if (type === "divider") return /*#__PURE__*/ React$1.createElement(MergedDivider, _extends({ key: mergedKey }, restProps));
-			return /*#__PURE__*/ React$1.createElement(MergedMenuItem, _extends({ key: mergedKey }, restProps, { extra }), label, (!!extra || extra === 0) && /*#__PURE__*/ React$1.createElement("span", { className: `${prefixCls}-item-extra` }, extra));
+			const hasExtra = !!extra || extra === 0;
+			return /*#__PURE__*/ React$1.createElement(MergedMenuItem, _extends({ key: mergedKey }, restProps, { extra }), hasExtra ? /*#__PURE__*/ React$1.createElement(React$1.Fragment, null, /*#__PURE__*/ React$1.createElement("span", { className: `${prefixCls}-item-label` }, label), /*#__PURE__*/ React$1.createElement("span", { className: `${prefixCls}-item-extra` }, extra)) : label);
 		}
 		return null;
 	}).filter((opt) => opt);