@jinmi/ui 0.0.0-stage → 6.0.2

package/es/Hotkey/const.d.mts

@@ -0,0 +1,40 @@
+//#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 CommandOrControl: "commandorcontrol";
+  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,41 @@
+//#region src/Hotkey/const.ts
+const KeyMapEnum = {
+	Alt: "alt",
+	Backquote: "backquote",
+	Backslash: "backslash",
+	Backspace: "backspace",
+	BracketLeft: "bracketleft",
+	BracketRight: "bracketright",
+	Comma: "comma",
+	CommandOrControl: "commandorcontrol",
+	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 = {\r\n  Alt: 'alt',\r\n  Backquote: 'backquote', // `\r\n  Backslash: 'backslash', // \\\r\n  Backspace: 'backspace',\r\n  BracketLeft: 'bracketleft', // [\r\n  BracketRight: 'bracketright', // ]\r\n  Comma: 'comma',\r\n  CommandOrControl: 'commandorcontrol',\r\n  Control: 'control',\r\n  Ctrl: 'ctrl',\r\n  Down: 'down',\r\n  Enter: 'enter',\r\n  Equal: 'equal', // =\r\n  Esc: 'esc',\r\n  Left: 'left',\r\n  LeftClick: 'left-click',\r\n  LeftDoubleClick: 'left-double-click',\r\n  Meta: 'meta', // Command on Mac, Win on Win\r\n  MiddleClick: 'middle-click',\r\n  Minus: 'minus', // -\r\n  Mod: 'mod', // Command on Mac, Ctrl on Win\r\n  Period: 'period', // .\r\n  Plus: 'equal', // +\r\n  QuestionMark: 'slash', // ?\r\n  Quote: 'quote', // '\r\n  Right: 'right',\r\n  RightClick: 'right-click',\r\n  RightDoubleClick: 'right-double-click',\r\n  Semicolon: 'semicolon', // ;\r\n  Shift: 'shift',\r\n  Slash: 'slash', // /\r\n  Space: 'space',\r\n  Tab: 'tab',\r\n  Up: 'up',\r\n} as const;\r\n"],"mappings":";AAAA,MAAa,aAAa;CACxB,KAAK;CACL,WAAW;CACX,WAAW;CACX,WAAW;CACX,aAAa;CACb,cAAc;CACd,OAAO;CACP,kBAAkB;CAClB,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;AACN"}

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 { type HotkeyProps, KeyMapEnum, combineKeys, Hotkey as default };

package/es/Hotkey/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Hotkey/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Hotkey/index.mjs

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

package/es/Hotkey/style.mjs

@@ -0,0 +1,74 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Hotkey/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		borderless: css`
+      ${staticStylish.variantBorderlessWithoutHover};
+      padding-inline: 4px;
+    `,
+		filled: staticStylish.variantFilledWithoutHover,
+		inverseThemeDark: css`
+      color: ${cssVar.colorTextTertiary};
+      background: color-mix(in srgb, ${cssVar.colorBgContainer} 8%, transparent);
+    `,
+		inverseThemeLight: css`
+      color: ${cssVar.colorTextTertiary};
+      background: color-mix(in srgb, ${cssVar.colorBgContainer} 16%, transparent);
+    `,
+		outlined: staticStylish.variantOutlinedWithoutHover,
+		root: css`
+      overflow: hidden;
+
+      min-width: 1.8em;
+      height: 1.8em;
+      padding-block: 0;
+      padding-inline: 8px;
+      border: none;
+      border-radius: ${cssVar.borderRadiusSM};
+
+      font-family: ${cssVar.fontFamily};
+      font-size: 12px;
+      line-height: 1.1;
+      color: ${cssVar.colorTextSecondary};
+      text-align: center;
+      white-space: nowrap;
+    `
+	};
+});
+const variants = cva(styles.root, {
+	compoundVariants: [{
+		class: styles.inverseThemeDark,
+		inverseTheme: true,
+		isDarkMode: true
+	}, {
+		class: styles.inverseThemeLight,
+		inverseTheme: true,
+		isDarkMode: false
+	}],
+	defaultVariants: {
+		inverseTheme: false,
+		isDarkMode: false,
+		variant: "filled"
+	},
+	variants: {
+		inverseTheme: {
+			false: null,
+			true: null
+		},
+		isDarkMode: {
+			false: null,
+			true: null
+		},
+		variant: {
+			borderless: styles.borderless,
+			filled: styles.filled,
+			outlined: styles.outlined
+		}
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# sourceMappingURL=style.mjs.map

package/es/Hotkey/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Hotkey/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    borderless: css`\r\n      ${lobeStaticStylish.variantBorderlessWithoutHover};\r\n      padding-inline: 4px;\r\n    `,\r\n    filled: lobeStaticStylish.variantFilledWithoutHover,\r\n    inverseThemeDark: css`\r\n      color: ${cssVar.colorTextTertiary};\r\n      background: color-mix(in srgb, ${cssVar.colorBgContainer} 8%, transparent);\r\n    `,\r\n    inverseThemeLight: css`\r\n      color: ${cssVar.colorTextTertiary};\r\n      background: color-mix(in srgb, ${cssVar.colorBgContainer} 16%, transparent);\r\n    `,\r\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\r\n    root: css`\r\n      overflow: hidden;\r\n\r\n      min-width: 1.8em;\r\n      height: 1.8em;\r\n      padding-block: 0;\r\n      padding-inline: 8px;\r\n      border: none;\r\n      border-radius: ${cssVar.borderRadiusSM};\r\n\r\n      font-family: ${cssVar.fontFamily};\r\n      font-size: 12px;\r\n      line-height: 1.1;\r\n      color: ${cssVar.colorTextSecondary};\r\n      text-align: center;\r\n      white-space: nowrap;\r\n    `,\r\n  };\r\n});\r\n\r\nexport const variants = cva(styles.root, {\r\n  compoundVariants: [\r\n    {\r\n      class: styles.inverseThemeDark,\r\n      inverseTheme: true,\r\n      isDarkMode: true,\r\n    },\r\n    {\r\n      class: styles.inverseThemeLight,\r\n      inverseTheme: true,\r\n      isDarkMode: false,\r\n    },\r\n  ],\r\n  defaultVariants: {\r\n    inverseTheme: false,\r\n    isDarkMode: false,\r\n    variant: 'filled',\r\n  },\r\n\r\n  variants: {\r\n    inverseTheme: {\r\n      false: null,\r\n      true: null,\r\n    },\r\n    isDarkMode: {\r\n      false: null,\r\n      true: null,\r\n    },\r\n    variant: {\r\n      borderless: styles.borderless,\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAY,GAAG;QACXA,cAAkB,8BAA8B;;;EAGpD,QAAQA,cAAkB;EAC1B,kBAAkB,GAAG;eACV,OAAO,kBAAkB;uCACD,OAAO,iBAAiB;;EAE3D,mBAAmB,GAAG;eACX,OAAO,kBAAkB;uCACD,OAAO,iBAAiB;;EAE3D,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;uBAQU,OAAO,eAAe;;qBAExB,OAAO,WAAW;;;eAGxB,OAAO,mBAAmB;;;;CAIvC;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,cAAc;EACd,YAAY;CACd,GACA;EACE,OAAO,OAAO;EACd,cAAc;EACd,YAAY;CACd,CACF;CACA,iBAAiB;EACf,cAAc;EACd,YAAY;EACZ,SAAS;CACX;CAEA,UAAU;EACR,cAAc;GACZ,OAAO;GACP,MAAM;EACR;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}

package/es/Hotkey/type.d.mts

@@ -0,0 +1,20 @@
+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,5 @@
+//#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.CommandOrControl,
+	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';\r\n\r\n// https://superuser.com/questions/1238058/key-combination-order\r\nexport const NORMATIVE_MODIFIER = [\r\n  // win: Ctrl ,mac: Control\r\n  KeyMapEnum.Ctrl,\r\n  KeyMapEnum.Control,\r\n  KeyMapEnum.CommandOrControl,\r\n\r\n  //  win: Win ,mac: Command\r\n  KeyMapEnum.Meta,\r\n\r\n  // Mod should have same priority as Ctrl since it represents Ctrl on Windows\r\n  KeyMapEnum.Mod,\r\n\r\n  // win: Alt ,mac: Option\r\n  KeyMapEnum.Alt,\r\n\r\n  // win: Shift ,mac: Shift\r\n  KeyMapEnum.Shift,\r\n];\r\n\r\nconst orderMap = Object.fromEntries(NORMATIVE_MODIFIER.map((key, index) => [key, index]));\r\n\r\nexport const splitKeysByPlus = (keys: string): string[] => {\r\n  return keys\r\n    .replaceAll('++', `+${KeyMapEnum.Equal}`)\r\n    .split('+')\r\n    .sort((x, y) => {\r\n      const idxX = orderMap[x.toLowerCase()] ?? orderMap.length;\r\n      const idxY = orderMap[y.toLowerCase()] ?? orderMap.length;\r\n\r\n      return idxX - idxY;\r\n    });\r\n};\r\n\r\nexport const startCase = (str: string): string => {\r\n  return str\r\n    .replaceAll(/([A-Z])/g, ' $1')\r\n    .replace(/^./, (s) => s.toUpperCase())\r\n    .trim();\r\n};\r\n\r\nexport const checkIsAppleDevice = (isApple?: boolean) => {\r\n  if (isApple !== undefined) {\r\n    return isApple;\r\n  }\r\n\r\n  if (typeof window === 'undefined' || typeof navigator === 'undefined') {\r\n    return false; // 处理 SSR 环境\r\n  }\r\n\r\n  const userAgent = navigator.userAgent.toLowerCase();\r\n  return /mac|iphone|ipod|ipad|ios/i.test(userAgent);\r\n};\r\n\r\nexport const combineKeys = (keys: string[]): string => keys.join('+');\r\n"],"mappings":";;AAGA,MAAa,qBAAqB;CAEhC,WAAW;CACX,WAAW;CACX,WAAW;CAGX,WAAW;CAGX,WAAW;CAGX,WAAW;CAGX,WAAW;AACb;AAEA,MAAM,WAAW,OAAO,YAAY,mBAAmB,KAAK,KAAK,UAAU,CAAC,KAAK,KAAK,CAAC,CAAC;AAExF,MAAa,mBAAmB,SAA2B;CACzD,OAAO,KACJ,WAAW,MAAM,IAAI,WAAW,OAAO,CAAC,CACxC,MAAM,GAAG,CAAC,CACV,MAAM,GAAG,MAAM;EAId,QAHa,SAAS,EAAE,YAAY,MAAM,SAAS,WACtC,SAAS,EAAE,YAAY,MAAM,SAAS;CAGrD,CAAC;AACL;AAEA,MAAa,aAAa,QAAwB;CAChD,OAAO,IACJ,WAAW,YAAY,KAAK,CAAC,CAC7B,QAAQ,OAAO,MAAM,EAAE,YAAY,CAAC,CAAC,CACrC,KAAK;AACV;AAEA,MAAa,sBAAsB,YAAsB;CACvD,IAAI,YAAY,KAAA,GACd,OAAO;CAGT,IAAI,OAAO,WAAW,eAAe,OAAO,cAAc,aACxD,OAAO;CAGT,MAAM,YAAY,UAAU,UAAU,YAAY;CAClD,OAAO,4BAA4B,KAAK,SAAS;AACnD;AAEA,MAAa,eAAe,SAA2B,KAAK,KAAK,GAAG"}

package/es/HotkeyInput/HotkeyInput.d.mts

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

package/es/HotkeyInput/HotkeyInput.mjs

@@ -0,0 +1,216 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import { NORMATIVE_MODIFIER, checkIsAppleDevice, splitKeysByPlus } from "../Hotkey/utils.mjs";
+import Hotkey from "../Hotkey/Hotkey.mjs";
+import ActionIcon from "../base-ui/ActionIcon/ActionIcon.mjs";
+import { useTranslation } from "../i18n/useTranslation.mjs";
+import hotkey_default from "../i18n/resources/en/hotkey.mjs";
+import { styles, variants } from "./style.mjs";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx, useThemeMode } from "antd-style";
+import useMergeState from "use-merge-value";
+import { isEqual } from "es-toolkit/compat";
+import { Undo2Icon, XIcon } from "lucide-react";
+import { useHotkeys, useRecordHotkeys } from "react-hotkeys-hook";
+//#region src/HotkeyInput/HotkeyInput.tsx
+const HotkeyInput = memo(({ value = "", defaultValue = "", resetValue = "", onChange, onClear, onConflict, placeholder, disabled, shadow, allowClear, 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 { isDarkMode } = useThemeMode();
+	const { t } = useTranslation(hotkey_default);
+	const isAppleDevice = useMemo(() => checkIsAppleDevice(isApple), [isApple]);
+	const [hotkeyValue, setHotkeyValue] = useMergeState(defaultValue, {
+		defaultValue,
+		onChange,
+		value
+	});
+	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) => {
+			const newKeys = splitKeysByPlus(newHotkey);
+			const conflictKeys = splitKeysByPlus(conflictKey);
+			return isEqual(newKeys, conflictKeys);
+		});
+	}, [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 handleClear = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setHotkeyValue?.("");
+		resetKeys();
+		setHasConflict(false);
+		setHasInvalidCombination(false);
+		setIsFocused(false);
+		stop();
+		onClear?.(hotkeyValue);
+	};
+	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();
+	};
+	const placeholderText = placeholder ?? t("hotkey.placeholder");
+	const resetTitle = texts?.reset ?? t("hotkey.reset");
+	const clearTitle = texts?.clear ?? t("hotkey.clear");
+	const conflictText = texts?.conflicts ?? t("hotkey.conflict");
+	const invalidText = texts?.invalidCombination ?? t("hotkey.invalidCombination");
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className,
+		gap: 8,
+		style: {
+			position: "relative",
+			...style
+		},
+		children: [
+			/* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
+				align: "center",
+				justify: "space-between",
+				className: cx(variants({
+					disabled,
+					error: hasConflict || hasInvalidCombination,
+					focused: isFocused,
+					shadow,
+					variant: variant || (isDarkMode ? "filled" : "outlined")
+				})),
+				onClick: handleClick,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						style: { pointerEvents: "none" },
+						children: isRecording ? /* @__PURE__ */ jsx("span", {
+							className: styles.placeholder,
+							children: keys.length > 0 ? /* @__PURE__ */ jsx(Hotkey, { keys: keysString }) : placeholderText
+						}) : hotkeyValue ? /* @__PURE__ */ jsx(Hotkey, { keys: hotkeyValue }) : /* @__PURE__ */ jsx("span", {
+							className: styles.placeholder,
+							children: placeholderText
+						})
+					}),
+					/* @__PURE__ */ jsx("input", {
+						readOnly: true,
+						className: styles.hiddenInput,
+						disabled,
+						ref: inputRef,
+						style: { pointerEvents: "none" },
+						onBlur: handleBlur,
+						onFocus: handleFocus
+					}),
+					!isFocused && hotkeyValue && !disabled && (allowReset || allowClear) && /* @__PURE__ */ jsxs(FlexBasic_default, {
+						horizontal: true,
+						gap: 4,
+						children: [allowReset && hotkeyValue !== resetValue && /* @__PURE__ */ jsx(ActionIcon, {
+							icon: Undo2Icon,
+							size: "small",
+							title: resetTitle,
+							variant: "filled",
+							onClick: handleReset
+						}), allowClear && /* @__PURE__ */ jsx(ActionIcon, {
+							icon: XIcon,
+							size: "small",
+							title: clearTitle,
+							variant: "filled",
+							onClick: handleClear
+						})]
+					})
+				]
+			}),
+			hasConflict && /* @__PURE__ */ jsx("div", {
+				className: styles.errorText,
+				children: conflictText
+			}),
+			hasInvalidCombination && /* @__PURE__ */ jsx("div", {
+				className: styles.errorText,
+				children: invalidText
+			})
+		]
+	});
+});
+HotkeyInput.displayName = "HotkeyInput";
+//#endregion
+export { HotkeyInput as default };
+
+//# sourceMappingURL=HotkeyInput.mjs.map

