@lobehub/ui 3.4.2 → 3.4.3

package/es/Hotkey/const.d.mts

@@ -0,0 +1,39 @@
+//#region src/Hotkey/const.d.ts
+declare const KeyMapEnum: {
+  readonly Alt: "alt";
+  readonly Backquote: "backquote";
+  readonly Backslash: "backslash";
+  readonly Backspace: "backspace";
+  readonly BracketLeft: "bracketleft";
+  readonly BracketRight: "bracketright";
+  readonly Comma: "comma";
+  readonly Control: "control";
+  readonly Ctrl: "ctrl";
+  readonly Down: "down";
+  readonly Enter: "enter";
+  readonly Equal: "equal";
+  readonly Esc: "esc";
+  readonly Left: "left";
+  readonly LeftClick: "left-click";
+  readonly LeftDoubleClick: "left-double-click";
+  readonly Meta: "meta";
+  readonly MiddleClick: "middle-click";
+  readonly Minus: "minus";
+  readonly Mod: "mod";
+  readonly Period: "period";
+  readonly Plus: "equal";
+  readonly QuestionMark: "slash";
+  readonly Quote: "quote";
+  readonly Right: "right";
+  readonly RightClick: "right-click";
+  readonly RightDoubleClick: "right-double-click";
+  readonly Semicolon: "semicolon";
+  readonly Shift: "shift";
+  readonly Slash: "slash";
+  readonly Space: "space";
+  readonly Tab: "tab";
+  readonly Up: "up";
+};
+//#endregion
+export { KeyMapEnum };
+//# sourceMappingURL=const.d.mts.map

package/es/Hotkey/const.mjs

@@ -0,0 +1,40 @@
+//#region src/Hotkey/const.ts
+const KeyMapEnum = {
+	Alt: "alt",
+	Backquote: "backquote",
+	Backslash: "backslash",
+	Backspace: "backspace",
+	BracketLeft: "bracketleft",
+	BracketRight: "bracketright",
+	Comma: "comma",
+	Control: "control",
+	Ctrl: "ctrl",
+	Down: "down",
+	Enter: "enter",
+	Equal: "equal",
+	Esc: "esc",
+	Left: "left",
+	LeftClick: "left-click",
+	LeftDoubleClick: "left-double-click",
+	Meta: "meta",
+	MiddleClick: "middle-click",
+	Minus: "minus",
+	Mod: "mod",
+	Period: "period",
+	Plus: "equal",
+	QuestionMark: "slash",
+	Quote: "quote",
+	Right: "right",
+	RightClick: "right-click",
+	RightDoubleClick: "right-double-click",
+	Semicolon: "semicolon",
+	Shift: "shift",
+	Slash: "slash",
+	Space: "space",
+	Tab: "tab",
+	Up: "up"
+};
+
+//#endregion
+export { KeyMapEnum };
+//# sourceMappingURL=const.mjs.map

