@lobehub/ui 4.1.0 → 4.1.2

package/es/Form/components/FormSubmitFooter.d.mts

@@ -1,8 +1,8 @@
 import { FormSubmitFooterProps } from "../type.mjs";
-import * as react12 from "react";
+import * as react35 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react12.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react35.NamedExoticComponent<FormSubmitFooterProps>;
 //#endregion
 export { FormSubmitFooter };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map

package/es/Form/components/FormSubmitFooter.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { MotionComponent } from "../../MotionProvider/index.mjs";
+import { useMotionComponent } from "../../MotionProvider/index.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import Icon_default from "../../Icon/Icon.mjs";
 import Button_default from "../../Button/Button.mjs";
@@ -9,7 +9,7 @@ import { useSubmitFooterStyles } from "../style.mjs";
 import { useFormContext } from "./FormProvider.mjs";
 import form_default from "../../i18n/resources/en/form.mjs";
 import { merge, removeUndefined } from "./merge.mjs";
-import { memo, use, useEffect, useMemo, useState } from "react";
+import { memo, useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Form } from "antd";
 import { InfoIcon } from "lucide-react";
@@ -17,7 +17,7 @@ import isEqual from "fast-deep-equal";
 
 //#region src/Form/components/FormSubmitFooter.tsx
 const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset, saveButtonProps, resetButtonProps, enableUnsavedWarning, children, texts, className, ...rest }) => {
-	const Motion = use(MotionComponent);
+	const Motion = useMotionComponent();
 	const { form, initialValues, submitLoading } = useFormContext();
 	const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
 	const values = Form.useWatch([], form) || {};

package/es/Form/components/FormSubmitFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormSubmitFooter.mjs","names":["formMessages","useStyles","Icon","Button","Flexbox"],"sources":["../../../src/Form/components/FormSubmitFooter.tsx"],"sourcesContent":["'use client';\n\nimport { Form } from 'antd';\nimport isEqual from 'fast-deep-equal';\nimport { InfoIcon } from 'lucide-react';\nimport { memo, use, useEffect, useMemo, useState } from 'react';\n\nimport Button from '@/Button';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport { MotionComponent } from '@/MotionProvider';\nimport formMessages from '@/i18n/resources/en/form';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport { useSubmitFooterStyles as useStyles } from '../style';\nimport type { FormSubmitFooterProps } from '../type';\nimport { useFormContext } from './FormProvider';\nimport { merge, removeUndefined } from './merge';\n\nconst FormSubmitFooter = memo<FormSubmitFooterProps>(\n  ({\n    enableReset = true,\n    buttonProps,\n    float,\n    onReset,\n    saveButtonProps,\n    resetButtonProps,\n    enableUnsavedWarning,\n    children,\n    texts,\n    className,\n    ...rest\n  }) => {\n    const Motion = use(MotionComponent);\n    const { form, initialValues, submitLoading } = useFormContext();\n    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n    const values = Form.useWatch([], form) || {};\n    const { t } = useTranslation(formMessages);\n\n    const { cx, styles, theme } = useStyles();\n\n    const v = useMemo(() => removeUndefined(values), [values]);\n\n    const initialV = useMemo(() => removeUndefined(initialValues), [initialValues]);\n\n    const mergedV = useMemo(() => merge(initialV, v), [v, initialV]);\n\n    useEffect(() => {\n      setHasUnsavedChanges(!isEqual(mergedV, initialV));\n    }, [mergedV, initialV, submitLoading]);\n\n    const unsavedWarningText = texts?.unSavedWarning ?? t('form.unsavedWarning');\n    const unsavedText = texts?.unSaved ?? t('form.unsavedChanges');\n    const resetText = texts?.reset ?? t('form.reset');\n    const submitText = texts?.submit ?? t('form.submit');\n\n    const fn = (e: BeforeUnloadEvent) => {\n      if (hasUnsavedChanges) {\n        e.returnValue = unsavedWarningText;\n      } else {\n        delete e.returnValue;\n      }\n    };\n\n    useEffect(() => {\n      if (!enableUnsavedWarning) return;\n      if (typeof window === 'undefined' || !hasUnsavedChanges) return;\n      // 添加离开页面的提示\n      window.addEventListener('beforeunload', fn);\n      return () => window.removeEventListener('beforeunload', fn);\n    }, [enableUnsavedWarning, hasUnsavedChanges, unsavedWarningText]);\n\n    const content = (\n      <>\n        {(float || hasUnsavedChanges) && (\n          <>\n            <Icon\n              color={theme.colorTextDescription}\n              icon={InfoIcon}\n              size={12}\n              style={{ marginLeft: 8 }}\n            />\n            <span\n              style={{\n                color: theme.colorTextDescription,\n                flex: 'none',\n                fontSize: 12,\n                marginRight: float ? 16 : 4,\n              }}\n            >\n              {unsavedText}\n            </span>\n          </>\n        )}\n        {children}\n        {enableReset && (float || hasUnsavedChanges) && (\n          <Button\n            htmlType=\"button\"\n            onClick={() => {\n              onReset?.(v, initialV);\n              form?.resetFields();\n            }}\n            shape={float ? 'round' : undefined}\n            variant={'filled'}\n            {...buttonProps}\n            {...resetButtonProps}\n          >\n            {resetText}\n          </Button>\n        )}\n        <Button\n          htmlType=\"submit\"\n          loading={submitLoading}\n          shape={float ? 'round' : undefined}\n          type=\"primary\"\n          {...buttonProps}\n          {...saveButtonProps}\n        >\n          {submitText}\n        </Button>\n      </>\n    );\n\n    if (!float)\n      return (\n        <Flexbox\n          align={'center'}\n          className={cx(styles.footer, className)}\n          gap={8}\n          horizontal\n          justify={'flex-end'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      );\n\n    return (\n      <Motion.div\n        animate={hasUnsavedChanges ? 'visible' : 'hidden'}\n        className={styles.floatFooter}\n        initial={'hidden'}\n        transition={{ duration: 0.1, ease: 'easeOut' }}\n        variants={{\n          hidden: {\n            opacity: 0,\n            x: '-50%',\n            y: 20,\n          },\n          visible: {\n            opacity: 1,\n            x: '-50%',\n            y: 0,\n          },\n        }}\n      >\n        <Flexbox\n          align={'center'}\n          className={className}\n          gap={8}\n          horizontal\n          justify={'center'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      </Motion.div>\n    );\n  },\n);\n\nFormSubmitFooter.displayName = 'FormSubmitFooter';\n\nexport default FormSubmitFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,mBAAmB,MACtB,EACC,cAAc,MACd,aACA,OACA,SACA,iBACA,kBACA,sBACA,UACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,IAAI,gBAAgB;CACnC,MAAM,EAAE,MAAM,eAAe,kBAAkB,gBAAgB;CAC/D,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,SAAS,KAAK,SAAS,EAAE,EAAE,KAAK,IAAI,EAAE;CAC5C,MAAM,EAAE,MAAM,eAAeA,aAAa;CAE1C,MAAM,EAAE,IAAI,QAAQ,UAAUC,uBAAW;CAEzC,MAAM,IAAI,cAAc,gBAAgB,OAAO,EAAE,CAAC,OAAO,CAAC;CAE1D,MAAM,WAAW,cAAc,gBAAgB,cAAc,EAAE,CAAC,cAAc,CAAC;CAE/E,MAAM,UAAU,cAAc,MAAM,UAAU,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC;AAEhE,iBAAgB;AACd,uBAAqB,CAAC,QAAQ,SAAS,SAAS,CAAC;IAChD;EAAC;EAAS;EAAU;EAAc,CAAC;CAEtC,MAAM,qBAAqB,OAAO,kBAAkB,EAAE,sBAAsB;CAC5E,MAAM,cAAc,OAAO,WAAW,EAAE,sBAAsB;CAC9D,MAAM,YAAY,OAAO,SAAS,EAAE,aAAa;CACjD,MAAM,aAAa,OAAO,UAAU,EAAE,cAAc;CAEpD,MAAM,MAAM,MAAyB;AACnC,MAAI,kBACF,GAAE,cAAc;MAEhB,QAAO,EAAE;;AAIb,iBAAgB;AACd,MAAI,CAAC,qBAAsB;AAC3B,MAAI,OAAO,WAAW,eAAe,CAAC,kBAAmB;AAEzD,SAAO,iBAAiB,gBAAgB,GAAG;AAC3C,eAAa,OAAO,oBAAoB,gBAAgB,GAAG;IAC1D;EAAC;EAAsB;EAAmB;EAAmB,CAAC;CAEjE,MAAM,UACJ;GACI,SAAS,sBACT,8CACE,oBAACC;GACC,OAAO,MAAM;GACb,MAAM;GACN,MAAM;GACN,OAAO,EAAE,YAAY,GAAG;IACxB,EACF,oBAAC;GACC,OAAO;IACL,OAAO,MAAM;IACb,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;IAC3B;aAEA;IACI,IACN;EAEJ;EACA,gBAAgB,SAAS,sBACxB,oBAACC;GACC,UAAS;GACT,eAAe;AACb,cAAU,GAAG,SAAS;AACtB,UAAM,aAAa;;GAErB,OAAO,QAAQ,UAAU;GACzB,SAAS;GACT,GAAI;GACJ,GAAI;aAEH;IACM;EAEX,oBAACA;GACC,UAAS;GACT,SAAS;GACT,OAAO,QAAQ,UAAU;GACzB,MAAK;GACL,GAAI;GACJ,GAAI;aAEH;IACM;KACR;AAGL,KAAI,CAAC,MACH,QACE,oBAACC;EACC,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,KAAK;EACL;EACA,SAAS;EACT,GAAI;YAEH;GACO;AAGd,QACE,oBAAC,OAAO;EACN,SAAS,oBAAoB,YAAY;EACzC,WAAW,OAAO;EAClB,SAAS;EACT,YAAY;GAAE,UAAU;GAAK,MAAM;GAAW;EAC9C,UAAU;GACR,QAAQ;IACN,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACD,SAAS;IACP,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACF;YAED,oBAACA;GACC,OAAO;GACI;GACX,KAAK;GACL;GACA,SAAS;GACT,GAAI;aAEH;IACO;GACC;EAGlB;AAED,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"FormSubmitFooter.mjs","names":["formMessages","useStyles","Icon","Button","Flexbox"],"sources":["../../../src/Form/components/FormSubmitFooter.tsx"],"sourcesContent":["'use client';\n\nimport { Form } from 'antd';\nimport isEqual from 'fast-deep-equal';\nimport { InfoIcon } from 'lucide-react';\nimport { memo, useEffect, useMemo, useState } from 'react';\n\nimport Button from '@/Button';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport { useMotionComponent } from '@/MotionProvider';\nimport formMessages from '@/i18n/resources/en/form';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport { useSubmitFooterStyles as useStyles } from '../style';\nimport type { FormSubmitFooterProps } from '../type';\nimport { useFormContext } from './FormProvider';\nimport { merge, removeUndefined } from './merge';\n\nconst FormSubmitFooter = memo<FormSubmitFooterProps>(\n  ({\n    enableReset = true,\n    buttonProps,\n    float,\n    onReset,\n    saveButtonProps,\n    resetButtonProps,\n    enableUnsavedWarning,\n    children,\n    texts,\n    className,\n    ...rest\n  }) => {\n    const Motion = useMotionComponent();\n    const { form, initialValues, submitLoading } = useFormContext();\n    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n    const values = Form.useWatch([], form) || {};\n    const { t } = useTranslation(formMessages);\n\n    const { cx, styles, theme } = useStyles();\n\n    const v = useMemo(() => removeUndefined(values), [values]);\n\n    const initialV = useMemo(() => removeUndefined(initialValues), [initialValues]);\n\n    const mergedV = useMemo(() => merge(initialV, v), [v, initialV]);\n\n    useEffect(() => {\n      setHasUnsavedChanges(!isEqual(mergedV, initialV));\n    }, [mergedV, initialV, submitLoading]);\n\n    const unsavedWarningText = texts?.unSavedWarning ?? t('form.unsavedWarning');\n    const unsavedText = texts?.unSaved ?? t('form.unsavedChanges');\n    const resetText = texts?.reset ?? t('form.reset');\n    const submitText = texts?.submit ?? t('form.submit');\n\n    const fn = (e: BeforeUnloadEvent) => {\n      if (hasUnsavedChanges) {\n        e.returnValue = unsavedWarningText;\n      } else {\n        delete e.returnValue;\n      }\n    };\n\n    useEffect(() => {\n      if (!enableUnsavedWarning) return;\n      if (typeof window === 'undefined' || !hasUnsavedChanges) return;\n      // 添加离开页面的提示\n      window.addEventListener('beforeunload', fn);\n      return () => window.removeEventListener('beforeunload', fn);\n    }, [enableUnsavedWarning, hasUnsavedChanges, unsavedWarningText]);\n\n    const content = (\n      <>\n        {(float || hasUnsavedChanges) && (\n          <>\n            <Icon\n              color={theme.colorTextDescription}\n              icon={InfoIcon}\n              size={12}\n              style={{ marginLeft: 8 }}\n            />\n            <span\n              style={{\n                color: theme.colorTextDescription,\n                flex: 'none',\n                fontSize: 12,\n                marginRight: float ? 16 : 4,\n              }}\n            >\n              {unsavedText}\n            </span>\n          </>\n        )}\n        {children}\n        {enableReset && (float || hasUnsavedChanges) && (\n          <Button\n            htmlType=\"button\"\n            onClick={() => {\n              onReset?.(v, initialV);\n              form?.resetFields();\n            }}\n            shape={float ? 'round' : undefined}\n            variant={'filled'}\n            {...buttonProps}\n            {...resetButtonProps}\n          >\n            {resetText}\n          </Button>\n        )}\n        <Button\n          htmlType=\"submit\"\n          loading={submitLoading}\n          shape={float ? 'round' : undefined}\n          type=\"primary\"\n          {...buttonProps}\n          {...saveButtonProps}\n        >\n          {submitText}\n        </Button>\n      </>\n    );\n\n    if (!float)\n      return (\n        <Flexbox\n          align={'center'}\n          className={cx(styles.footer, className)}\n          gap={8}\n          horizontal\n          justify={'flex-end'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      );\n\n    return (\n      <Motion.div\n        animate={hasUnsavedChanges ? 'visible' : 'hidden'}\n        className={styles.floatFooter}\n        initial={'hidden'}\n        transition={{ duration: 0.1, ease: 'easeOut' }}\n        variants={{\n          hidden: {\n            opacity: 0,\n            x: '-50%',\n            y: 20,\n          },\n          visible: {\n            opacity: 1,\n            x: '-50%',\n            y: 0,\n          },\n        }}\n      >\n        <Flexbox\n          align={'center'}\n          className={className}\n          gap={8}\n          horizontal\n          justify={'center'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      </Motion.div>\n    );\n  },\n);\n\nFormSubmitFooter.displayName = 'FormSubmitFooter';\n\nexport default FormSubmitFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,mBAAmB,MACtB,EACC,cAAc,MACd,aACA,OACA,SACA,iBACA,kBACA,sBACA,UACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,oBAAoB;CACnC,MAAM,EAAE,MAAM,eAAe,kBAAkB,gBAAgB;CAC/D,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,SAAS,KAAK,SAAS,EAAE,EAAE,KAAK,IAAI,EAAE;CAC5C,MAAM,EAAE,MAAM,eAAeA,aAAa;CAE1C,MAAM,EAAE,IAAI,QAAQ,UAAUC,uBAAW;CAEzC,MAAM,IAAI,cAAc,gBAAgB,OAAO,EAAE,CAAC,OAAO,CAAC;CAE1D,MAAM,WAAW,cAAc,gBAAgB,cAAc,EAAE,CAAC,cAAc,CAAC;CAE/E,MAAM,UAAU,cAAc,MAAM,UAAU,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC;AAEhE,iBAAgB;AACd,uBAAqB,CAAC,QAAQ,SAAS,SAAS,CAAC;IAChD;EAAC;EAAS;EAAU;EAAc,CAAC;CAEtC,MAAM,qBAAqB,OAAO,kBAAkB,EAAE,sBAAsB;CAC5E,MAAM,cAAc,OAAO,WAAW,EAAE,sBAAsB;CAC9D,MAAM,YAAY,OAAO,SAAS,EAAE,aAAa;CACjD,MAAM,aAAa,OAAO,UAAU,EAAE,cAAc;CAEpD,MAAM,MAAM,MAAyB;AACnC,MAAI,kBACF,GAAE,cAAc;MAEhB,QAAO,EAAE;;AAIb,iBAAgB;AACd,MAAI,CAAC,qBAAsB;AAC3B,MAAI,OAAO,WAAW,eAAe,CAAC,kBAAmB;AAEzD,SAAO,iBAAiB,gBAAgB,GAAG;AAC3C,eAAa,OAAO,oBAAoB,gBAAgB,GAAG;IAC1D;EAAC;EAAsB;EAAmB;EAAmB,CAAC;CAEjE,MAAM,UACJ;GACI,SAAS,sBACT,8CACE,oBAACC;GACC,OAAO,MAAM;GACb,MAAM;GACN,MAAM;GACN,OAAO,EAAE,YAAY,GAAG;IACxB,EACF,oBAAC;GACC,OAAO;IACL,OAAO,MAAM;IACb,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;IAC3B;aAEA;IACI,IACN;EAEJ;EACA,gBAAgB,SAAS,sBACxB,oBAACC;GACC,UAAS;GACT,eAAe;AACb,cAAU,GAAG,SAAS;AACtB,UAAM,aAAa;;GAErB,OAAO,QAAQ,UAAU;GACzB,SAAS;GACT,GAAI;GACJ,GAAI;aAEH;IACM;EAEX,oBAACA;GACC,UAAS;GACT,SAAS;GACT,OAAO,QAAQ,UAAU;GACzB,MAAK;GACL,GAAI;GACJ,GAAI;aAEH;IACM;KACR;AAGL,KAAI,CAAC,MACH,QACE,oBAACC;EACC,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,KAAK;EACL;EACA,SAAS;EACT,GAAI;YAEH;GACO;AAGd,QACE,oBAAC,OAAO;EACN,SAAS,oBAAoB,YAAY;EACzC,WAAW,OAAO;EAClB,SAAS;EACT,YAAY;GAAE,UAAU;GAAK,MAAM;GAAW;EAC9C,UAAU;GACR,QAAQ;IACN,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACD,SAAS;IACP,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACF;YAED,oBAACA;GACC,OAAO;GACI;GACX,KAAK;GACL;GACA,SAAS;GACT,GAAI;aAEH;IACO;GACC;EAGlB;AAED,iBAAiB,cAAc;AAE/B,+BAAe"}

package/es/Form/components/merge.mjs

@@ -1,4 +1,4 @@
-import { isEmpty, isObject, mergeWith, pickBy } from "lodash-es";
+import { isEmpty, isObject, mergeWith, pickBy } from "es-toolkit/compat";
 
 //#region src/Form/components/merge.ts
 const removeUndefined = (obj) => {

package/es/Form/components/merge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"merge.mjs","names":["merge: typeof _merge"],"sources":["../../../src/Form/components/merge.ts"],"sourcesContent":["import { merge as _merge, isEmpty, isObject, mergeWith, pickBy } from 'lodash-es';\n\nexport const removeUndefined = (obj: any): any => {\n  if (!isObject(obj)) return obj;\n\n  if (Array.isArray(obj)) {\n    return obj.map((item) => removeUndefined(item)).filter((item) => item !== undefined);\n  }\n\n  return pickBy(\n    Object.entries(obj).reduce((acc: any, [key, value]) => {\n      acc[key] = removeUndefined(value);\n      return acc;\n    }, {}),\n    (value) => value !== undefined,\n  );\n};\n\n/**\n * 用于合并对象，如果是数组则直接替换\n * @param target\n * @param source\n */\nexport const merge: typeof _merge = <T = object>(target: T, source: T) =>\n  mergeWith({}, target, source, (obj, src) => {\n    if (Array.isArray(obj)) return src;\n  });\n\ntype MergeableItem = {\n  [key: string]: any;\n  id: string;\n};\n\n/**\n * Merge two arrays based on id, preserving metadata from default items\n * @param defaultItems Items with default configuration and metadata\n * @param userItems User-defined items with higher priority\n */\nexport const mergeArrayById = <T extends MergeableItem>(defaultItems: T[], userItems: T[]): T[] => {\n  // Create a map of default items for faster lookup\n  const defaultItemsMap = new Map(defaultItems.map((item) => [item.id, item]));\n\n  // 使用 Map 存储合并结果，这样重复 ID 的后项会自然覆盖前项\n  const mergedItemsMap = new Map<string, T>();\n\n  // Process user items with default metadata\n  for (const userItem of userItems) {\n    const defaultItem = defaultItemsMap.get(userItem.id);\n    if (!defaultItem) {\n      mergedItemsMap.set(userItem.id, userItem);\n      continue;\n    }\n\n    const mergedItem: T = { ...defaultItem };\n    for (const [key, value] of Object.entries(userItem)) {\n      if (value !== null && value !== undefined && !(typeof value === 'object' && isEmpty(value))) {\n        // @ts-expect-error\n        mergedItem[key] = value;\n      }\n\n      if (typeof value === 'object' && !isEmpty(value)) {\n        // @ts-expect-error\n        mergedItem[key] = merge(defaultItem[key], value);\n      }\n    }\n\n    mergedItemsMap.set(userItem.id, mergedItem);\n  }\n\n  // 添加只在默认配置中存在的项\n  for (const item of defaultItems) {\n    if (!mergedItemsMap.has(item.id)) {\n      mergedItemsMap.set(item.id, item);\n    }\n  }\n\n  return [...mergedItemsMap.values()];\n};\n"],"mappings":";;;AAEA,MAAa,mBAAmB,QAAkB;AAChD,KAAI,CAAC,SAAS,IAAI,CAAE,QAAO;AAE3B,KAAI,MAAM,QAAQ,IAAI,CACpB,QAAO,IAAI,KAAK,SAAS,gBAAgB,KAAK,CAAC,CAAC,QAAQ,SAAS,SAAS,OAAU;AAGtF,QAAO,OACL,OAAO,QAAQ,IAAI,CAAC,QAAQ,KAAU,CAAC,KAAK,WAAW;AACrD,MAAI,OAAO,gBAAgB,MAAM;AACjC,SAAO;IACN,EAAE,CAAC,GACL,UAAU,UAAU,OACtB;;;;;;;AAQH,MAAaA,WAAoC,QAAW,WAC1D,UAAU,EAAE,EAAE,QAAQ,SAAS,KAAK,QAAQ;AAC1C,KAAI,MAAM,QAAQ,IAAI,CAAE,QAAO;EAC/B"}
+{"version":3,"file":"merge.mjs","names":["merge: typeof _merge"],"sources":["../../../src/Form/components/merge.ts"],"sourcesContent":["import { merge as _merge, isEmpty, isObject, mergeWith, pickBy } from 'es-toolkit/compat';\n\nexport const removeUndefined = (obj: any): any => {\n  if (!isObject(obj)) return obj;\n\n  if (Array.isArray(obj)) {\n    return obj.map((item) => removeUndefined(item)).filter((item) => item !== undefined);\n  }\n\n  return pickBy(\n    Object.entries(obj).reduce((acc: any, [key, value]) => {\n      acc[key] = removeUndefined(value);\n      return acc;\n    }, {}),\n    (value) => value !== undefined,\n  );\n};\n\n/**\n * 用于合并对象，如果是数组则直接替换\n * @param target\n * @param source\n */\nexport const merge: typeof _merge = <T = object>(target: T, source: T) =>\n  mergeWith({}, target, source, (obj, src) => {\n    if (Array.isArray(obj)) return src;\n  });\n\ntype MergeableItem = {\n  [key: string]: any;\n  id: string;\n};\n\n/**\n * Merge two arrays based on id, preserving metadata from default items\n * @param defaultItems Items with default configuration and metadata\n * @param userItems User-defined items with higher priority\n */\nexport const mergeArrayById = <T extends MergeableItem>(defaultItems: T[], userItems: T[]): T[] => {\n  // Create a map of default items for faster lookup\n  const defaultItemsMap = new Map(defaultItems.map((item) => [item.id, item]));\n\n  // 使用 Map 存储合并结果，这样重复 ID 的后项会自然覆盖前项\n  const mergedItemsMap = new Map<string, T>();\n\n  // Process user items with default metadata\n  for (const userItem of userItems) {\n    const defaultItem = defaultItemsMap.get(userItem.id);\n    if (!defaultItem) {\n      mergedItemsMap.set(userItem.id, userItem);\n      continue;\n    }\n\n    const mergedItem: T = { ...defaultItem };\n    for (const [key, value] of Object.entries(userItem)) {\n      if (value !== null && value !== undefined && !(typeof value === 'object' && isEmpty(value))) {\n        // @ts-expect-error\n        mergedItem[key] = value;\n      }\n\n      if (typeof value === 'object' && !isEmpty(value)) {\n        // @ts-expect-error\n        mergedItem[key] = merge(defaultItem[key], value);\n      }\n    }\n\n    mergedItemsMap.set(userItem.id, mergedItem);\n  }\n\n  // 添加只在默认配置中存在的项\n  for (const item of defaultItems) {\n    if (!mergedItemsMap.has(item.id)) {\n      mergedItemsMap.set(item.id, item);\n    }\n  }\n\n  return [...mergedItemsMap.values()];\n};\n"],"mappings":";;;AAEA,MAAa,mBAAmB,QAAkB;AAChD,KAAI,CAAC,SAAS,IAAI,CAAE,QAAO;AAE3B,KAAI,MAAM,QAAQ,IAAI,CACpB,QAAO,IAAI,KAAK,SAAS,gBAAgB,KAAK,CAAC,CAAC,QAAQ,SAAS,SAAS,OAAU;AAGtF,QAAO,OACL,OAAO,QAAQ,IAAI,CAAC,QAAQ,KAAU,CAAC,KAAK,WAAW;AACrD,MAAI,OAAO,gBAAgB,MAAM;AACjC,SAAO;IACN,EAAE,CAAC,GACL,UAAU,UAAU,OACtB;;;;;;;AAQH,MAAaA,WAAoC,QAAW,WAC1D,UAAU,EAAE,EAAE,QAAQ,SAAS,KAAK,QAAQ;AAC1C,KAAI,MAAM,QAAQ,IAAI,CAAE,QAAO;EAC/B"}

package/es/Form/style.mjs

@@ -1,5 +1,5 @@
 import { createStyles } from "antd-style";
-import { isNumber } from "lodash-es";
+import { isNumber } from "es-toolkit/compat";
 
 //#region src/Form/style.ts
 const useStyles = createStyles(({ css: css$1, token, prefixCls, responsive }) => ({
@@ -66,8 +66,8 @@ const useFlatGroupStyles = createStyles(({ cx: cx$1, css: css$1, token, stylish
 		mobile: css$1`
       padding-block: 0;
       padding-inline: 16px;
-      background: ${token.colorBgContainer};
       border-radius: 0;
+      background: ${token.colorBgContainer};
     `,
 		outlined: stylish.variantOutlinedWithoutHover,
 		root: css$1`
@@ -80,8 +80,8 @@ const useFooterStyles = createStyles(({ css: css$1, token, responsive }) => {
 	return { root: css$1`
       ${responsive.mobile} {
         padding: 16px;
-        background: ${token.colorBgContainer};
         border-block-start: 1px solid ${token.colorBorderSecondary};
+        background: ${token.colorBgContainer};
       }
     ` };
 });
@@ -178,18 +178,18 @@ const useSubmitFooterStyles = createStyles(({ responsive, css: css$1, token }) =
 
     width: max-content;
     padding: 8px;
-
-    background: ${token.colorBgContainer};
     border: 1px solid ${token.colorBorderSecondary};
     border-radius: 48px;
+
+    background: ${token.colorBgContainer};
     box-shadow: ${token.boxShadowSecondary};
   `,
 	footer: css$1`
     ${responsive.mobile} {
       margin-block-start: -${token.borderRadius}px;
       padding: 16px;
-      background: ${token.colorBgContainer};
       border-block-start: 1px solid ${token.colorBorderSecondary};
+      background: ${token.colorBgContainer};
     }
   `
 }));

package/es/Form/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/Form/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { isNumber } from 'lodash-es';\n\nexport const useStyles = createStyles(({ css, token, prefixCls, responsive }) => ({\n  borderless: css`\n    gap: 48px;\n    .${prefixCls}-collapse .${prefixCls}-collapse-header {\n      padding-block-end: 16px;\n      border-block-end: 1px solid ${token.colorBorderSecondary};\n    }\n  `,\n  root: css`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    width: 100%;\n\n    .${prefixCls}-form-item {\n      margin: 0 !important;\n    }\n\n    .${prefixCls}-form-item .${prefixCls}-form-item-label > label {\n      height: unset;\n    }\n\n    .${prefixCls}-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .${prefixCls}-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .${prefixCls}-form-item-row {\n      align-items: center;\n    }\n\n    .${prefixCls}-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n\n    .${prefixCls}-collapse-item {\n      border-radius: ${token.borderRadius}px !important;\n    }\n\n    ${responsive.mobile} {\n      gap: 0 !important;\n    }\n  `,\n}));\n\nexport const useFlatGroupStyles = createStyles(({ cx, css, token, stylish }) => {\n  return {\n    borderless: cx(\n      stylish.variantBorderlessWithoutHover,\n      css`\n        padding-inline: 0;\n      `,\n    ),\n    filled: stylish.variantFilledWithoutHover,\n    mobile: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${token.colorBgContainer};\n      border-radius: 0;\n    `,\n    outlined: stylish.variantOutlinedWithoutHover,\n    root: css`\n      padding-inline: 16px;\n      border-radius: ${token.borderRadiusLG}px;\n    `,\n  };\n});\n\nexport const useFooterStyles = createStyles(({ css, token, responsive }) => {\n  return {\n    root: css`\n      ${responsive.mobile} {\n        padding: 16px;\n        background: ${token.colorBgContainer};\n        border-block-start: 1px solid ${token.colorBorderSecondary};\n      }\n    `,\n  };\n});\n\nexport const useGroupStyles = createStyles(({ css, token, responsive }) => {\n  return {\n    mobileGroupBody: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${token.colorBgContainer};\n    `,\n    mobileGroupHeader: css`\n      padding: 16px;\n      background: ${token.colorBgLayout};\n    `,\n    title: css`\n      align-items: center;\n      font-size: 16px;\n      font-weight: bold;\n    `,\n    titleBorderless: css`\n      font-size: 18px;\n      font-weight: bold;\n    `,\n    titleMobile: css`\n      ${responsive.mobile} {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    `,\n  };\n});\n\nexport const useItemStyles = createStyles(\n  ({ css, responsive, prefixCls }, { minWidth }: { minWidth?: string | number }) => ({\n    itemMinWidth: css`\n      .${prefixCls}-form-item-control {\n        width: ${isNumber(minWidth) ? `${minWidth}px` : minWidth};\n      }\n    `,\n    itemNoDivider: css`\n      &:not(:first-child) {\n        padding-block-start: 0;\n      }\n    `,\n    root: css`\n      &.${prefixCls}-form-item {\n        padding-block: 16px;\n        padding-inline: 0;\n\n        .${prefixCls}-form-item-label {\n          text-align: start;\n        }\n\n        .${prefixCls}-row {\n          gap: 12px;\n          justify-content: space-between;\n\n          > div {\n            flex: unset;\n            flex-grow: unset;\n          }\n        }\n\n        .${prefixCls}-form-item-required::before {\n          align-self: flex-start;\n        }\n\n        ${responsive.mobile} {\n          &.${prefixCls}-form-item-horizontal {\n            .${prefixCls}-form-item-label {\n              flex: 1 !important;\n            }\n            .${prefixCls}-form-item-control {\n              flex: none !important;\n            }\n          }\n        }\n      }\n    `,\n    verticalLayout: css`\n      &.${prefixCls}-form-item {\n        .${prefixCls}-row {\n          align-items: stretch;\n        }\n      }\n    `,\n  }),\n);\n\nexport const useSubmitFooterStyles = createStyles(({ responsive, css, token }) => ({\n  floatFooter: css`\n    position: fixed;\n    z-index: 1000;\n    inset-block-end: 24px;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n\n    width: max-content;\n    padding: 8px;\n\n    background: ${token.colorBgContainer};\n    border: 1px solid ${token.colorBorderSecondary};\n    border-radius: 48px;\n    box-shadow: ${token.boxShadowSecondary};\n  `,\n  footer: css`\n    ${responsive.mobile} {\n      margin-block-start: -${token.borderRadius}px;\n      padding: 16px;\n      background: ${token.colorBgContainer};\n      border-block-start: 1px solid ${token.colorBorderSecondary};\n    }\n  `,\n}));\n\nexport const useTitleStyles = createStyles(({ css, token }) => ({\n  content: css`\n    position: relative;\n    text-align: start;\n  `,\n\n  desc: css`\n    display: block;\n\n    line-height: 1.44;\n    color: ${token.colorTextDescription};\n    word-wrap: break-word;\n    white-space: pre-wrap;\n  `,\n  title: css`\n    font-weight: 500;\n    line-height: 1;\n  `,\n}));\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,WAAW,kBAAkB;CAChF,YAAY,KAAG;;OAEV,UAAU,aAAa,UAAU;;oCAEJ,MAAM,qBAAqB;;;CAG7D,MAAM,KAAG;;;;;;;;;OASJ,UAAU;;;;OAIV,UAAU,cAAc,UAAU;;;;OAIlC,UAAU;;;;;OAKV,UAAU;;;;;;OAMV,UAAU;;;;OAIV,UAAU;;;;;;OAMV,UAAU;uBACM,MAAM,aAAa;;;MAGpC,WAAW,OAAO;;;;CAIvB,EAAE;AAEH,MAAa,qBAAqB,cAAc,EAAE,UAAI,YAAK,OAAO,cAAc;AAC9E,QAAO;EACL,YAAYA,KACV,QAAQ,+BACR,KAAG;;QAGJ;EACD,QAAQ,QAAQ;EAChB,QAAQ,KAAG;;;oBAGK,MAAM,iBAAiB;;;EAGvC,UAAU,QAAQ;EAClB,MAAM,KAAG;;uBAEU,MAAM,eAAe;;EAEzC;EACD;AAEF,MAAa,kBAAkB,cAAc,EAAE,YAAK,OAAO,iBAAiB;AAC1E,QAAO,EACL,MAAM,KAAG;QACL,WAAW,OAAO;;sBAEJ,MAAM,iBAAiB;wCACL,MAAM,qBAAqB;;OAGhE;EACD;AAEF,MAAa,iBAAiB,cAAc,EAAE,YAAK,OAAO,iBAAiB;AACzE,QAAO;EACL,iBAAiB,KAAG;;;oBAGJ,MAAM,iBAAiB;;EAEvC,mBAAmB,KAAG;;oBAEN,MAAM,cAAc;;EAEpC,OAAO,KAAG;;;;;EAKV,iBAAiB,KAAG;;;;EAIpB,aAAa,KAAG;QACZ,WAAW,OAAO;;;;;;EAMvB;EACD;AAEF,MAAa,gBAAgB,cAC1B,EAAE,YAAK,YAAY,aAAa,EAAE,gBAAgD;CACjF,cAAc,KAAG;SACZ,UAAU;iBACF,SAAS,SAAS,GAAG,GAAG,SAAS,MAAM,SAAS;;;CAG7D,eAAe,KAAG;;;;;CAKlB,MAAM,KAAG;UACH,UAAU;;;;WAIT,UAAU;;;;WAIV,UAAU;;;;;;;;;;WAUV,UAAU;;;;UAIX,WAAW,OAAO;cACd,UAAU;eACT,UAAU;;;eAGV,UAAU;;;;;;;CAOrB,gBAAgB,KAAG;UACb,UAAU;WACT,UAAU;;;;;CAKlB,EACF;AAED,MAAa,wBAAwB,cAAc,EAAE,YAAY,YAAK,aAAa;CACjF,aAAa,KAAG;;;;;;;;;;kBAUA,MAAM,iBAAiB;wBACjB,MAAM,qBAAqB;;kBAEjC,MAAM,mBAAmB;;CAEzC,QAAQ,KAAG;MACP,WAAW,OAAO;6BACK,MAAM,aAAa;;oBAE5B,MAAM,iBAAiB;sCACL,MAAM,qBAAqB;;;CAGhE,EAAE;AAEH,MAAa,iBAAiB,cAAc,EAAE,YAAK,aAAa;CAC9D,SAAS,KAAG;;;;CAKZ,MAAM,KAAG;;;;aAIE,MAAM,qBAAqB;;;;CAItC,OAAO,KAAG;;;;CAIX,EAAE"}
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/Form/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { isNumber } from 'es-toolkit/compat';\n\nexport const useStyles = createStyles(({ css, token, prefixCls, responsive }) => ({\n  borderless: css`\n    gap: 48px;\n    .${prefixCls}-collapse .${prefixCls}-collapse-header {\n      padding-block-end: 16px;\n      border-block-end: 1px solid ${token.colorBorderSecondary};\n    }\n  `,\n  root: css`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    width: 100%;\n\n    .${prefixCls}-form-item {\n      margin: 0 !important;\n    }\n\n    .${prefixCls}-form-item .${prefixCls}-form-item-label > label {\n      height: unset;\n    }\n\n    .${prefixCls}-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .${prefixCls}-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .${prefixCls}-form-item-row {\n      align-items: center;\n    }\n\n    .${prefixCls}-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n\n    .${prefixCls}-collapse-item {\n      border-radius: ${token.borderRadius}px !important;\n    }\n\n    ${responsive.mobile} {\n      gap: 0 !important;\n    }\n  `,\n}));\n\nexport const useFlatGroupStyles = createStyles(({ cx, css, token, stylish }) => {\n  return {\n    borderless: cx(\n      stylish.variantBorderlessWithoutHover,\n      css`\n        padding-inline: 0;\n      `,\n    ),\n    filled: stylish.variantFilledWithoutHover,\n    mobile: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      border-radius: 0;\n      background: ${token.colorBgContainer};\n    `,\n    outlined: stylish.variantOutlinedWithoutHover,\n    root: css`\n      padding-inline: 16px;\n      border-radius: ${token.borderRadiusLG}px;\n    `,\n  };\n});\n\nexport const useFooterStyles = createStyles(({ css, token, responsive }) => {\n  return {\n    root: css`\n      ${responsive.mobile} {\n        padding: 16px;\n        border-block-start: 1px solid ${token.colorBorderSecondary};\n        background: ${token.colorBgContainer};\n      }\n    `,\n  };\n});\n\nexport const useGroupStyles = createStyles(({ css, token, responsive }) => {\n  return {\n    mobileGroupBody: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${token.colorBgContainer};\n    `,\n    mobileGroupHeader: css`\n      padding: 16px;\n      background: ${token.colorBgLayout};\n    `,\n    title: css`\n      align-items: center;\n      font-size: 16px;\n      font-weight: bold;\n    `,\n    titleBorderless: css`\n      font-size: 18px;\n      font-weight: bold;\n    `,\n    titleMobile: css`\n      ${responsive.mobile} {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    `,\n  };\n});\n\nexport const useItemStyles = createStyles(\n  ({ css, responsive, prefixCls }, { minWidth }: { minWidth?: string | number }) => ({\n    itemMinWidth: css`\n      .${prefixCls}-form-item-control {\n        width: ${isNumber(minWidth) ? `${minWidth}px` : minWidth};\n      }\n    `,\n    itemNoDivider: css`\n      &:not(:first-child) {\n        padding-block-start: 0;\n      }\n    `,\n    root: css`\n      &.${prefixCls}-form-item {\n        padding-block: 16px;\n        padding-inline: 0;\n\n        .${prefixCls}-form-item-label {\n          text-align: start;\n        }\n\n        .${prefixCls}-row {\n          gap: 12px;\n          justify-content: space-between;\n\n          > div {\n            flex: unset;\n            flex-grow: unset;\n          }\n        }\n\n        .${prefixCls}-form-item-required::before {\n          align-self: flex-start;\n        }\n\n        ${responsive.mobile} {\n          &.${prefixCls}-form-item-horizontal {\n            .${prefixCls}-form-item-label {\n              flex: 1 !important;\n            }\n            .${prefixCls}-form-item-control {\n              flex: none !important;\n            }\n          }\n        }\n      }\n    `,\n    verticalLayout: css`\n      &.${prefixCls}-form-item {\n        .${prefixCls}-row {\n          align-items: stretch;\n        }\n      }\n    `,\n  }),\n);\n\nexport const useSubmitFooterStyles = createStyles(({ responsive, css, token }) => ({\n  floatFooter: css`\n    position: fixed;\n    z-index: 1000;\n    inset-block-end: 24px;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n\n    width: max-content;\n    padding: 8px;\n    border: 1px solid ${token.colorBorderSecondary};\n    border-radius: 48px;\n\n    background: ${token.colorBgContainer};\n    box-shadow: ${token.boxShadowSecondary};\n  `,\n  footer: css`\n    ${responsive.mobile} {\n      margin-block-start: -${token.borderRadius}px;\n      padding: 16px;\n      border-block-start: 1px solid ${token.colorBorderSecondary};\n      background: ${token.colorBgContainer};\n    }\n  `,\n}));\n\nexport const useTitleStyles = createStyles(({ css, token }) => ({\n  content: css`\n    position: relative;\n    text-align: start;\n  `,\n\n  desc: css`\n    display: block;\n\n    line-height: 1.44;\n    color: ${token.colorTextDescription};\n    word-wrap: break-word;\n    white-space: pre-wrap;\n  `,\n  title: css`\n    font-weight: 500;\n    line-height: 1;\n  `,\n}));\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,WAAW,kBAAkB;CAChF,YAAY,KAAG;;OAEV,UAAU,aAAa,UAAU;;oCAEJ,MAAM,qBAAqB;;;CAG7D,MAAM,KAAG;;;;;;;;;OASJ,UAAU;;;;OAIV,UAAU,cAAc,UAAU;;;;OAIlC,UAAU;;;;;OAKV,UAAU;;;;;;OAMV,UAAU;;;;OAIV,UAAU;;;;;;OAMV,UAAU;uBACM,MAAM,aAAa;;;MAGpC,WAAW,OAAO;;;;CAIvB,EAAE;AAEH,MAAa,qBAAqB,cAAc,EAAE,UAAI,YAAK,OAAO,cAAc;AAC9E,QAAO;EACL,YAAYA,KACV,QAAQ,+BACR,KAAG;;QAGJ;EACD,QAAQ,QAAQ;EAChB,QAAQ,KAAG;;;;oBAIK,MAAM,iBAAiB;;EAEvC,UAAU,QAAQ;EAClB,MAAM,KAAG;;uBAEU,MAAM,eAAe;;EAEzC;EACD;AAEF,MAAa,kBAAkB,cAAc,EAAE,YAAK,OAAO,iBAAiB;AAC1E,QAAO,EACL,MAAM,KAAG;QACL,WAAW,OAAO;;wCAEc,MAAM,qBAAqB;sBAC7C,MAAM,iBAAiB;;OAG1C;EACD;AAEF,MAAa,iBAAiB,cAAc,EAAE,YAAK,OAAO,iBAAiB;AACzE,QAAO;EACL,iBAAiB,KAAG;;;oBAGJ,MAAM,iBAAiB;;EAEvC,mBAAmB,KAAG;;oBAEN,MAAM,cAAc;;EAEpC,OAAO,KAAG;;;;;EAKV,iBAAiB,KAAG;;;;EAIpB,aAAa,KAAG;QACZ,WAAW,OAAO;;;;;;EAMvB;EACD;AAEF,MAAa,gBAAgB,cAC1B,EAAE,YAAK,YAAY,aAAa,EAAE,gBAAgD;CACjF,cAAc,KAAG;SACZ,UAAU;iBACF,SAAS,SAAS,GAAG,GAAG,SAAS,MAAM,SAAS;;;CAG7D,eAAe,KAAG;;;;;CAKlB,MAAM,KAAG;UACH,UAAU;;;;WAIT,UAAU;;;;WAIV,UAAU;;;;;;;;;;WAUV,UAAU;;;;UAIX,WAAW,OAAO;cACd,UAAU;eACT,UAAU;;;eAGV,UAAU;;;;;;;CAOrB,gBAAgB,KAAG;UACb,UAAU;WACT,UAAU;;;;;CAKlB,EACF;AAED,MAAa,wBAAwB,cAAc,EAAE,YAAY,YAAK,aAAa;CACjF,aAAa,KAAG;;;;;;;;;wBASM,MAAM,qBAAqB;;;kBAGjC,MAAM,iBAAiB;kBACvB,MAAM,mBAAmB;;CAEzC,QAAQ,KAAG;MACP,WAAW,OAAO;6BACK,MAAM,aAAa;;sCAEV,MAAM,qBAAqB;oBAC7C,MAAM,iBAAiB;;;CAG1C,EAAE;AAEH,MAAa,iBAAiB,cAAc,EAAE,YAAK,aAAa;CAC9D,SAAS,KAAG;;;;CAKZ,MAAM,KAAG;;;;aAIE,MAAM,qBAAqB;;;;CAItC,OAAO,KAAG;;;;CAIX,EAAE"}

package/es/FormModal/FormModal.d.mts

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

package/es/Grid/style.mjs

@@ -1,5 +1,5 @@
 import { createStyles } from "antd-style";
-import { isString } from "lodash-es";
+import { isString } from "es-toolkit/compat";
 
 //#region src/Grid/style.ts
 const useStyles = createStyles(({ css: css$1 }, { rows, maxItemWidth, gap }) => {

package/es/Grid/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Grid/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { isString } from 'lodash-es';\n\nexport const useStyles = createStyles(\n  (\n    { css },\n    {\n      rows,\n      maxItemWidth,\n      gap,\n    }: { gap: string | number; maxItemWidth: string | number; rows: number },\n  ) => {\n    return css`\n      --rows: ${rows};\n      --max-item-width: ${isString(maxItemWidth) ? maxItemWidth : `${maxItemWidth}px`};\n      --gap: ${isString(gap) ? gap : `${gap}px`};\n\n      display: grid !important;\n      grid-template-columns: repeat(\n        auto-fill,\n        minmax(\n          max(var(--max-item-width), calc((100% - var(--gap) * (var(--rows) - 1)) / var(--rows))),\n          1fr\n        )\n      );\n    `;\n  },\n);\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAErB,EAAE,cACF,EACE,MACA,cACA,UAEC;AACH,QAAO,KAAG;gBACE,KAAK;0BACK,SAAS,aAAa,GAAG,eAAe,GAAG,aAAa,IAAI;eACvE,SAAS,IAAI,GAAG,MAAM,GAAG,IAAI,IAAI;;;;;;;;;;;EAY/C"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Grid/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { isString } from 'es-toolkit/compat';\n\nexport const useStyles = createStyles(\n  (\n    { css },\n    {\n      rows,\n      maxItemWidth,\n      gap,\n    }: { gap: string | number; maxItemWidth: string | number; rows: number },\n  ) => {\n    return css`\n      --rows: ${rows};\n      --max-item-width: ${isString(maxItemWidth) ? maxItemWidth : `${maxItemWidth}px`};\n      --gap: ${isString(gap) ? gap : `${gap}px`};\n\n      display: grid !important;\n      grid-template-columns: repeat(\n        auto-fill,\n        minmax(\n          max(var(--max-item-width), calc((100% - var(--gap) * (var(--rows) - 1)) / var(--rows))),\n          1fr\n        )\n      );\n    `;\n  },\n);\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAErB,EAAE,cACF,EACE,MACA,cACA,UAEC;AACH,QAAO,KAAG;gBACE,KAAK;0BACK,SAAS,aAAa,GAAG,eAAe,GAAG,aAAa,IAAI;eACvE,SAAS,IAAI,GAAG,MAAM,GAAG,IAAI,IAAI;;;;;;;;;;;EAY/C"}

package/es/GuideCard/GuideCard.d.mts

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

package/es/Header/Header.d.mts

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

package/es/Highlighter/Highlighter.d.mts

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

package/es/Highlighter/SyntaxHighlighter/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxHighlighterProps } from "../type.mjs";
-import * as react34 from "react";
+import * as react32 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react34.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react32.NamedExoticComponent<SyntaxHighlighterProps>;
 //#endregion
 export { SyntaxHighlighter };
 //# sourceMappingURL=index.d.mts.map

package/es/Hotkey/Hotkey.d.mts

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

package/es/HotkeyInput/HotkeyInput.d.mts

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

package/es/HotkeyInput/HotkeyInput.mjs

@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import useMergeState from "use-merge-value";
 import { cva } from "class-variance-authority";
 import { Undo2Icon } from "lucide-react";
-import { isEqual } from "lodash-es";
+import { isEqual } from "es-toolkit/compat";
 import { useHotkeys, useRecordHotkeys } from "react-hotkeys-hook";
 
 //#region src/HotkeyInput/HotkeyInput.tsx

package/es/HotkeyInput/HotkeyInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HotkeyInput.mjs","names":["hotkeyMessages","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';\nimport hotkeyMessages from '@/i18n/resources/en/hotkey';\nimport { useTranslation } from '@/i18n/useTranslation';\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,\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 { t } = useTranslation(hotkeyMessages);\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    const placeholderText = placeholder ?? t('hotkey.placeholder');\n    const resetTitle = texts?.reset ?? t('hotkey.reset');\n    const conflictText = texts?.conflicts ?? t('hotkey.conflict');\n    const invalidText = texts?.invalidCombination ?? t('hotkey.invalidCombination');\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} /> : placeholderText}\n              </span>\n            ) : hotkeyValue ? (\n              <Hotkey keys={hotkeyValue} />\n            ) : (\n              <span className={styles.placeholder}>{placeholderText}</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={resetTitle}\n              variant={'filled'}\n            />\n          )}\n        </Flexbox>\n        {hasConflict && <div className={styles.errorText}>{conflictText}</div>}\n        {hasInvalidCombination && <div className={styles.errorText}>{invalidText}</div>}\n      </Flexbox>\n    );\n  },\n);\n\nHotkeyInput.displayName = 'HotkeyInput';\n\nexport default HotkeyInput;\n"],"mappings":"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"}
+{"version":3,"file":"HotkeyInput.mjs","names":["hotkeyMessages","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 'es-toolkit/compat';\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';\nimport hotkeyMessages from '@/i18n/resources/en/hotkey';\nimport { useTranslation } from '@/i18n/useTranslation';\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,\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 { t } = useTranslation(hotkeyMessages);\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    const placeholderText = placeholder ?? t('hotkey.placeholder');\n    const resetTitle = texts?.reset ?? t('hotkey.reset');\n    const conflictText = texts?.conflicts ?? t('hotkey.conflict');\n    const invalidText = texts?.invalidCombination ?? t('hotkey.invalidCombination');\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} /> : placeholderText}\n              </span>\n            ) : hotkeyValue ? (\n              <Hotkey keys={hotkeyValue} />\n            ) : (\n              <span className={styles.placeholder}>{placeholderText}</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={resetTitle}\n              variant={'filled'}\n            />\n          )}\n        </Flexbox>\n        {hasConflict && <div className={styles.errorText}>{conflictText}</div>}\n        {hasInvalidCombination && <div className={styles.errorText}>{invalidText}</div>}\n      </Flexbox>\n    );\n  },\n);\n\nHotkeyInput.displayName = 'HotkeyInput';\n\nexport default HotkeyInput;\n"],"mappings":"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"}

package/es/Icon/Icon.d.mts

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

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

@@ -1,11 +1,11 @@
 import { IconProps } from "../type.mjs";
-import * as react35 from "react";
+import * as react66 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react35.Context<IconContentConfig>;
-declare const IconProvider: react35.NamedExoticComponent<{
+declare const IconContext: react66.Context<IconContentConfig>;
+declare const IconProvider: react66.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Icon/components/utils.mjs

@@ -1,4 +1,4 @@
-import { isNumber } from "lodash-es";
+import { isNumber } from "es-toolkit/compat";
 
 //#region src/Icon/components/utils.ts
 const calcSize = (iconSize) => {

package/es/Icon/components/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":["size: number | string","strokeWidth: number | string"],"sources":["../../../src/Icon/components/utils.ts"],"sourcesContent":["import { isNumber } from 'lodash-es';\n\nimport type { IconSize } from '../type';\n\nexport const calcSize = (iconSize?: IconSize) => {\n  if (isNumber(iconSize)) {\n    return { size: iconSize };\n  }\n\n  let size: number | string;\n  let strokeWidth: number | string;\n\n  switch (iconSize) {\n    case 'large': {\n      size = 24;\n      strokeWidth = 2;\n      break;\n    }\n    case 'middle': {\n      size = 20;\n      strokeWidth = 2;\n      break;\n    }\n    case 'small': {\n      size = 14;\n      strokeWidth = 2;\n      break;\n    }\n    default: {\n      if (iconSize) {\n        size = iconSize?.size || 24;\n        strokeWidth = iconSize?.strokeWidth || 2;\n      } else {\n        size = '1em';\n        strokeWidth = 2;\n      }\n      break;\n    }\n  }\n  return { size, strokeWidth };\n};\n"],"mappings":";;;AAIA,MAAa,YAAY,aAAwB;AAC/C,KAAI,SAAS,SAAS,CACpB,QAAO,EAAE,MAAM,UAAU;CAG3B,IAAIA;CACJ,IAAIC;AAEJ,SAAQ,UAAR;EACE,KAAK;AACH,UAAO;AACP,iBAAc;AACd;EAEF,KAAK;AACH,UAAO;AACP,iBAAc;AACd;EAEF,KAAK;AACH,UAAO;AACP,iBAAc;AACd;EAEF;AACE,OAAI,UAAU;AACZ,WAAO,UAAU,QAAQ;AACzB,kBAAc,UAAU,eAAe;UAClC;AACL,WAAO;AACP,kBAAc;;AAEhB;;AAGJ,QAAO;EAAE;EAAM;EAAa"}
+{"version":3,"file":"utils.mjs","names":["size: number | string","strokeWidth: number | string"],"sources":["../../../src/Icon/components/utils.ts"],"sourcesContent":["import { isNumber } from 'es-toolkit/compat';\n\nimport type { IconSize } from '../type';\n\nexport const calcSize = (iconSize?: IconSize) => {\n  if (isNumber(iconSize)) {\n    return { size: iconSize };\n  }\n\n  let size: number | string;\n  let strokeWidth: number | string;\n\n  switch (iconSize) {\n    case 'large': {\n      size = 24;\n      strokeWidth = 2;\n      break;\n    }\n    case 'middle': {\n      size = 20;\n      strokeWidth = 2;\n      break;\n    }\n    case 'small': {\n      size = 14;\n      strokeWidth = 2;\n      break;\n    }\n    default: {\n      if (iconSize) {\n        size = iconSize?.size || 24;\n        strokeWidth = iconSize?.strokeWidth || 2;\n      } else {\n        size = '1em';\n        strokeWidth = 2;\n      }\n      break;\n    }\n  }\n  return { size, strokeWidth };\n};\n"],"mappings":";;;AAIA,MAAa,YAAY,aAAwB;AAC/C,KAAI,SAAS,SAAS,CACpB,QAAO,EAAE,MAAM,UAAU;CAG3B,IAAIA;CACJ,IAAIC;AAEJ,SAAQ,UAAR;EACE,KAAK;AACH,UAAO;AACP,iBAAc;AACd;EAEF,KAAK;AACH,UAAO;AACP,iBAAc;AACd;EAEF,KAAK;AACH,UAAO;AACP,iBAAc;AACd;EAEF;AACE,OAAI,UAAU;AACZ,WAAO,UAAU,QAAQ;AACzB,kBAAc,UAAU,eAAe;UAClC;AACL,WAAO;AACP,kBAAc;;AAEhB;;AAGJ,QAAO;EAAE;EAAM;EAAa"}

package/es/Image/PreviewGroup.d.mts

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

package/es/ImageSelect/ImageSelect.d.mts

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

package/es/Input/Input.d.mts

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

package/es/Input/InputOPT.d.mts

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

package/es/Input/InputPassword.d.mts

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

package/es/Layout/components/LayoutFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react27 from "react";
+import * as react22 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react27.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react22.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

package/es/Layout/components/LayoutHeader.d.mts

@@ -1,8 +1,8 @@
 import { LayoutHeaderProps } from "../type.mjs";
-import * as react29 from "react";
+import * as react23 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react29.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react23.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map

package/es/Layout/components/LayoutMain.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react30 from "react";
+import * as react24 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react30.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react24.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutMain };
 //# sourceMappingURL=LayoutMain.d.mts.map

package/es/Layout/components/LayoutSidebar.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarProps } from "../type.mjs";
-import * as react28 from "react";
+import * as react25 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react28.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react25.NamedExoticComponent<LayoutSidebarProps>;
 //#endregion
 export { LayoutSidebar };
 //# sourceMappingURL=LayoutSidebar.d.mts.map

package/es/Layout/components/LayoutSidebarInner.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarInnerProps } from "../type.mjs";
-import * as react32 from "react";
+import * as react26 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react32.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react26.NamedExoticComponent<LayoutSidebarInnerProps>;
 //#endregion
 export { LayoutSidebarInner };
 //# sourceMappingURL=LayoutSidebarInner.d.mts.map

package/es/Layout/components/LayoutToc.d.mts

@@ -1,8 +1,8 @@
 import { LayoutTocProps } from "../type.mjs";
-import * as react31 from "react";
+import * as react27 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react31.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react27.NamedExoticComponent<LayoutTocProps>;
 //#endregion
 export { LayoutToc };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react25 from "react";
+import * as react21 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react25.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react21.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/Markdown.d.mts

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

package/es/Markdown/Typography.d.mts

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

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
 import "../../../Flex/index.mjs";
-import * as react69 from "react";
+import * as react60 from "react";
 import { Ref } from "react";
 
 //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: react69.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react60.NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
 export { SearchResultCards, SearchResultCardsProps };
 //# sourceMappingURL=index.d.mts.map