package/es/HotkeyInput/HotkeyInput.mjs.map

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

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/HotkeyInput/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/HotkeyInput/index.mjs

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

package/es/HotkeyInput/style.mjs

@@ -0,0 +1,85 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/HotkeyInput/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		borderless: staticStylish.variantBorderless,
+		disabled: staticStylish.disabled,
+		error: css`
+      border: 1px solid ${cssVar.colorError};
+    `,
+		errorText: css`
+      font-size: 12px;
+      color: ${cssVar.colorError};
+    `,
+		filled: staticStylish.variantFilled,
+		focused: css`
+      background: ${cssVar.colorFillSecondary} !important;
+    `,
+		hiddenInput: css`
+      cursor: text;
+
+      position: absolute;
+      z-index: -1;
+      inset-block-start: 0;
+      inset-inline-start: 0;
+
+      width: 100%;
+      height: 100%;
+
+      opacity: 0;
+    `,
+		outlined: staticStylish.variantOutlined,
+		placeholder: css`
+      color: ${cssVar.colorTextDescription};
+    `,
+		root: css`
+      cursor: pointer;
+
+      position: relative;
+
+      max-width: 100%;
+      height: 36px;
+      padding-block: 0;
+      padding-inline: 12px;
+      border-radius: ${cssVar.borderRadius};
+    `,
+		shadow: staticStylish.shadow
+	};
+});
+const variants = 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
+		}
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# sourceMappingURL=style.mjs.map