package/es/Hotkey/const.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.mjs","names":[],"sources":["../../src/Hotkey/const.ts"],"sourcesContent":["export const KeyMapEnum = {\n  Alt: 'alt',\n  Backquote: 'backquote', // `\n  Backslash: 'backslash', // \\\n  Backspace: 'backspace',\n  BracketLeft: 'bracketleft', // [\n  BracketRight: 'bracketright', // ]\n  Comma: 'comma',\n  Control: 'control',\n  Ctrl: 'ctrl',\n  Down: 'down',\n  Enter: 'enter',\n  Equal: 'equal', // =\n  Esc: 'esc',\n  Left: 'left',\n  LeftClick: 'left-click',\n  LeftDoubleClick: 'left-double-click',\n  Meta: 'meta', // Command on Mac, Win on Win\n  MiddleClick: 'middle-click',\n  Minus: 'minus', // -\n  Mod: 'mod', // Command on Mac, Ctrl on Win\n  Period: 'period', // .\n  Plus: 'equal', // +\n  QuestionMark: 'slash', // ?\n  Quote: 'quote', // '\n  Right: 'right',\n  RightClick: 'right-click',\n  RightDoubleClick: 'right-double-click',\n  Semicolon: 'semicolon', // ;\n  Shift: 'shift',\n  Slash: 'slash', // /\n  Space: 'space',\n  Tab: 'tab',\n  Up: 'up',\n} as const;\n"],"mappings":";AAAA,MAAa,aAAa;CACxB,KAAK;CACL,WAAW;CACX,WAAW;CACX,WAAW;CACX,aAAa;CACb,cAAc;CACd,OAAO;CACP,SAAS;CACT,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,KAAK;CACL,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,MAAM;CACN,aAAa;CACb,OAAO;CACP,KAAK;CACL,QAAQ;CACR,MAAM;CACN,cAAc;CACd,OAAO;CACP,OAAO;CACP,YAAY;CACZ,kBAAkB;CAClB,WAAW;CACX,OAAO;CACP,OAAO;CACP,OAAO;CACP,KAAK;CACL,IAAI;CACL"}

package/es/Hotkey/index.d.mts

@@ -0,0 +1,5 @@
+import { KeyMapEnum } from "./const.mjs";
+import { HotkeyProps } from "./type.mjs";
+import { Hotkey } from "./Hotkey.mjs";
+import { combineKeys } from "./utils.mjs";
+export { HotkeyProps, KeyMapEnum, combineKeys, Hotkey as default };

package/es/Hotkey/index.mjs

@@ -0,0 +1,5 @@
+import { KeyMapEnum } from "./const.mjs";
+import { combineKeys } from "./utils.mjs";
+import Hotkey_default from "./Hotkey.mjs";
+
+export { KeyMapEnum, combineKeys, Hotkey_default as default };

package/es/Hotkey/style.mjs

@@ -0,0 +1,39 @@
+import { createStyles } from "antd-style";
+import { rgba } from "polished";
+
+//#region src/Hotkey/style.ts
+const useStyles = createStyles(({ cx: cx$1, css: css$1, token, isDarkMode, stylish }) => {
+	return {
+		borderless: cx$1(stylish.variantBorderlessWithoutHover, css$1`
+        padding-inline: 4px;
+      `),
+		filled: stylish.variantFilledWithoutHover,
+		inverseTheme: css$1`
+      color: ${rgba(token.colorBgContainer, .75)};
+      background: ${rgba(token.colorBgContainer, isDarkMode ? .08 : .16)};
+    `,
+		outlined: stylish.variantOutlinedWithoutHover,
+		root: css$1`
+      overflow: hidden;
+
+      min-width: 1.8em;
+      height: 1.8em;
+      padding-block: 0;
+      padding-inline: 8px;
+
+      font-family: ${token.fontFamily};
+      font-size: 12px;
+      line-height: 1.1;
+      color: ${token.colorTextSecondary};
+      text-align: center;
+      white-space: nowrap;
+
+      border: none;
+      border-radius: ${token.borderRadiusSM}px;
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Hotkey/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/Hotkey/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { rgba } from 'polished';\n\nexport const useStyles = createStyles(({ cx, css, token, isDarkMode, stylish }) => {\n  return {\n    borderless: cx(\n      stylish.variantBorderlessWithoutHover,\n      css`\n        padding-inline: 4px;\n      `,\n    ),\n    filled: stylish.variantFilledWithoutHover,\n    inverseTheme: css`\n      color: ${rgba(token.colorBgContainer, 0.75)};\n      background: ${rgba(token.colorBgContainer, isDarkMode ? 0.08 : 0.16)};\n    `,\n    outlined: stylish.variantOutlinedWithoutHover,\n    root: css`\n      overflow: hidden;\n\n      min-width: 1.8em;\n      height: 1.8em;\n      padding-block: 0;\n      padding-inline: 8px;\n\n      font-family: ${token.fontFamily};\n      font-size: 12px;\n      line-height: 1.1;\n      color: ${token.colorTextSecondary};\n      text-align: center;\n      white-space: nowrap;\n\n      border: none;\n      border-radius: ${token.borderRadiusSM}px;\n    `,\n  };\n});\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAAc,EAAE,UAAI,YAAK,OAAO,YAAY,cAAc;AACjF,QAAO;EACL,YAAYA,KACV,QAAQ,+BACR,KAAG;;QAGJ;EACD,QAAQ,QAAQ;EAChB,cAAc,KAAG;eACN,KAAK,MAAM,kBAAkB,IAAK,CAAC;oBAC9B,KAAK,MAAM,kBAAkB,aAAa,MAAO,IAAK,CAAC;;EAEvE,UAAU,QAAQ;EAClB,MAAM,KAAG;;;;;;;;qBAQQ,MAAM,WAAW;;;eAGvB,MAAM,mBAAmB;;;;;uBAKjB,MAAM,eAAe;;EAEzC;EACD"}

package/es/Hotkey/type.d.mts

@@ -0,0 +1,21 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { CSSProperties } from "react";
+
+//#region src/Hotkey/type.d.ts
+interface HotkeyProps extends Omit<FlexboxProps, 'children'> {
+  classNames?: {
+    kbdClassName?: string;
+  };
+  compact?: boolean;
+  inverseTheme?: boolean;
+  isApple?: boolean;
+  keys: string;
+  styles?: {
+    kbdStyle?: CSSProperties;
+  };
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { HotkeyProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Hotkey/utils.d.mts

@@ -0,0 +1,6 @@
+//#region src/Hotkey/utils.d.ts
+
+declare const combineKeys: (keys: string[]) => string;
+//#endregion
+export { combineKeys };
+//# sourceMappingURL=utils.d.mts.map

package/es/Hotkey/utils.mjs

@@ -0,0 +1,31 @@
+import { KeyMapEnum } from "./const.mjs";
+
+//#region src/Hotkey/utils.ts
+const NORMATIVE_MODIFIER = [
+	KeyMapEnum.Ctrl,
+	KeyMapEnum.Control,
+	KeyMapEnum.Meta,
+	KeyMapEnum.Mod,
+	KeyMapEnum.Alt,
+	KeyMapEnum.Shift
+];
+const orderMap = Object.fromEntries(NORMATIVE_MODIFIER.map((key, index) => [key, index]));
+const splitKeysByPlus = (keys) => {
+	return keys.replaceAll("++", `+${KeyMapEnum.Equal}`).split("+").sort((x, y) => {
+		return (orderMap[x.toLowerCase()] ?? orderMap.length) - (orderMap[y.toLowerCase()] ?? orderMap.length);
+	});
+};
+const startCase = (str) => {
+	return str.replaceAll(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim();
+};
+const checkIsAppleDevice = (isApple) => {
+	if (isApple !== void 0) return isApple;
+	if (typeof window === "undefined" || typeof navigator === "undefined") return false;
+	const userAgent = navigator.userAgent.toLowerCase();
+	return /mac|iphone|ipod|ipad|ios/i.test(userAgent);
+};
+const combineKeys = (keys) => keys.join("+");
+
+//#endregion
+export { NORMATIVE_MODIFIER, checkIsAppleDevice, combineKeys, splitKeysByPlus, startCase };
+//# sourceMappingURL=utils.mjs.map

package/es/Hotkey/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Hotkey/utils.ts"],"sourcesContent":["import { KeyMapEnum } from './const';\n\n// https://superuser.com/questions/1238058/key-combination-order\nexport const NORMATIVE_MODIFIER = [\n  // win: Ctrl ,mac: Control\n  KeyMapEnum.Ctrl,\n  KeyMapEnum.Control,\n\n  //  win: Win ,mac: Command\n  KeyMapEnum.Meta,\n\n  // Mod should have same priority as Ctrl since it represents Ctrl on Windows\n  KeyMapEnum.Mod,\n\n  // win: Alt ,mac: Option\n  KeyMapEnum.Alt,\n\n  // win: Shift ,mac: Shift\n  KeyMapEnum.Shift,\n];\n\nconst orderMap = Object.fromEntries(NORMATIVE_MODIFIER.map((key, index) => [key, index]));\n\nexport const splitKeysByPlus = (keys: string): string[] => {\n  return keys\n    .replaceAll('++', `+${KeyMapEnum.Equal}`)\n    .split('+')\n    .sort((x, y) => {\n      const idxX = orderMap[x.toLowerCase()] ?? orderMap.length;\n      const idxY = orderMap[y.toLowerCase()] ?? orderMap.length;\n\n      return idxX - idxY;\n    });\n};\n\nexport const startCase = (str: string): string => {\n  return str\n    .replaceAll(/([A-Z])/g, ' $1')\n    .replace(/^./, (s) => s.toUpperCase())\n    .trim();\n};\n\nexport const checkIsAppleDevice = (isApple?: boolean) => {\n  if (isApple !== undefined) {\n    return isApple;\n  }\n\n  if (typeof window === 'undefined' || typeof navigator === 'undefined') {\n    return false; // 处理 SSR 环境\n  }\n\n  const userAgent = navigator.userAgent.toLowerCase();\n  return /mac|iphone|ipod|ipad|ios/i.test(userAgent);\n};\n\nexport const combineKeys = (keys: string[]): string => keys.join('+');\n"],"mappings":";;;AAGA,MAAa,qBAAqB;CAEhC,WAAW;CACX,WAAW;CAGX,WAAW;CAGX,WAAW;CAGX,WAAW;CAGX,WAAW;CACZ;AAED,MAAM,WAAW,OAAO,YAAY,mBAAmB,KAAK,KAAK,UAAU,CAAC,KAAK,MAAM,CAAC,CAAC;AAEzF,MAAa,mBAAmB,SAA2B;AACzD,QAAO,KACJ,WAAW,MAAM,IAAI,WAAW,QAAQ,CACxC,MAAM,IAAI,CACV,MAAM,GAAG,MAAM;AAId,UAHa,SAAS,EAAE,aAAa,KAAK,SAAS,WACtC,SAAS,EAAE,aAAa,KAAK,SAAS;GAGnD;;AAGN,MAAa,aAAa,QAAwB;AAChD,QAAO,IACJ,WAAW,YAAY,MAAM,CAC7B,QAAQ,OAAO,MAAM,EAAE,aAAa,CAAC,CACrC,MAAM;;AAGX,MAAa,sBAAsB,YAAsB;AACvD,KAAI,YAAY,OACd,QAAO;AAGT,KAAI,OAAO,WAAW,eAAe,OAAO,cAAc,YACxD,QAAO;CAGT,MAAM,YAAY,UAAU,UAAU,aAAa;AACnD,QAAO,4BAA4B,KAAK,UAAU;;AAGpD,MAAa,eAAe,SAA2B,KAAK,KAAK,IAAI"}

package/es/HotkeyInput/HotkeyInput.d.mts

@@ -0,0 +1,8 @@
+import { HotkeyInputProps } from "./type.mjs";
+import * as react9 from "react";
+
+//#region src/HotkeyInput/HotkeyInput.d.ts
+declare const HotkeyInput: react9.NamedExoticComponent<HotkeyInputProps>;
+//#endregion
+export { HotkeyInput };
+//# sourceMappingURL=HotkeyInput.d.mts.map

package/es/HotkeyInput/HotkeyInput.mjs

@@ -0,0 +1,219 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import { NORMATIVE_MODIFIER, checkIsAppleDevice, splitKeysByPlus } from "../Hotkey/utils.mjs";
+import Hotkey_default from "../Hotkey/Hotkey.mjs";
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import { useStyles } from "./style.mjs";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import useMergeState from "use-merge-value";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Undo2Icon } from "lucide-react";
+import { isEqual } from "lodash-es";
+import { useHotkeys, useRecordHotkeys } from "react-hotkeys-hook";
+
+//#region src/HotkeyInput/HotkeyInput.tsx
+const HotkeyInput = memo(({ value = "", defaultValue = "", resetValue = "", onChange, onConflict, placeholder = "Press keys to record shortcut", disabled, shadow, allowReset = true, style, className, hotkeyConflicts = [], variant, texts, isApple, onBlur, onReset, onFocus }) => {
+	const [isFocused, setIsFocused] = useState(false);
+	const [hasConflict, setHasConflict] = useState(false);
+	const [hasInvalidCombination, setHasInvalidCombination] = useState(false);
+	const inputRef = useRef(null);
+	const { cx, styles, theme } = useStyles();
+	const isAppleDevice = useMemo(() => checkIsAppleDevice(isApple), [isApple]);
+	const [hotkeyValue, setHotkeyValue] = useMergeState(defaultValue, {
+		defaultValue,
+		onChange,
+		value
+	});
+	const variants = useMemo(() => cva(styles.root, {
+		defaultVariants: {
+			disabled: false,
+			error: false,
+			shadow: false,
+			variant: "outlined"
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			shadow: {
+				false: null,
+				true: styles.shadow
+			},
+			focused: {
+				false: null,
+				true: styles.focused
+			},
+			error: {
+				fales: null,
+				true: styles.error
+			},
+			disabled: {
+				false: null,
+				true: styles.disabled
+			}
+		}
+	}), [styles]);
+	const [recordedKeys, { start, stop, isRecording, resetKeys }] = useRecordHotkeys();
+	useHotkeys("*", () => {
+		inputRef.current?.blur();
+	}, {
+		enableOnContentEditable: true,
+		enableOnFormTags: true,
+		enabled: isRecording && !disabled,
+		keydown: false,
+		keyup: true,
+		preventDefault: true
+	});
+	const { isValid, keys } = useCallback((keysSet) => {
+		const modifiers = [];
+		const normalKeys = [];
+		for (const key of keysSet) {
+			const normalizedKey = key.toLowerCase();
+			if (NORMATIVE_MODIFIER.includes(normalizedKey)) {
+				if (!isAppleDevice && normalizedKey === "ctrl" || isAppleDevice && normalizedKey === "meta") {
+					if (!modifiers.includes("mod")) modifiers.push("mod");
+				} else if (!modifiers.includes(normalizedKey)) modifiers.push(normalizedKey);
+			} else normalKeys.push(key);
+		}
+		if (modifiers.length === 0 && normalKeys.length > 0) return {
+			isValid: false,
+			keys: []
+		};
+		const shortcuts = [modifiers, normalKeys.length > 0 ? [normalKeys.at(-1)] : []];
+		return {
+			isValid: shortcuts.every((k) => k.length > 0),
+			keys: shortcuts.flat()
+		};
+	}, [])(recordedKeys);
+	const keysString = keys.join("+");
+	const checkHotkeyConflict = useCallback((newHotkey) => {
+		return hotkeyConflicts.filter((conflictKey) => conflictKey !== resetValue).some((conflictKey) => {
+			return isEqual(splitKeysByPlus(newHotkey), splitKeysByPlus(conflictKey));
+		});
+	}, [hotkeyConflicts]);
+	useEffect(() => {
+		if (recordedKeys.size > 0 && !isRecording) {
+			if (!isValid) {
+				setHasInvalidCombination(true);
+				setHasConflict(false);
+				return;
+			}
+			setHasInvalidCombination(false);
+			const newKeysString = keysString;
+			if (checkHotkeyConflict(newKeysString)) {
+				setHasConflict(true);
+				onConflict?.(newKeysString);
+			} else {
+				setHasConflict(false);
+				setHotkeyValue?.(newKeysString);
+			}
+		}
+	}, [
+		recordedKeys,
+		isRecording,
+		isValid,
+		keysString,
+		checkHotkeyConflict,
+		setHotkeyValue,
+		onConflict
+	]);
+	const handleFocus = (e) => {
+		if (disabled) return;
+		setIsFocused(true);
+		setHasConflict(false);
+		setHasInvalidCombination(false);
+		start();
+		onFocus?.(e);
+	};
+	const handleBlur = (e) => {
+		setIsFocused(false);
+		stop();
+		onBlur?.(e);
+	};
+	const handleReset = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setHotkeyValue?.(resetValue);
+		resetKeys();
+		setHasConflict(false);
+		setHasInvalidCombination(false);
+		setIsFocused(false);
+		stop();
+		onReset?.(hotkeyValue, resetValue);
+	};
+	const handleClick = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		if (disabled || isFocused) return;
+		inputRef.current?.focus();
+	};
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className,
+		gap: 8,
+		style: {
+			position: "relative",
+			...style
+		},
+		children: [
+			/* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				className: cx(variants({
+					disabled,
+					error: hasConflict || hasInvalidCombination,
+					focused: isFocused,
+					shadow,
+					variant: variant || (theme.isDarkMode ? "filled" : "outlined")
+				})),
+				horizontal: true,
+				justify: "space-between",
+				onClick: handleClick,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						style: { pointerEvents: "none" },
+						children: isRecording ? /* @__PURE__ */ jsx("span", {
+							className: styles.placeholder,
+							children: keys.length > 0 ? /* @__PURE__ */ jsx(Hotkey_default, { keys: keysString }) : placeholder
+						}) : hotkeyValue ? /* @__PURE__ */ jsx(Hotkey_default, { keys: hotkeyValue }) : /* @__PURE__ */ jsx("span", {
+							className: styles.placeholder,
+							children: placeholder
+						})
+					}),
+					/* @__PURE__ */ jsx("input", {
+						className: styles.hiddenInput,
+						disabled,
+						onBlur: handleBlur,
+						onFocus: handleFocus,
+						readOnly: true,
+						ref: inputRef,
+						style: { pointerEvents: "none" }
+					}),
+					!isFocused && allowReset && hotkeyValue && hotkeyValue !== resetValue && !disabled && /* @__PURE__ */ jsx(ActionIcon_default, {
+						icon: Undo2Icon,
+						onClick: handleReset,
+						size: "small",
+						title: texts?.reset || "Reset to default",
+						variant: "filled"
+					})
+				]
+			}),
+			hasConflict && /* @__PURE__ */ jsx("div", {
+				className: styles.errorText,
+				children: texts?.conflicts || "This shortcut conflicts with an existing one."
+			}),
+			hasInvalidCombination && /* @__PURE__ */ jsx("div", {
+				className: styles.errorText,
+				children: texts?.invalidCombination || "Shortcut must include a modifier key (Ctrl, Alt, Shift) and only one regular key."
+			})
+		]
+	});
+});
+HotkeyInput.displayName = "HotkeyInput";
+var HotkeyInput_default = HotkeyInput;
+
+//#endregion
+export { HotkeyInput_default as default };
+//# sourceMappingURL=HotkeyInput.mjs.map

package/es/HotkeyInput/HotkeyInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotkeyInput.mjs","names":["useControlledState","modifiers: string[]","normalKeys: string[]","normalizedKey: any","Flexbox","Hotkey","ActionIcon"],"sources":["../../src/HotkeyInput/HotkeyInput.tsx"],"sourcesContent":["'use client';\n\nimport type { InputRef } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { isEqual } from 'lodash-es';\nimport { Undo2Icon } from 'lucide-react';\nimport {\n  type FocusEvent,\n  type MouseEvent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useHotkeys, useRecordHotkeys } from 'react-hotkeys-hook';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport Hotkey from '@/Hotkey';\nimport { NORMATIVE_MODIFIER, checkIsAppleDevice, splitKeysByPlus } from '@/Hotkey/utils';\n\nimport { useStyles } from './style';\nimport type { HotkeyInputProps } from './type';\n\nconst HotkeyInput = memo<HotkeyInputProps>(\n  ({\n    value = '',\n    defaultValue = '',\n    resetValue = '',\n    onChange,\n    onConflict,\n    placeholder = 'Press keys to record shortcut',\n    disabled,\n    shadow,\n    allowReset = true,\n    style,\n    className,\n    hotkeyConflicts = [],\n    variant,\n    texts,\n    isApple,\n    onBlur,\n    onReset,\n    onFocus,\n  }) => {\n    const [isFocused, setIsFocused] = useState(false);\n    const [hasConflict, setHasConflict] = useState(false);\n    const [hasInvalidCombination, setHasInvalidCombination] = useState(false);\n    const inputRef = useRef<InputRef>(null);\n    const { cx, styles, theme } = useStyles();\n    const isAppleDevice = useMemo(() => checkIsAppleDevice(isApple), [isApple]);\n    const [hotkeyValue, setHotkeyValue] = useControlledState(defaultValue, {\n      defaultValue,\n      onChange,\n      value,\n    });\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            disabled: false,\n            error: false,\n            shadow: false,\n            variant: 'outlined',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n            focused: {\n              false: null,\n              true: styles.focused,\n            },\n            error: {\n              fales: null,\n              true: styles.error,\n            },\n            disabled: {\n              false: null,\n              true: styles.disabled,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    // 使用 useRecordHotkeys 处理快捷键录入\n    const [recordedKeys, { start, stop, isRecording, resetKeys }] = useRecordHotkeys();\n\n    useHotkeys(\n      '*',\n      () => {\n        inputRef.current?.blur();\n      },\n      {\n        enableOnContentEditable: true,\n        enableOnFormTags: true,\n        enabled: isRecording && !disabled,\n        keydown: false,\n        keyup: true,\n        preventDefault: true,\n      },\n    );\n\n    // 处理按键，保证格式正确：修饰键在前，最多一个非修饰键在后\n    const formatKeys = useCallback((keysSet: Set<string>) => {\n      const modifiers: string[] = [];\n      const normalKeys: string[] = [];\n\n      for (const key of keysSet) {\n        // 处理不同表示的修饰键\n        const normalizedKey: any = key.toLowerCase();\n        if (NORMATIVE_MODIFIER.includes(normalizedKey)) {\n          // 统一修饰键表示\n          if (\n            (!isAppleDevice && normalizedKey === 'ctrl') ||\n            (isAppleDevice && normalizedKey === 'meta')\n          ) {\n            if (!modifiers.includes('mod')) modifiers.push('mod');\n          } else if (!modifiers.includes(normalizedKey)) {\n            modifiers.push(normalizedKey);\n          }\n        } else {\n          normalKeys.push(key);\n        }\n      }\n\n      // 至少需要一个修饰键\n      if (modifiers.length === 0 && normalKeys.length > 0) {\n        return { isValid: false, keys: [] };\n      }\n\n      // 只允许一个非修饰键，如果有多个，只保留最后一个\n      const finalKey = normalKeys.length > 0 ? [normalKeys.at(-1)] : [];\n      const shortcuts = [modifiers, finalKey];\n\n      return {\n        // 组合必须包含至少一个按键\n        isValid: shortcuts.every((k) => k.length > 0),\n        keys: shortcuts.flat(),\n      };\n    }, []);\n\n    // 获取格式化后的按键字符串\n    const { isValid, keys } = formatKeys(recordedKeys);\n    const keysString = keys.join('+');\n\n    // 检查快捷键冲突\n    const checkHotkeyConflict = useCallback(\n      (newHotkey: string): boolean => {\n        return hotkeyConflicts\n          .filter((conflictKey) => conflictKey !== resetValue)\n          .some((conflictKey) => {\n            const newKeys = splitKeysByPlus(newHotkey);\n            const conflictKeys = splitKeysByPlus(conflictKey);\n            return isEqual(newKeys, conflictKeys);\n          });\n      },\n      [hotkeyConflicts],\n    );\n\n    // 当按键组合完成时处理结果\n    useEffect(() => {\n      if (recordedKeys.size > 0 && !isRecording) {\n        if (!isValid) {\n          setHasInvalidCombination(true);\n          setHasConflict(false);\n          return;\n        }\n\n        setHasInvalidCombination(false);\n        const newKeysString = keysString;\n\n        // 检查冲突\n        const conflict = checkHotkeyConflict(newKeysString);\n        if (conflict) {\n          setHasConflict(true);\n          onConflict?.(newKeysString);\n        } else {\n          setHasConflict(false);\n          setHotkeyValue?.(newKeysString);\n        }\n      }\n    }, [\n      recordedKeys,\n      isRecording,\n      isValid,\n      keysString,\n      checkHotkeyConflict,\n      setHotkeyValue,\n      onConflict,\n    ]);\n\n    // 处理输入框焦点\n    const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      setIsFocused(true);\n      setHasConflict(false);\n      setHasInvalidCombination(false);\n      start(); // 开始记录\n      onFocus?.(e);\n    };\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      setIsFocused(false);\n      stop(); // 停止记录\n      onBlur?.(e);\n    };\n\n    // 重置功能\n    const handleReset = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setHotkeyValue?.(resetValue);\n      resetKeys();\n      setHasConflict(false);\n      setHasInvalidCombination(false);\n      setIsFocused(false);\n      stop(); // 停止记录\n      onReset?.(hotkeyValue, resetValue);\n    };\n\n    const handleClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (disabled || isFocused) return;\n      inputRef.current?.focus();\n    };\n\n    return (\n      <Flexbox\n        className={className}\n        gap={8}\n        style={{\n          position: 'relative',\n          ...style,\n        }}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(\n            variants({\n              disabled,\n              error: hasConflict || hasInvalidCombination,\n              focused: isFocused,\n              shadow,\n              variant: variant || (theme.isDarkMode ? 'filled' : 'outlined'),\n            }),\n          )}\n          horizontal\n          justify={'space-between'}\n          onClick={handleClick}\n        >\n          <div style={{ pointerEvents: 'none' }}>\n            {isRecording ? (\n              <span className={styles.placeholder}>\n                {keys.length > 0 ? <Hotkey keys={keysString} /> : placeholder}\n              </span>\n            ) : hotkeyValue ? (\n              <Hotkey keys={hotkeyValue} />\n            ) : (\n              <span className={styles.placeholder}>{placeholder}</span>\n            )}\n          </div>\n\n          {/* 隐藏的输入框，用于接收焦点 */}\n          <input\n            className={styles.hiddenInput}\n            disabled={disabled}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            readOnly\n            ref={inputRef as any}\n            style={{ pointerEvents: 'none' }}\n          />\n\n          {!isFocused && allowReset && hotkeyValue && hotkeyValue !== resetValue && !disabled && (\n            <ActionIcon\n              icon={Undo2Icon}\n              onClick={handleReset}\n              size={'small'}\n              title={texts?.reset || 'Reset to default'}\n              variant={'filled'}\n            />\n          )}\n        </Flexbox>\n        {hasConflict && (\n          <div className={styles.errorText}>\n            {texts?.conflicts || 'This shortcut conflicts with an existing one.'}\n          </div>\n        )}\n        {hasInvalidCombination && (\n          <div className={styles.errorText}>\n            {texts?.invalidCombination ||\n              'Shortcut must include a modifier key (Ctrl, Alt, Shift) and only one regular key.'}\n          </div>\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nHotkeyInput.displayName = 'HotkeyInput';\n\nexport default HotkeyInput;\n"],"mappings":"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"}

package/es/HotkeyInput/index.d.mts

@@ -0,0 +1,3 @@
+import { HotkeyInputProps } from "./type.mjs";
+import { HotkeyInput } from "./HotkeyInput.mjs";
+export { HotkeyInputProps, HotkeyInput as default };

package/es/HotkeyInput/index.mjs

@@ -0,0 +1,3 @@
+import HotkeyInput_default from "./HotkeyInput.mjs";
+
+export { HotkeyInput_default as default };

package/es/HotkeyInput/style.mjs

@@ -0,0 +1,54 @@
+import { createStyles } from "antd-style";
+
+//#region src/HotkeyInput/style.ts
+const useStyles = createStyles(({ css: css$1, token, stylish }) => {
+	return {
+		borderless: stylish.variantBorderless,
+		disabled: stylish.disabled,
+		error: css$1`
+      border: 1px solid ${token.colorError};
+    `,
+		errorText: css$1`
+      font-size: 12px;
+      color: ${token.colorError};
+    `,
+		filled: stylish.variantFilled,
+		focused: css$1`
+      background: ${token.colorFillSecondary} !important;
+    `,
+		hiddenInput: css$1`
+      cursor: text;
+
+      position: absolute;
+      z-index: -1;
+      inset-block-start: 0;
+      inset-inline-start: 0;
+
+      width: 100%;
+      height: 100%;
+
+      opacity: 0;
+    `,
+		outlined: stylish.variantOutlined,
+		placeholder: css$1`
+      color: ${token.colorTextDescription};
+    `,
+		root: css$1`
+      cursor: pointer;
+
+      position: relative;
+
+      max-width: 100%;
+      height: 36px;
+      padding-block: 0;
+      padding-inline: 12px;
+
+      border-radius: ${token.borderRadius}px;
+    `,
+		shadow: stylish.shadow
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/HotkeyInput/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/HotkeyInput/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token, stylish }) => {\n  return {\n    borderless: stylish.variantBorderless,\n    disabled: stylish.disabled,\n    error: css`\n      border: 1px solid ${token.colorError};\n    `,\n    errorText: css`\n      font-size: 12px;\n      color: ${token.colorError};\n    `,\n    filled: stylish.variantFilled,\n    focused: css`\n      background: ${token.colorFillSecondary} !important;\n    `,\n    hiddenInput: css`\n      cursor: text;\n\n      position: absolute;\n      z-index: -1;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      width: 100%;\n      height: 100%;\n\n      opacity: 0;\n    `,\n    outlined: stylish.variantOutlined,\n    placeholder: css`\n      color: ${token.colorTextDescription};\n    `,\n    root: css`\n      cursor: pointer;\n\n      position: relative;\n\n      max-width: 100%;\n      height: 36px;\n      padding-block: 0;\n      padding-inline: 12px;\n\n      border-radius: ${token.borderRadius}px;\n    `,\n    shadow: stylish.shadow,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,cAAc;AACjE,QAAO;EACL,YAAY,QAAQ;EACpB,UAAU,QAAQ;EAClB,OAAO,KAAG;0BACY,MAAM,WAAW;;EAEvC,WAAW,KAAG;;eAEH,MAAM,WAAW;;EAE5B,QAAQ,QAAQ;EAChB,SAAS,KAAG;oBACI,MAAM,mBAAmB;;EAEzC,aAAa,KAAG;;;;;;;;;;;;;EAahB,UAAU,QAAQ;EAClB,aAAa,KAAG;eACL,MAAM,qBAAqB;;EAEtC,MAAM,KAAG;;;;;;;;;;uBAUU,MAAM,aAAa;;EAEtC,QAAQ,QAAQ;EACjB;EACD"}

package/es/HotkeyInput/type.d.mts

@@ -0,0 +1,31 @@
+import { InputProps } from "antd";
+import { CSSProperties } from "react";
+
+//#region src/HotkeyInput/type.d.ts
+interface HotkeyInputProps {
+  allowReset?: boolean;
+  className?: string;
+  defaultValue?: string;
+  disabled?: boolean;
+  hotkeyConflicts?: string[];
+  isApple?: boolean;
+  onBlur?: InputProps['onBlur'];
+  onChange?: (value: string) => void;
+  onConflict?: (conflictKey: string) => void;
+  onFocus?: InputProps['onFocus'];
+  onReset?: (currentValue: string, resetValue: string) => void;
+  placeholder?: string;
+  resetValue?: string;
+  shadow?: boolean;
+  style?: CSSProperties;
+  texts?: {
+    conflicts?: string;
+    invalidCombination?: string;
+    reset?: string;
+  };
+  value?: string;
+  variant?: 'filled' | 'borderless' | 'outlined';
+}
+//#endregion
+export { HotkeyInputProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Icon/Icon.d.mts

@@ -0,0 +1,8 @@
+import { IconProps } from "./type.mjs";
+import * as react5 from "react";
+
+//#region src/Icon/Icon.d.ts
+declare const Icon: react5.NamedExoticComponent<IconProps>;
+//#endregion
+export { Icon };
+//# sourceMappingURL=Icon.d.mts.map

package/es/Icon/Icon.mjs

@@ -0,0 +1,47 @@
+'use client';
+
+import { useIconContext } from "./components/IconProvider.mjs";
+import { calcSize } from "./components/utils.mjs";
+import { useStyles } from "./style.mjs";
+import { isValidElement, memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/Icon/Icon.tsx
+const Icon = memo(({ icon, size: iconSize, color, fill = "transparent", className, focusable, spin, fillRule, fillOpacity, ref, ...rest }) => {
+	const { styles, cx } = useStyles();
+	const variants = useMemo(() => cva("anticon", {
+		defaultVariants: { spin: false },
+		variants: { spin: {
+			false: null,
+			true: styles.spin
+		} }
+	}), [styles]);
+	const { color: colorConfig, fill: fillConfig, fillOpacity: fillOpacityConfig, fillRule: fillRuleConfig, focusable: focusableConfig, className: classNameConfig, size: sizeConfig, ...restConfig } = useIconContext();
+	const { size, strokeWidth } = useMemo(() => calcSize(iconSize || sizeConfig), [iconSize, sizeConfig]);
+	const SvgIcon = icon;
+	return /* @__PURE__ */ jsx("span", {
+		className: cx(variants({ spin }), classNameConfig, className),
+		role: "img",
+		...restConfig,
+		...rest,
+		children: icon && (isValidElement(icon) ? icon : /* @__PURE__ */ jsx(SvgIcon, {
+			color: color || colorConfig,
+			fill: fill || fillConfig,
+			fillOpacity: fillOpacity || fillOpacityConfig,
+			fillRule: fillRule || fillRuleConfig,
+			focusable: focusable || focusableConfig,
+			height: size,
+			ref,
+			size,
+			strokeWidth,
+			width: size
+		}))
+	});
+});
+Icon.displayName = "Icon";
+var Icon_default = Icon;
+
+//#endregion
+export { Icon_default as default };
+//# sourceMappingURL=Icon.mjs.map

package/es/Icon/Icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.mjs","names":[],"sources":["../../src/Icon/Icon.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { LucideIcon } from 'lucide-react';\nimport { isValidElement, memo, useMemo } from 'react';\n\nimport { useIconContext } from './components/IconProvider';\nimport { calcSize } from './components/utils';\nimport { useStyles } from './style';\nimport type { IconProps } from './type';\n\nconst Icon = memo<IconProps>(\n  ({\n    icon,\n    size: iconSize,\n    color,\n    fill = 'transparent',\n    className,\n    focusable,\n    spin,\n    fillRule,\n    fillOpacity,\n    ref,\n    ...rest\n  }) => {\n    const { styles, cx } = useStyles();\n\n    const variants = useMemo(\n      () =>\n        cva('anticon', {\n          defaultVariants: {\n            spin: false,\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            spin: {\n              false: null,\n              true: styles.spin,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const {\n      color: colorConfig,\n      fill: fillConfig,\n      fillOpacity: fillOpacityConfig,\n      fillRule: fillRuleConfig,\n      focusable: focusableConfig,\n      className: classNameConfig,\n      size: sizeConfig,\n      ...restConfig\n    } = useIconContext();\n\n    const { size, strokeWidth } = useMemo(\n      () => calcSize(iconSize || sizeConfig),\n      [iconSize, sizeConfig],\n    );\n\n    const SvgIcon = icon as LucideIcon;\n\n    return (\n      <span\n        className={cx(variants({ spin }), classNameConfig, className)}\n        role=\"img\"\n        {...restConfig}\n        {...rest}\n      >\n        {icon &&\n          (isValidElement(icon) ? (\n            icon\n          ) : (\n            <SvgIcon\n              color={color || colorConfig}\n              fill={fill || fillConfig}\n              fillOpacity={fillOpacity || fillOpacityConfig}\n              fillRule={fillRule || fillRuleConfig}\n              focusable={focusable || focusableConfig}\n              height={size}\n              ref={ref}\n              size={size}\n              strokeWidth={strokeWidth}\n              width={size}\n            />\n          ))}\n      </span>\n    );\n  },\n);\n\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,OAAO,MACV,EACC,MACA,MAAM,UACN,OACA,OAAO,eACP,WACA,WACA,MACA,UACA,aACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,OAAO,WAAW;CAElC,MAAM,WAAW,cAEb,IAAI,WAAW;EACb,iBAAiB,EACf,MAAM,OACP;EAED,UAAU,EACR,MAAM;GACJ,OAAO;GACP,MAAM,OAAO;GACd,EACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,EACJ,OAAO,aACP,MAAM,YACN,aAAa,mBACb,UAAU,gBACV,WAAW,iBACX,WAAW,iBACX,MAAM,YACN,GAAG,eACD,gBAAgB;CAEpB,MAAM,EAAE,MAAM,gBAAgB,cACtB,SAAS,YAAY,WAAW,EACtC,CAAC,UAAU,WAAW,CACvB;CAED,MAAM,UAAU;AAEhB,QACE,oBAAC;EACC,WAAW,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,iBAAiB,UAAU;EAC7D,MAAK;EACL,GAAI;EACJ,GAAI;YAEH,SACE,eAAe,KAAK,GACnB,OAEA,oBAAC;GACC,OAAO,SAAS;GAChB,MAAM,QAAQ;GACd,aAAa,eAAe;GAC5B,UAAU,YAAY;GACtB,WAAW,aAAa;GACxB,QAAQ;GACH;GACC;GACO;GACb,OAAO;IACP;GAED;EAGZ;AAED,KAAK,cAAc;AAEnB,mBAAe"}

package/es/Icon/components/IconProvider.d.mts

@@ -0,0 +1,15 @@
+import { IconProps } from "../type.mjs";
+import * as react3 from "react";
+import { ReactNode } from "react";
+
+//#region src/Icon/components/IconProvider.d.ts
+type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
+declare const IconContext: react3.Context<IconContentConfig>;
+declare const IconProvider: react3.NamedExoticComponent<{
+  children: ReactNode;
+  config?: IconContentConfig;
+}>;
+declare const useIconContext: () => IconContentConfig;
+//#endregion
+export { IconContentConfig, IconContext, IconProvider, useIconContext };
+//# sourceMappingURL=IconProvider.d.mts.map