package/es/HotkeyInput/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/HotkeyInput/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    borderless: lobeStaticStylish.variantBorderless,\r\n    disabled: lobeStaticStylish.disabled,\r\n    error: css`\r\n      border: 1px solid ${cssVar.colorError};\r\n    `,\r\n    errorText: css`\r\n      font-size: 12px;\r\n      color: ${cssVar.colorError};\r\n    `,\r\n    filled: lobeStaticStylish.variantFilled,\r\n    focused: css`\r\n      background: ${cssVar.colorFillSecondary} !important;\r\n    `,\r\n    hiddenInput: css`\r\n      cursor: text;\r\n\r\n      position: absolute;\r\n      z-index: -1;\r\n      inset-block-start: 0;\r\n      inset-inline-start: 0;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      opacity: 0;\r\n    `,\r\n    outlined: lobeStaticStylish.variantOutlined,\r\n    placeholder: css`\r\n      color: ${cssVar.colorTextDescription};\r\n    `,\r\n    root: css`\r\n      cursor: pointer;\r\n\r\n      position: relative;\r\n\r\n      max-width: 100%;\r\n      height: 36px;\r\n      padding-block: 0;\r\n      padding-inline: 12px;\r\n      border-radius: ${cssVar.borderRadius};\r\n    `,\r\n    shadow: lobeStaticStylish.shadow,\r\n  };\r\n});\r\n\r\nexport const variants = cva(styles.root, {\r\n  defaultVariants: {\r\n    disabled: false,\r\n    error: false,\r\n    shadow: false,\r\n    variant: 'outlined',\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n      borderless: styles.borderless,\r\n    },\r\n    shadow: {\r\n      false: null,\r\n      true: styles.shadow,\r\n    },\r\n    focused: {\r\n      false: null,\r\n      true: styles.focused,\r\n    },\r\n    error: {\r\n      fales: null,\r\n      true: styles.error,\r\n    },\r\n    disabled: {\r\n      false: null,\r\n      true: styles.disabled,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAYA,cAAkB;EAC9B,UAAUA,cAAkB;EAC5B,OAAO,GAAG;0BACY,OAAO,WAAW;;EAExC,WAAW,GAAG;;eAEH,OAAO,WAAW;;EAE7B,QAAQA,cAAkB;EAC1B,SAAS,GAAG;oBACI,OAAO,mBAAmB;;EAE1C,aAAa,GAAG;;;;;;;;;;;;;EAahB,UAAUA,cAAkB;EAC5B,aAAa,GAAG;eACL,OAAO,qBAAqB;;EAEvC,MAAM,GAAG;;;;;;;;;uBASU,OAAO,aAAa;;EAEvC,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,UAAU;GACR,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/HotkeyInput/type.d.mts

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

package/es/HtmlPreview/HtmlPreview.d.mts

@@ -0,0 +1,6 @@
+import { HtmlPreviewProps } from "./type.mjs";
+//#region src/HtmlPreview/HtmlPreview.d.ts
+declare const HtmlPreview: import("react").NamedExoticComponent<HtmlPreviewProps>;
+//#endregion
+export { HtmlPreview as default };
+//# sourceMappingURL=HtmlPreview.d.mts.map