@tiny-codes/react-easy 1.7.5 → 1.7.7

package/lib/components/ContextMenu/style/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ContextMenu/style/index.ts"],
-  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype OverflowTagsToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<OverflowTagsToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      '&-trigger': {\n        width: 'fit-content',\n      },\n      '.contexify&-menu': {\n        padding: 0,\n        '&-has-items': {\n          padding: 'var(--contexify-menu-padding)',\n        },\n        [`${componentCls}-shortcut-key`]: {\n          kbd: {\n            fontFamily: '-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('ContextMenu' as never, genStyle);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA6C,CAAC,UAAqB;AACvE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,aAAa;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,CAAC,GAAG,2BAA2B,GAAG;AAAA,UAChC,KAAK;AAAA,YACH,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,eAAwB,QAAQ;",
+  "sourcesContent": ["import { genStyleHooks } from 'antd/es/theme/internal';\nimport type { AliasToken, GenerateStyle } from 'antd/es/theme/internal';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\n\ntype ContextMenuToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<ContextMenuToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      '&-trigger': {\n        width: 'fit-content',\n      },\n      '.contexify&-menu': {\n        padding: 0,\n        '&-has-items': {\n          padding: 'var(--contexify-menu-padding)',\n        },\n        [`${componentCls}-shortcut-key`]: {\n          kbd: {\n            fontFamily: '-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('ContextMenu' as never, genStyle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAO9B,IAAM,WAA4C,CAAC,UAAqB;AACtE,QAAM,EAAE,aAAa,IAAI;AACzB,SAAO;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,aAAa;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,CAAC,GAAG,2BAA2B,GAAG;AAAA,UAChC,KAAK;AAAA,YACH,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ,+BAAc,eAAwB,QAAQ;",
   "names": []
 }

package/lib/components/DeleteConfirmAction/withDeleteConfirmAction.d.ts

@@ -11,9 +11,9 @@ import { type ActionComponentInterface } from '../ConfirmAction/withConfirmActio
  */
 export default function withDeleteConfirmAction<P extends ActionCompConstraint, OuterTriggerProp extends object, OuterEvent extends keyof OuterTriggerProp, Ref extends object>(ActionComponent: ActionComponentInterface<P, Ref>, defaultProps?: Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>> | ((actualProps: Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>) => Partial<Omit<P, keyof ActionCompConstraint> & ConfirmActionProps<OuterTriggerProp, OuterEvent>>)): (<TriggerProp extends object, Event extends keyof TriggerProp>(props: import("react").PropsWithoutRef<Omit<P, keyof ActionCompConstraint>> & Omit<import("antd").ModalFuncProps, "onOk"> & import("../ConfirmAction").ConfirmActionTrigger<TriggerProp, Event> & {
     danger?: boolean | undefined;
-    titleColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
-    contentColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
-    iconColor?: import("antd/es/typography/Base").BaseType | "primary" | undefined;
+    titleColor?: "primary" | import("antd/es/typography/Base").BaseType | undefined;
+    contentColor?: "primary" | import("antd/es/typography/Base").BaseType | undefined;
+    iconColor?: "primary" | import("antd/es/typography/Base").BaseType | undefined;
     onOk?: ((...args: Parameters<TriggerProp[Event]>) => unknown) | undefined;
     afterOk?: ((data?: any) => void) | undefined;
 } & import("react").RefAttributes<import("../ConfirmAction").ConfirmActionRef<Ref>>) => import("react").ReactNode) & import("../ConfirmAction/withConfirmAction").TypedTriggers<P, Ref>;

package/lib/components/EditableText/form.d.ts

@@ -2,6 +2,10 @@ import type { CSSProperties, ReactElement } from 'react';
 import type { ButtonProps, FormItemProps, FormProps, InputProps, SpaceProps } from 'antd';
 import type { TextAreaProps } from 'antd/es/input';
 export interface EditableFormProps<V, IT extends 'Input' | 'TextArea' | RenderInputInterface> {
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
     /**
      * - **EN:** The value to edit

package/lib/components/EditableText/form.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/EditableText/form.tsx"],
-  "sourcesContent": ["import type { CSSProperties, ReactElement } from 'react';\nimport { useContext, useEffect, useRef, useState } from 'react';\nimport type { ButtonProps, FormItemProps, FormProps, InputProps, SpaceProps } from 'antd';\nimport { Button, ConfigProvider, Form, Input, Space } from 'antd';\nimport type { InputRef, TextAreaProps } from 'antd/es/input';\nimport names from 'classnames';\nimport { CheckSquareFilled, CloseSquareFilled } from '@ant-design/icons';\nimport useT from '../../hooks/useT';\n\nconst defaultInputActionGap = 8;\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport interface EditableFormProps<V, IT extends 'Input' | 'TextArea' | RenderInputInterface> {\n  prefixCls?: string;\n  /**\n   * - **EN:** The value to edit\n   * - **CN:** 编辑的值\n   */\n  value: V | undefined;\n  /**\n   * - **EN:** Whether the text is required when editing, default is `true`, if `formItemProps.rules`\n   *   is set, it will override this value\n   * - **CN:** 编辑文本时是否必填，默认值为`true`，如果设置了`formItemProps.rules`，将会覆盖此值\n   *\n   * @default true\n   */\n  required?: boolean;\n  /**\n   * - **EN:** Form properties\n   * - **CN:** 表单属性\n   */\n  formProps?: FormProps;\n  /**\n   * - **EN:** Form item properties\n   * - **CN:** 表单项属性\n   */\n  formItemProps?: FormItemProps;\n  /**\n   * - **EN:** Custom component type for rendering the input box\n   * - **CN:** 自定义设置渲染输入框的组件类型\n   *\n   * @default 'Input'\n   */\n  inputComp?: IT;\n  /**\n   * - **EN:** Input component properties\n   * - **CN:** 输入框组件属性\n   */\n  inputProps?: IT extends 'TextArea' ? TextAreaProps : IT extends 'Input' ? InputProps : never;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 是否显示为块级元素，宽度100%\n   *\n   * @default false\n   */\n  block?: boolean;\n  /**\n   * - **EN:** Semantic class names\n   * - **CN:** 语义化类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Edit mode parent container class name\n     * - **CN:** 编辑模式父容器类名\n     */\n    wrapper?: string;\n    /**\n     * - **EN:** Submit button class name\n     * - **CN:** 提交按钮类名\n     */\n    submitButton?: string;\n    /**\n     * - **EN:** Cancel button class name\n     * - **CN:** 取消按钮类名\n     */\n    cancelButton?: string;\n    /**\n     * - **EN:** Submit button icon class name\n     * - **CN:** 提交按钮图标类名\n     */\n    submitIcon?: string;\n    /**\n     * - **EN:** Cancel button icon class name\n     * - **CN:** 取消按钮图标类名\n     */\n    cancelIcon?: string;\n  };\n  /**\n   * - **EN:** Semantic styles\n   * - **CN:** 语义化样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Edit mode parent container style\n     * - **CN:** 编辑模式父容器样式\n     */\n    wrapper?: CSSProperties;\n    /**\n     * - **EN:** Submit button style\n     * - **CN:** 提交按钮样式\n     */\n    submitButton?: CSSProperties;\n    /**\n     * - **EN:** Cancel button style\n     * - **CN:** 取消按钮样式\n     */\n    cancelButton?: CSSProperties;\n    /**\n     * - **EN:** Submit button icon style\n     * - **CN:** 提交按钮图标样式\n     */\n    submitIcon?: CSSProperties;\n    /**\n     * - **EN:** Cancel button icon style\n     * - **CN:** 取消按钮图标样式\n     */\n    cancelIcon?: CSSProperties;\n  };\n  /**\n   * **EN:** Submit and cancel action button alignment\n   *\n   * **CN:** 提交、取消操作按钮的对齐方式\n   *\n   * - `start` - align to the top | 顶部对齐\n   * - `center` - align to the center | 居中对齐\n   * - `end` - align to the bottom | 底部对齐\n   *\n   * @default 'center'\n   */\n  actionAlign?: SpaceProps['align'];\n  /**\n   * - **EN:** Submit button properties\n   * - **CN:** 提交操作按钮属性\n   */\n  submitProps?: ButtonProps;\n  /**\n   * - **EN:** Cancel button properties\n   * - **CN:** 取消操作按钮属性\n   */\n  cancelProps?: ButtonProps;\n  /**\n   * - **EN:** Confirm button click event, supports asynchronous operations\n   * - **CN:** 确认按钮点击事件，支持异步操作\n   */\n  onOk: (value: V | undefined) => void | Promise<void>;\n  /**\n   * - **EN:** Cancel button click event, supports asynchronous operations\n   * - **CN:** 取消按钮点击事件，支持异步操作\n   */\n  onCancel?: () => void | Promise<void>;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nconst EditableTextForm = <V, IT extends 'Input' | 'TextArea' | RenderInputInterface>(\n  props: EditableFormProps<V, IT>\n) => {\n  const {\n    prefixCls,\n    value,\n    required = true,\n    classNames,\n    styles: styleNames,\n    inputComp = 'Input' as IT,\n    block: blockInProps = false,\n    formProps,\n    formItemProps,\n    inputProps,\n    actionAlign = 'center',\n    submitProps,\n    cancelProps,\n    onOk,\n    onCancel,\n  } = props;\n  const t = useT();\n  const { getPrefixCls: getAntPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const [form] = Form.useForm<{ value: V | undefined }>();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<InputRef>(null);\n  const supportAutoScale = inputComp === 'Input' || inputComp === 'TextArea';\n  const detectorRef = useRef<HTMLSpanElement>(null);\n  const actionRef = useRef<HTMLDivElement>(null);\n  const [inputWidth, setInputWidth] = useState<number>();\n  const [visibility, setVisibility] = useState<CSSProperties['visibility']>('hidden');\n  const [forceBlock, setForceBlock] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const inputActionGapRef = useRef<number>(0);\n  inputActionGapRef.current =\n    pxToNumber(formItemProps?.style?.marginRight ?? formItemProps?.style?.marginInlineEnd) || defaultInputActionGap;\n  const block = blockInProps || forceBlock;\n\n  // Update form value when `value` prop changes\n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    form.setFieldsValue({ value: value as any });\n  }, [form, value]);\n\n  // Detect the width of the text and dynamically scale the input width until it reaches the max width of the container.\n  // Only built-in Input and TextArea components are supported.\n  useEffect(() => {\n    let contentWidth = 0;\n    const inputElement = inputRef.current?.input;\n    if (detectorRef.current && inputElement && supportAutoScale) {\n      const inputStyle = getComputedStyle(inputElement);\n      contentWidth =\n        detectorRef.current.offsetWidth +\n        pxToNumber(inputStyle.paddingLeft) +\n        pxToNumber(inputStyle.paddingRight) +\n        pxToNumber(inputStyle.borderLeftWidth) +\n        pxToNumber(inputStyle.borderRightWidth);\n      setInputWidth(contentWidth);\n    }\n    const actionWidth = actionRef.current?.offsetWidth || 0; // Width of action buttons\n    const gap = inputActionGapRef.current; // Gap between input box and action buttons\n    setVisibility('visible');\n    // Listen to the width of the wrapper container, if the input box width is greater than the wrapper container width,\n    const observer = new ResizeObserver(([entity]) => {\n      const wrapperWidth = entity.contentRect.width;\n      // Width deviation greater than 1px is considered overflow, to avoid misjudgment due to pixel density or scaling\n      if (contentWidth + actionWidth + gap - wrapperWidth > 1) {\n        setForceBlock(true);\n      } else {\n        setForceBlock(false);\n      }\n    });\n    if (wrapperRef.current) {\n      observer.observe(wrapperRef.current);\n    }\n    return () => observer.disconnect();\n  }, [supportAutoScale]);\n\n  // Cancel editing\n  const handleCancel = async () => {\n    form.resetFields();\n    try {\n      await onCancel?.();\n    } catch (error) {\n      console.error(error);\n    }\n  };\n  // Pressing the Escape key to cancel editing\n  const handleEscape: InputProps['onKeyUp'] = async (e) => {\n    if ((inputComp === 'Input' || inputComp === 'TextArea') && e.key === 'Escape') {\n      await handleCancel();\n      cancelProps?.onClick?.(e as unknown as React.MouseEvent<HTMLElement>);\n    }\n  };\n  // Submit editing\n  const handleSubmit = async (values: { value: V | undefined }) => {\n    const { value } = values;\n    try {\n      setSaving(true);\n      await onOk?.(value);\n    } catch (error) {\n      console.error(error);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const renderInput = () => {\n    if (inputComp === 'Input' || inputComp === 'TextArea') {\n      const COMP = inputComp === 'Input' ? Input : Input.TextArea;\n      return (\n        <COMP\n          ref={inputRef}\n          placeholder={t('components.EditableText.placeholder')}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          {...(inputProps as any)}\n          style={{\n            width: block ? undefined : inputWidth, // Width is 100% in block mode, no need to set width\n            ...(inputProps && 'style' in inputProps ? inputProps?.style : {}),\n          }}\n          onPressEnter={() => {\n            if (inputComp === 'Input') {\n              form.submit();\n            }\n          }}\n          onKeyUp={handleEscape}\n        />\n      );\n    } else {\n      return (\n        <CustomInput<V>\n          {...props}\n          render={inputComp}\n          submit={async () => {\n            const values = await form.validateFields();\n            await handleSubmit(values);\n          }}\n          cancel={handleCancel}\n        />\n      );\n    }\n  };\n\n  return (\n    <div ref={wrapperRef} className={names(`${prefixCls}-form`, classNames?.wrapper)} style={styleNames?.wrapper}>\n      <Form\n        component=\"div\" // Do not use form tag to avoid conflicts with external form, which may be nested in other forms\n        layout=\"inline\"\n        form={form}\n        initialValues={{ value }}\n        autoComplete=\"off\"\n        onFinish={handleSubmit}\n        {...formProps}\n        style={{\n          visibility,\n          ...formProps?.style,\n        }}\n      >\n        {/* Input box */}\n        <Form.Item\n          rules={[{ required, message: t('components.EditableText.requiredMsg') }]}\n          {...formItemProps}\n          className={names(formItemProps?.className, { [`${getAntPrefixCls('form-item-block')}`]: block })}\n          style={{\n            marginInlineEnd: defaultInputActionGap,\n            ...formItemProps?.style,\n          }}\n          name=\"value\"\n        >\n          {renderInput()}\n        </Form.Item>\n        {/* Used to calculate the width of the text content */}\n        {supportAutoScale && (\n          <span\n            ref={detectorRef}\n            style={{\n              position: 'absolute',\n              visibility: 'hidden',\n              height: 0,\n              whiteSpace: 'pre',\n            }}\n          >\n            {value?.toString()}\n          </span>\n        )}\n\n        {/* Action buttons */}\n        <Space ref={actionRef} className={`${prefixCls}-form-btns`} align={actionAlign} size={4}>\n          <Button\n            type=\"text\"\n            disabled={saving}\n            loading={saving}\n            title={t('components.EditableText.save')}\n            icon={<CheckSquareFilled className={classNames?.submitIcon} style={styleNames?.submitIcon} />}\n            style={styleNames?.submitButton}\n            onClick={() => form.submit()}\n            {...submitProps}\n            className={names(\n              `${prefixCls}-form-btn`,\n              `${prefixCls}-form-btn-save`,\n              classNames?.submitButton,\n              submitProps?.className\n            )}\n          />\n          <Button\n            type=\"text\"\n            style={styleNames?.cancelButton}\n            className={names(`${prefixCls}-form-btn`, `${prefixCls}-form-btn-close`, classNames?.cancelButton)}\n            title={t('components.EditableText.cancel')}\n            icon={<CloseSquareFilled className={classNames?.cancelIcon} style={styleNames?.cancelIcon} />}\n            onClick={async (e) => {\n              await handleCancel();\n              cancelProps?.onClick?.(e);\n            }}\n            {...cancelProps}\n          />\n        </Space>\n      </Form>\n    </div>\n  );\n};\n\nfunction CustomInput<V>(\n  props: RenderInputProps<V> & {\n    render: RenderInputInterface;\n  }\n): ReactElement | null {\n  const { render, value, onChange, ...restProps } = props;\n  const useInput = render;\n  return useInput({ ...restProps, value, onChange });\n}\n\nfunction pxToNumber(px: string | number | null | undefined) {\n  return px ? parseFloat(px.toString().replace('px', '')) : 0;\n}\n\nexport type RenderInputInterface = <V>(props: RenderInputProps<V>) => ReactElement | null;\nexport interface RenderInputProps<V>\n  extends Omit<EditableFormProps<V, 'Input'>, 'inputComp' | 'inputProps' | 'onOk' | 'onCancel'> {\n  onChange?: (value: V | undefined) => void;\n  submit(): Promise<void>;\n  cancel(): Promise<void>;\n}\n\nexport default EditableTextForm;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { CSSProperties, ReactElement } from 'react';\nimport { useContext, useEffect, useRef, useState } from 'react';\nimport type { ButtonProps, FormItemProps, FormProps, InputProps, SpaceProps } from 'antd';\nimport { Button, ConfigProvider, Form, Input, Space } from 'antd';\nimport type { InputRef, TextAreaProps } from 'antd/es/input';\nimport names from 'classnames';\nimport { CheckSquareFilled, CloseSquareFilled } from '@ant-design/icons';\nimport useT from '../../hooks/useT';\n\nconst defaultInputActionGap = 8;\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport interface EditableFormProps<V, IT extends 'Input' | 'TextArea' | RenderInputInterface> {\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** The value to edit\n   * - **CN:** 编辑的值\n   */\n  value: V | undefined;\n  /**\n   * - **EN:** Whether the text is required when editing, default is `true`, if `formItemProps.rules`\n   *   is set, it will override this value\n   * - **CN:** 编辑文本时是否必填，默认值为`true`，如果设置了`formItemProps.rules`，将会覆盖此值\n   *\n   * @default true\n   */\n  required?: boolean;\n  /**\n   * - **EN:** Form properties\n   * - **CN:** 表单属性\n   */\n  formProps?: FormProps;\n  /**\n   * - **EN:** Form item properties\n   * - **CN:** 表单项属性\n   */\n  formItemProps?: FormItemProps;\n  /**\n   * - **EN:** Custom component type for rendering the input box\n   * - **CN:** 自定义设置渲染输入框的组件类型\n   *\n   * @default 'Input'\n   */\n  inputComp?: IT;\n  /**\n   * - **EN:** Input component properties\n   * - **CN:** 输入框组件属性\n   */\n  inputProps?: IT extends 'TextArea' ? TextAreaProps : IT extends 'Input' ? InputProps : never;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 是否显示为块级元素，宽度100%\n   *\n   * @default false\n   */\n  block?: boolean;\n  /**\n   * - **EN:** Semantic class names\n   * - **CN:** 语义化类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Edit mode parent container class name\n     * - **CN:** 编辑模式父容器类名\n     */\n    wrapper?: string;\n    /**\n     * - **EN:** Submit button class name\n     * - **CN:** 提交按钮类名\n     */\n    submitButton?: string;\n    /**\n     * - **EN:** Cancel button class name\n     * - **CN:** 取消按钮类名\n     */\n    cancelButton?: string;\n    /**\n     * - **EN:** Submit button icon class name\n     * - **CN:** 提交按钮图标类名\n     */\n    submitIcon?: string;\n    /**\n     * - **EN:** Cancel button icon class name\n     * - **CN:** 取消按钮图标类名\n     */\n    cancelIcon?: string;\n  };\n  /**\n   * - **EN:** Semantic styles\n   * - **CN:** 语义化样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Edit mode parent container style\n     * - **CN:** 编辑模式父容器样式\n     */\n    wrapper?: CSSProperties;\n    /**\n     * - **EN:** Submit button style\n     * - **CN:** 提交按钮样式\n     */\n    submitButton?: CSSProperties;\n    /**\n     * - **EN:** Cancel button style\n     * - **CN:** 取消按钮样式\n     */\n    cancelButton?: CSSProperties;\n    /**\n     * - **EN:** Submit button icon style\n     * - **CN:** 提交按钮图标样式\n     */\n    submitIcon?: CSSProperties;\n    /**\n     * - **EN:** Cancel button icon style\n     * - **CN:** 取消按钮图标样式\n     */\n    cancelIcon?: CSSProperties;\n  };\n  /**\n   * **EN:** Submit and cancel action button alignment\n   *\n   * **CN:** 提交、取消操作按钮的对齐方式\n   *\n   * - `start` - align to the top | 顶部对齐\n   * - `center` - align to the center | 居中对齐\n   * - `end` - align to the bottom | 底部对齐\n   *\n   * @default 'center'\n   */\n  actionAlign?: SpaceProps['align'];\n  /**\n   * - **EN:** Submit button properties\n   * - **CN:** 提交操作按钮属性\n   */\n  submitProps?: ButtonProps;\n  /**\n   * - **EN:** Cancel button properties\n   * - **CN:** 取消操作按钮属性\n   */\n  cancelProps?: ButtonProps;\n  /**\n   * - **EN:** Confirm button click event, supports asynchronous operations\n   * - **CN:** 确认按钮点击事件，支持异步操作\n   */\n  onOk: (value: V | undefined) => void | Promise<void>;\n  /**\n   * - **EN:** Cancel button click event, supports asynchronous operations\n   * - **CN:** 取消按钮点击事件，支持异步操作\n   */\n  onCancel?: () => void | Promise<void>;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nconst EditableTextForm = <V, IT extends 'Input' | 'TextArea' | RenderInputInterface>(\n  props: EditableFormProps<V, IT>\n) => {\n  const {\n    prefixCls,\n    value,\n    required = true,\n    classNames,\n    styles: styleNames,\n    inputComp = 'Input' as IT,\n    block: blockInProps = false,\n    formProps,\n    formItemProps,\n    inputProps,\n    actionAlign = 'center',\n    submitProps,\n    cancelProps,\n    onOk,\n    onCancel,\n  } = props;\n  const t = useT();\n  const { getPrefixCls: getAntPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const [form] = Form.useForm<{ value: V | undefined }>();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<InputRef>(null);\n  const supportAutoScale = inputComp === 'Input' || inputComp === 'TextArea';\n  const detectorRef = useRef<HTMLSpanElement>(null);\n  const actionRef = useRef<HTMLDivElement>(null);\n  const [inputWidth, setInputWidth] = useState<number>();\n  const [visibility, setVisibility] = useState<CSSProperties['visibility']>('hidden');\n  const [forceBlock, setForceBlock] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const inputActionGapRef = useRef<number>(0);\n  inputActionGapRef.current =\n    pxToNumber(formItemProps?.style?.marginRight ?? formItemProps?.style?.marginInlineEnd) || defaultInputActionGap;\n  const block = blockInProps || forceBlock;\n\n  // Update form value when `value` prop changes\n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    form.setFieldsValue({ value: value as any });\n  }, [form, value]);\n\n  // Detect the width of the text and dynamically scale the input width until it reaches the max width of the container.\n  // Only built-in Input and TextArea components are supported.\n  useEffect(() => {\n    let contentWidth = 0;\n    const inputElement = inputRef.current?.input;\n    if (detectorRef.current && inputElement && supportAutoScale) {\n      const inputStyle = getComputedStyle(inputElement);\n      contentWidth =\n        detectorRef.current.offsetWidth +\n        pxToNumber(inputStyle.paddingLeft) +\n        pxToNumber(inputStyle.paddingRight) +\n        pxToNumber(inputStyle.borderLeftWidth) +\n        pxToNumber(inputStyle.borderRightWidth);\n      setInputWidth(contentWidth);\n    }\n    const actionWidth = actionRef.current?.offsetWidth || 0; // Width of action buttons\n    const gap = inputActionGapRef.current; // Gap between input box and action buttons\n    setVisibility('visible');\n    // Listen to the width of the wrapper container, if the input box width is greater than the wrapper container width,\n    const observer = new ResizeObserver(([entity]) => {\n      const wrapperWidth = entity.contentRect.width;\n      // Width deviation greater than 1px is considered overflow, to avoid misjudgment due to pixel density or scaling\n      if (contentWidth + actionWidth + gap - wrapperWidth > 1) {\n        setForceBlock(true);\n      } else {\n        setForceBlock(false);\n      }\n    });\n    if (wrapperRef.current) {\n      observer.observe(wrapperRef.current);\n    }\n    return () => observer.disconnect();\n  }, [supportAutoScale]);\n\n  // Cancel editing\n  const handleCancel = async () => {\n    form.resetFields();\n    try {\n      await onCancel?.();\n    } catch (error) {\n      console.error(error);\n    }\n  };\n  // Pressing the Escape key to cancel editing\n  const handleEscape: InputProps['onKeyUp'] = async (e) => {\n    if ((inputComp === 'Input' || inputComp === 'TextArea') && e.key === 'Escape') {\n      await handleCancel();\n      cancelProps?.onClick?.(e as unknown as React.MouseEvent<HTMLElement>);\n    }\n  };\n  // Submit editing\n  const handleSubmit = async (values: { value: V | undefined }) => {\n    const { value } = values;\n    try {\n      setSaving(true);\n      await onOk?.(value);\n    } catch (error) {\n      console.error(error);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const renderInput = () => {\n    if (inputComp === 'Input' || inputComp === 'TextArea') {\n      const COMP = inputComp === 'Input' ? Input : Input.TextArea;\n      return (\n        <COMP\n          ref={inputRef}\n          placeholder={t('components.EditableText.placeholder')}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          {...(inputProps as any)}\n          style={{\n            width: block ? undefined : inputWidth, // Width is 100% in block mode, no need to set width\n            ...(inputProps && 'style' in inputProps ? inputProps?.style : {}),\n          }}\n          onPressEnter={() => {\n            if (inputComp === 'Input') {\n              form.submit();\n            }\n          }}\n          onKeyUp={handleEscape}\n        />\n      );\n    } else {\n      return (\n        <CustomInput<V>\n          {...props}\n          render={inputComp}\n          submit={async () => {\n            const values = await form.validateFields();\n            await handleSubmit(values);\n          }}\n          cancel={handleCancel}\n        />\n      );\n    }\n  };\n\n  return (\n    <div ref={wrapperRef} className={names(`${prefixCls}-form`, classNames?.wrapper)} style={styleNames?.wrapper}>\n      <Form\n        component=\"div\" // Do not use form tag to avoid conflicts with external form, which may be nested in other forms\n        layout=\"inline\"\n        form={form}\n        initialValues={{ value }}\n        autoComplete=\"off\"\n        onFinish={handleSubmit}\n        {...formProps}\n        style={{\n          visibility,\n          ...formProps?.style,\n        }}\n      >\n        {/* Input box */}\n        <Form.Item\n          rules={[{ required, message: t('components.EditableText.requiredMsg') }]}\n          {...formItemProps}\n          className={names(formItemProps?.className, { [`${getAntPrefixCls('form-item-block')}`]: block })}\n          style={{\n            marginInlineEnd: defaultInputActionGap,\n            ...formItemProps?.style,\n          }}\n          name=\"value\"\n        >\n          {renderInput()}\n        </Form.Item>\n        {/* Used to calculate the width of the text content */}\n        {supportAutoScale && (\n          <span\n            ref={detectorRef}\n            style={{\n              position: 'absolute',\n              visibility: 'hidden',\n              height: 0,\n              whiteSpace: 'pre',\n            }}\n          >\n            {value?.toString()}\n          </span>\n        )}\n\n        {/* Action buttons */}\n        <Space ref={actionRef} className={`${prefixCls}-form-btns`} align={actionAlign} size={4}>\n          <Button\n            type=\"text\"\n            disabled={saving}\n            loading={saving}\n            title={t('components.EditableText.save')}\n            icon={<CheckSquareFilled className={classNames?.submitIcon} style={styleNames?.submitIcon} />}\n            style={styleNames?.submitButton}\n            onClick={() => form.submit()}\n            {...submitProps}\n            className={names(\n              `${prefixCls}-form-btn`,\n              `${prefixCls}-form-btn-save`,\n              classNames?.submitButton,\n              submitProps?.className\n            )}\n          />\n          <Button\n            type=\"text\"\n            style={styleNames?.cancelButton}\n            className={names(`${prefixCls}-form-btn`, `${prefixCls}-form-btn-close`, classNames?.cancelButton)}\n            title={t('components.EditableText.cancel')}\n            icon={<CloseSquareFilled className={classNames?.cancelIcon} style={styleNames?.cancelIcon} />}\n            onClick={async (e) => {\n              await handleCancel();\n              cancelProps?.onClick?.(e);\n            }}\n            {...cancelProps}\n          />\n        </Space>\n      </Form>\n    </div>\n  );\n};\n\nfunction CustomInput<V>(\n  props: RenderInputProps<V> & {\n    render: RenderInputInterface;\n  }\n): ReactElement | null {\n  const { render, value, onChange, ...restProps } = props;\n  const useInput = render;\n  return useInput({ ...restProps, value, onChange });\n}\n\nfunction pxToNumber(px: string | number | null | undefined) {\n  return px ? parseFloat(px.toString().replace('px', '')) : 0;\n}\n\nexport type RenderInputInterface = <V>(props: RenderInputProps<V>) => ReactElement | null;\nexport interface RenderInputProps<V>\n  extends Omit<EditableFormProps<V, 'Input'>, 'inputComp' | 'inputProps' | 'onOk' | 'onCancel'> {\n  onChange?: (value: V | undefined) => void;\n  submit(): Promise<void>;\n  cancel(): Promise<void>;\n}\n\nexport default EditableTextForm;\n"],
+  "mappings": "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",
   "names": ["useT", "_a", "_b", "value", "names"]
 }

package/lib/components/EditableText/index.d.ts

@@ -8,6 +8,10 @@ import type { TitleProps } from 'antd/es/typography/Title';
 import { type EditableFormProps, type RenderInputInterface } from './form';
 declare const getEllipsisConfig: (content: ReactNode | undefined) => EllipsisConfig;
 export interface EditableTextProps<V = string, TT extends 'Text' | 'Paragraph' | 'Title' | 'Link' = 'Text', IT extends 'Input' | 'TextArea' | RenderInputInterface = 'Input'> extends Omit<EditableFormProps<V, IT>, 'block'> {
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
     /**
      * - **EN:** Custom read-only display text, replacing `value` display
@@ -15,7 +19,7 @@ export interface EditableTextProps<V = string, TT extends 'Text' | 'Paragraph' |
      *
      * @default true
      */
-    displayText?: ReactNode | ((value: V | undefined) => ReactNode);
+    displayText?: boolean | ReactNode | ((value: V | undefined) => ReactNode);
     /**
      * - **EN:** Another way to customize read-only display text, with higher priority than
      *   `displayText`. This method does not support text truncation.
@@ -114,7 +118,7 @@ export interface EditableTextProps<V = string, TT extends 'Text' | 'Paragraph' |
      * - **EN:** Custom component type for rendering the text
      * - **CN:** 自定义设置渲染文本组件的组件类型
      *
-     * @default 'Text'
+     * @default Typography.Text
      */
     textComp?: TT;
     /**

package/lib/components/EditableText/index.js

@@ -37,6 +37,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_icons = require("@ant-design/icons");
 var import_useT = __toESM(require("../../hooks/useT"));
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
 var import_form = __toESM(require("./form"));
 var import_style = __toESM(require("./style"));
 var getEllipsisConfig = (content) => ({
@@ -75,8 +76,8 @@ var EditableText = (props) => {
     onChange,
     onEditingChange
   } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("easy-editable-text", prefixClsInProps);
+  const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls("editable-text", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   const t = (0, import_useT.default)();
   const [isEditing, setIsEditing] = (0, import_react.useState)(editing);

package/lib/components/EditableText/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/EditableText/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, ReactNode } from 'react';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { ConfigProvider, Flex, Typography } from 'antd';\nimport type { EllipsisConfig } from 'antd/es/typography/Base';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport type { ParagraphProps } from 'antd/es/typography/Paragraph';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport type { TitleProps } from 'antd/es/typography/Title';\nimport names from 'classnames';\nimport { EditOutlined } from '@ant-design/icons';\nimport useT from '../../hooks/useT';\nimport EditableTextForm, { type EditableFormProps, type RenderInputInterface } from './form';\nimport useStyle from './style';\n\nconst getEllipsisConfig = (content: ReactNode | undefined): EllipsisConfig => ({\n  tooltip: {\n    title: content,\n    overlayStyle: { maxWidth: 500 },\n  },\n});\n\nexport interface EditableTextProps<\n  V = string,\n  TT extends 'Text' | 'Paragraph' | 'Title' | 'Link' = 'Text',\n  IT extends 'Input' | 'TextArea' | RenderInputInterface = 'Input',\n> extends Omit<EditableFormProps<V, IT>, 'block'> {\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom read-only display text, replacing `value` display\n   * - **CN:** 自定义只读显示文本，替代`value`显示\n   *\n   * @default true\n   */\n  displayText?: ReactNode | ((value: V | undefined) => ReactNode);\n  /**\n   * - **EN:** Another way to customize read-only display text, with higher priority than\n   *   `displayText`. This method does not support text truncation.\n   * - **CN:** 另外一种方式自定义只读显示文本，优先级高于`displayText`，这种方式无文本省略效果\n   */\n  children?: ReactNode;\n  /**\n   * - **EN:** Whether to allow editing. If set to `false`, the edit button will not be displayed.\n   * - **CN:** 是否允许编辑，如果设置为`false`，则不显示编辑按钮\n   *\n   * @default true\n   */\n  editable?: boolean;\n  /**\n   * - **EN:** Whether to open edit mode.\n   * - **CN:** 是否打开编辑模式\n   *\n   * @default false\n   */\n  editing?: boolean;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 是否显示为块级元素，宽度100%\n   *\n   * @default false\n   */\n  block?:\n    | boolean\n    | {\n        /**\n         * - **EN:** Whether to display as a block-level element in view mode, with width 100%\n         * - **CN:** 只读模式是否显示为块级元素，宽度100%\n         *\n         * @default false\n         */\n        view?: boolean;\n        /**\n         * - **EN:** Whether to display as a block-level element in edit mode, with width 100%\n         * - **CN:** 编辑模式是否显示为块级元素，宽度100%\n         *\n         * @default false\n         */\n        editing?: boolean;\n      };\n  /**\n   * - **EN:** Component container class name.\n   * - **CN:** 组件容器类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Component container style.\n   * - **CN:** 组件容器样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Semantic class names.\n   * - **CN:** 语义化类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Read-only text class name\n     * - **CN:** 只读文本类名\n     */\n    text?: string;\n    /**\n     * - **EN:** Edit button class name\n     * - **CN:** 编辑按钮类名\n     */\n    editIcon?: string;\n  } & EditableFormProps<V, IT>['classNames'];\n  /**\n   * - **EN:** After saving with `onOk`, the modified value is passed out through `onChange`\n   * - **CN:** 在`onOk`保存后，通过`onChange`把修改后的值传递出去\n   */\n  onChange?: (value: V | undefined) => void;\n  /**\n   * - **EN:** Event triggered when the editing state changes\n   * - **CN:** 编辑状态改变事件\n   */\n  onEditingChange?: (editing: boolean) => void;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 语义化样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Read-only text class name\n     * - **CN:** 只读文本类名\n     */\n    text?: CSSProperties;\n    /**\n     * - **EN:** Edit button style\n     * - **CN:** 编辑按钮样式\n     */\n    editIcon?: CSSProperties;\n  } & EditableFormProps<V, IT>['styles'];\n\n  /**\n   * - **EN:** Custom component type for rendering the text\n   * - **CN:** 自定义设置渲染文本组件的组件类型\n   *\n   * @default 'Text'\n   */\n  textComp?: TT;\n  /**\n   * - **EN:** Text component props\n   * - **CN:** 文本组件属性\n   */\n  textProps?: TT extends 'Text'\n    ? TextProps\n    : TT extends 'Paragraph'\n      ? ParagraphProps\n      : TT extends 'Title'\n        ? TitleProps\n        : TT extends 'Link'\n          ? LinkProps\n          : never;\n  /**\n   * - **EN:** Custom edit icon\n   * - **CN:** 自定义编辑图标\n   */\n  editIcon?: ReactNode;\n  /**\n   * **EN:** Edit button vertical alignment\n   *\n   * **CN:** 编辑按钮垂直对齐方式\n   *\n   * - `start` - align to the top | 顶部对齐\n   * - `center` - align to the center | 居中对齐\n   * - `end` - align to the bottom | 底部对齐\n   * - `baseline` - align to the text baseline, useful when the text has line height set |\n   *   与文本基线对齐，在文本设置了行高时会非常有用\n   *\n   * @default 'center'\n   */\n  editIconAlign?: CSSProperties['alignItems'];\n}\n\n/**\n * - **EN:** Editable text component, providing a read-only display and an edit mode.\n * - **CN:** 可编辑文本组件，提供只读显示和编辑模式。\n *\n * @example\n *   <EditableText value=\"Editable Text\" onOk={(value) => console.log('Saved value:', value)} />;\n */\nconst EditableText = <\n  V,\n  TT extends 'Text' | 'Paragraph' | 'Title' | 'Link',\n  IT extends 'Input' | 'TextArea' | RenderInputInterface,\n>(\n  props: EditableTextProps<V, TT, IT>\n) => {\n  const {\n    prefixCls: prefixClsInProps,\n    value: valueInProps,\n    displayText: displayTextInProps,\n    editable = true,\n    editing = false,\n    className = '',\n    style = {},\n    classNames,\n    styles: styleNames,\n    block: blockInProps,\n    textComp = 'Text',\n    textProps,\n    editIcon,\n    editIconAlign = 'center',\n    children,\n    formProps,\n    formItemProps,\n    inputComp: inputCompInProps,\n    inputProps,\n    required,\n    actionAlign,\n    submitProps,\n    cancelProps,\n    onOk,\n    onCancel,\n    onChange,\n    onEditingChange,\n  } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-editable-text', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const t = useT();\n  const [isEditing, setIsEditing] = useState<boolean>(editing);\n  const TypographyComponent = Typography[textComp];\n  const [value, setValue] = useState(valueInProps);\n  const inputComp = inputCompInProps ?? (textComp === 'Paragraph' ? 'TextArea' : 'Input');\n  const viewBlock = typeof blockInProps === 'boolean' ? blockInProps : blockInProps?.view;\n  const editingBlock = typeof blockInProps === 'boolean' ? blockInProps : blockInProps?.editing;\n  const editableRef = React.useRef(editable);\n  editableRef.current = editable;\n  const displayText = useMemo(() => {\n    if (typeof displayTextInProps === 'function') {\n      return displayTextInProps(value);\n    }\n    return displayTextInProps ?? value?.toString();\n  }, [displayTextInProps, value]);\n\n  // value受控\n  useEffect(() => {\n    setValue(valueInProps);\n  }, [valueInProps]);\n  // editing受控\n  useEffect(() => {\n    if (editableRef.current) {\n      setIsEditing(editing);\n    }\n  }, [editing]);\n\n  // 编辑状态改变\n  const handleEditingChange = (editing: boolean) => {\n    setIsEditing(editing);\n    onEditingChange?.(editing);\n  };\n  // 提交编辑\n  const handleOk = async (val: V | undefined) => {\n    try {\n      await onOk?.(val);\n      onChange?.(val);\n      setValue(val);\n      handleEditingChange(false);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n  // 取消编辑\n  const handleCancel = async () => {\n    handleEditingChange(false);\n    await onCancel?.();\n  };\n\n  return wrapCSSVar(\n    <div className={names(prefixCls, hashId, cssVarCls, className)} style={style}>\n      {isEditing ? (\n        <div className={`${prefixCls}-edit-mode`}>\n          <EditableTextForm\n            prefixCls={prefixCls}\n            value={value}\n            required={required}\n            formProps={formProps}\n            formItemProps={formItemProps}\n            inputComp={inputComp}\n            inputProps={inputProps}\n            block={editingBlock}\n            classNames={classNames}\n            styles={styleNames}\n            actionAlign={actionAlign}\n            submitProps={submitProps}\n            cancelProps={cancelProps}\n            onOk={handleOk}\n            onCancel={handleCancel}\n          />\n        </div>\n      ) : (\n        <Flex\n          className={names(`${prefixCls}-view-mode`, {\n            [`${prefixCls}-single-line`]: textComp !== 'Paragraph',\n            [`${prefixCls}-has-children`]: !!children,\n            [`${prefixCls}-view-mode-block`]: viewBlock,\n          })}\n          align={editIconAlign}\n        >\n          <div className={`${prefixCls}-text-content`}>\n            {children ?? (\n              <TypographyComponent\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                {...(textProps as any)}\n                className={names(classNames?.text, classNames?.text, textProps?.className)}\n                style={{\n                  marginBottom: textComp === 'Title' ? 0 : undefined, // 去掉标题组件的默认下边距\n                  ...(textProps?.style ?? styleNames?.text),\n                }}\n                ellipsis={textProps?.ellipsis ?? getEllipsisConfig(displayText)}\n              >\n                {displayText}\n              </TypographyComponent>\n            )}\n          </div>\n          {/* 编辑按钮 */}\n          {editable && (\n            <div\n              className={names(`${prefixCls}-edit-icon`, classNames?.editIcon)}\n              style={styleNames?.editIcon}\n              title={t('components.EditableText.edit')}\n              onClick={() => handleEditingChange(true)}\n            >\n              {editIcon ?? <EditOutlined />}\n            </div>\n          )}\n        </Flex>\n      )}\n    </div>\n  );\n};\n\ntype EditableTextInterface = typeof EditableText & {\n  getEllipsisConfig: typeof getEllipsisConfig;\n};\n\nEditableText.getEllipsisConfig = getEllipsisConfig;\n\nexport default EditableText as EditableTextInterface;\n"],
-  "mappings": "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",
-  "names": ["useStyle", "useT", "React", "editing", "names", "EditableTextForm"]
+  "sourcesContent": ["import type { CSSProperties, ReactNode } from 'react';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { Flex, Typography } from 'antd';\nimport type { EllipsisConfig } from 'antd/es/typography/Base';\nimport type { LinkProps } from 'antd/es/typography/Link';\nimport type { ParagraphProps } from 'antd/es/typography/Paragraph';\nimport type { TextProps } from 'antd/es/typography/Text';\nimport type { TitleProps } from 'antd/es/typography/Title';\nimport names from 'classnames';\nimport { EditOutlined } from '@ant-design/icons';\nimport useT from '../../hooks/useT';\nimport ConfigProvider from '../ConfigProvider';\nimport EditableTextForm, { type EditableFormProps, type RenderInputInterface } from './form';\nimport useStyle from './style';\n\nconst getEllipsisConfig = (content: ReactNode | undefined): EllipsisConfig => ({\n  tooltip: {\n    title: content,\n    overlayStyle: { maxWidth: 500 },\n  },\n});\n\nexport interface EditableTextProps<\n  V = string,\n  TT extends 'Text' | 'Paragraph' | 'Title' | 'Link' = 'Text',\n  IT extends 'Input' | 'TextArea' | RenderInputInterface = 'Input',\n> extends Omit<EditableFormProps<V, IT>, 'block'> {\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Custom read-only display text, replacing `value` display\n   * - **CN:** 自定义只读显示文本，替代`value`显示\n   *\n   * @default true\n   */\n  displayText?: boolean | ReactNode | ((value: V | undefined) => ReactNode);\n  /**\n   * - **EN:** Another way to customize read-only display text, with higher priority than\n   *   `displayText`. This method does not support text truncation.\n   * - **CN:** 另外一种方式自定义只读显示文本，优先级高于`displayText`，这种方式无文本省略效果\n   */\n  children?: ReactNode;\n  /**\n   * - **EN:** Whether to allow editing. If set to `false`, the edit button will not be displayed.\n   * - **CN:** 是否允许编辑，如果设置为`false`，则不显示编辑按钮\n   *\n   * @default true\n   */\n  editable?: boolean;\n  /**\n   * - **EN:** Whether to open edit mode.\n   * - **CN:** 是否打开编辑模式\n   *\n   * @default false\n   */\n  editing?: boolean;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 是否显示为块级元素，宽度100%\n   *\n   * @default false\n   */\n  block?:\n    | boolean\n    | {\n        /**\n         * - **EN:** Whether to display as a block-level element in view mode, with width 100%\n         * - **CN:** 只读模式是否显示为块级元素，宽度100%\n         *\n         * @default false\n         */\n        view?: boolean;\n        /**\n         * - **EN:** Whether to display as a block-level element in edit mode, with width 100%\n         * - **CN:** 编辑模式是否显示为块级元素，宽度100%\n         *\n         * @default false\n         */\n        editing?: boolean;\n      };\n  /**\n   * - **EN:** Component container class name.\n   * - **CN:** 组件容器类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Component container style.\n   * - **CN:** 组件容器样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Semantic class names.\n   * - **CN:** 语义化类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Read-only text class name\n     * - **CN:** 只读文本类名\n     */\n    text?: string;\n    /**\n     * - **EN:** Edit button class name\n     * - **CN:** 编辑按钮类名\n     */\n    editIcon?: string;\n  } & EditableFormProps<V, IT>['classNames'];\n  /**\n   * - **EN:** After saving with `onOk`, the modified value is passed out through `onChange`\n   * - **CN:** 在`onOk`保存后，通过`onChange`把修改后的值传递出去\n   */\n  onChange?: (value: V | undefined) => void;\n  /**\n   * - **EN:** Event triggered when the editing state changes\n   * - **CN:** 编辑状态改变事件\n   */\n  onEditingChange?: (editing: boolean) => void;\n  /**\n   * - **EN:** Whether to display as a block-level element, with width 100%\n   * - **CN:** 语义化样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Read-only text class name\n     * - **CN:** 只读文本类名\n     */\n    text?: CSSProperties;\n    /**\n     * - **EN:** Edit button style\n     * - **CN:** 编辑按钮样式\n     */\n    editIcon?: CSSProperties;\n  } & EditableFormProps<V, IT>['styles'];\n\n  /**\n   * - **EN:** Custom component type for rendering the text\n   * - **CN:** 自定义设置渲染文本组件的组件类型\n   *\n   * @default Typography.Text\n   */\n  textComp?: TT;\n  /**\n   * - **EN:** Text component props\n   * - **CN:** 文本组件属性\n   */\n  textProps?: TT extends 'Text'\n    ? TextProps\n    : TT extends 'Paragraph'\n      ? ParagraphProps\n      : TT extends 'Title'\n        ? TitleProps\n        : TT extends 'Link'\n          ? LinkProps\n          : never;\n  /**\n   * - **EN:** Custom edit icon\n   * - **CN:** 自定义编辑图标\n   */\n  editIcon?: ReactNode;\n  /**\n   * **EN:** Edit button vertical alignment\n   *\n   * **CN:** 编辑按钮垂直对齐方式\n   *\n   * - `start` - align to the top | 顶部对齐\n   * - `center` - align to the center | 居中对齐\n   * - `end` - align to the bottom | 底部对齐\n   * - `baseline` - align to the text baseline, useful when the text has line height set |\n   *   与文本基线对齐，在文本设置了行高时会非常有用\n   *\n   * @default 'center'\n   */\n  editIconAlign?: CSSProperties['alignItems'];\n}\n\n/**\n * - **EN:** Editable text component, providing a read-only display and an edit mode.\n * - **CN:** 可编辑文本组件，提供只读显示和编辑模式。\n *\n * @example\n *   <EditableText value=\"Editable Text\" onOk={(value) => console.log('Saved value:', value)} />;\n */\nconst EditableText = <\n  V,\n  TT extends 'Text' | 'Paragraph' | 'Title' | 'Link',\n  IT extends 'Input' | 'TextArea' | RenderInputInterface,\n>(\n  props: EditableTextProps<V, TT, IT>\n) => {\n  const {\n    prefixCls: prefixClsInProps,\n    value: valueInProps,\n    displayText: displayTextInProps,\n    editable = true,\n    editing = false,\n    className = '',\n    style = {},\n    classNames,\n    styles: styleNames,\n    block: blockInProps,\n    textComp = 'Text',\n    textProps,\n    editIcon,\n    editIconAlign = 'center',\n    children,\n    formProps,\n    formItemProps,\n    inputComp: inputCompInProps,\n    inputProps,\n    required,\n    actionAlign,\n    submitProps,\n    cancelProps,\n    onOk,\n    onCancel,\n    onChange,\n    onEditingChange,\n  } = props;\n\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('editable-text', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const t = useT();\n  const [isEditing, setIsEditing] = useState<boolean>(editing);\n  const TypographyComponent = Typography[textComp];\n  const [value, setValue] = useState(valueInProps);\n  const inputComp = inputCompInProps ?? (textComp === 'Paragraph' ? 'TextArea' : 'Input');\n  const viewBlock = typeof blockInProps === 'boolean' ? blockInProps : blockInProps?.view;\n  const editingBlock = typeof blockInProps === 'boolean' ? blockInProps : blockInProps?.editing;\n  const editableRef = React.useRef(editable);\n  editableRef.current = editable;\n  const displayText = useMemo(() => {\n    if (typeof displayTextInProps === 'function') {\n      return displayTextInProps(value);\n    }\n    return displayTextInProps ?? value?.toString();\n  }, [displayTextInProps, value]);\n\n  // value受控\n  useEffect(() => {\n    setValue(valueInProps);\n  }, [valueInProps]);\n  // editing受控\n  useEffect(() => {\n    if (editableRef.current) {\n      setIsEditing(editing);\n    }\n  }, [editing]);\n\n  // 编辑状态改变\n  const handleEditingChange = (editing: boolean) => {\n    setIsEditing(editing);\n    onEditingChange?.(editing);\n  };\n  // 提交编辑\n  const handleOk = async (val: V | undefined) => {\n    try {\n      await onOk?.(val);\n      onChange?.(val);\n      setValue(val);\n      handleEditingChange(false);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n  // 取消编辑\n  const handleCancel = async () => {\n    handleEditingChange(false);\n    await onCancel?.();\n  };\n\n  return wrapCSSVar(\n    <div className={names(prefixCls, hashId, cssVarCls, className)} style={style}>\n      {isEditing ? (\n        <div className={`${prefixCls}-edit-mode`}>\n          <EditableTextForm\n            prefixCls={prefixCls}\n            value={value}\n            required={required}\n            formProps={formProps}\n            formItemProps={formItemProps}\n            inputComp={inputComp}\n            inputProps={inputProps}\n            block={editingBlock}\n            classNames={classNames}\n            styles={styleNames}\n            actionAlign={actionAlign}\n            submitProps={submitProps}\n            cancelProps={cancelProps}\n            onOk={handleOk}\n            onCancel={handleCancel}\n          />\n        </div>\n      ) : (\n        <Flex\n          className={names(`${prefixCls}-view-mode`, {\n            [`${prefixCls}-single-line`]: textComp !== 'Paragraph',\n            [`${prefixCls}-has-children`]: !!children,\n            [`${prefixCls}-view-mode-block`]: viewBlock,\n          })}\n          align={editIconAlign}\n        >\n          <div className={`${prefixCls}-text-content`}>\n            {children ?? (\n              <TypographyComponent\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                {...(textProps as any)}\n                className={names(classNames?.text, classNames?.text, textProps?.className)}\n                style={{\n                  marginBottom: textComp === 'Title' ? 0 : undefined, // 去掉标题组件的默认下边距\n                  ...(textProps?.style ?? styleNames?.text),\n                }}\n                ellipsis={textProps?.ellipsis ?? getEllipsisConfig(displayText)}\n              >\n                {displayText}\n              </TypographyComponent>\n            )}\n          </div>\n          {/* 编辑按钮 */}\n          {editable && (\n            <div\n              className={names(`${prefixCls}-edit-icon`, classNames?.editIcon)}\n              style={styleNames?.editIcon}\n              title={t('components.EditableText.edit')}\n              onClick={() => handleEditingChange(true)}\n            >\n              {editIcon ?? <EditOutlined />}\n            </div>\n          )}\n        </Flex>\n      )}\n    </div>\n  );\n};\n\ntype EditableTextInterface = typeof EditableText & {\n  getEllipsisConfig: typeof getEllipsisConfig;\n};\n\nEditableText.getEllipsisConfig = getEllipsisConfig;\n\nexport default EditableText as EditableTextInterface;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAgE;AAChE,kBAAiC;AAMjC,wBAAkB;AAClB,mBAA6B;AAC7B,kBAAiB;AACjB,4BAA2B;AAC3B,kBAAoF;AACpF,mBAAqB;AAErB,IAAM,oBAAoB,CAAC,aAAoD;AAAA,EAC7E,SAAS;AAAA,IACP,OAAO;AAAA,IACP,cAAc,EAAE,UAAU,IAAI;AAAA,EAChC;AACF;AAoKA,IAAM,eAAe,CAKnB,UACG;AACH,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ,CAAC;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,aAAa,QAAI,yBAAW,sBAAAA,QAAe,aAAa;AAChE,QAAM,YAAY,aAAa,iBAAiB,gBAAgB;AAChE,QAAM,CAAC,YAAY,QAAQ,SAAS,QAAI,aAAAC,SAAS,SAAS;AAC1D,QAAM,QAAI,YAAAC,SAAK;AACf,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAkB,OAAO;AAC3D,QAAM,sBAAsB,uBAAW,QAAQ;AAC/C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAC/C,QAAM,YAAY,qBAAqB,aAAa,cAAc,aAAa;AAC/E,QAAM,YAAY,OAAO,iBAAiB,YAAY,eAAe,6CAAc;AACnF,QAAM,eAAe,OAAO,iBAAiB,YAAY,eAAe,6CAAc;AACtF,QAAM,cAAc,aAAAC,QAAM,OAAO,QAAQ;AACzC,cAAY,UAAU;AACtB,QAAM,kBAAc,sBAAQ,MAAM;AAChC,QAAI,OAAO,uBAAuB,YAAY;AAC5C,aAAO,mBAAmB,KAAK;AAAA,IACjC;AACA,WAAO,uBAAsB,+BAAO;AAAA,EACtC,GAAG,CAAC,oBAAoB,KAAK,CAAC;AAG9B,8BAAU,MAAM;AACd,aAAS,YAAY;AAAA,EACvB,GAAG,CAAC,YAAY,CAAC;AAEjB,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZ,QAAM,sBAAsB,CAACC,aAAqB;AAChD,iBAAaA,QAAO;AACpB,uDAAkBA;AAAA,EACpB;AAEA,QAAM,WAAW,OAAO,QAAuB;AAC7C,QAAI;AACF,aAAM,6BAAO;AACb,2CAAW;AACX,eAAS,GAAG;AACZ,0BAAoB,KAAK;AAAA,IAC3B,SAAS,OAAP;AACA,cAAQ,MAAM,KAAK;AAAA,IACrB;AAAA,EACF;AAEA,QAAM,eAAe,YAAY;AAC/B,wBAAoB,KAAK;AACzB,WAAM;AAAA,EACR;AAEA,SAAO;AAAA,IACL,6BAAAD,QAAA,cAAC,SAAI,eAAW,kBAAAE,SAAM,WAAW,QAAQ,WAAW,SAAS,GAAG,SAC7D,YACC,6BAAAF,QAAA,cAAC,SAAI,WAAW,GAAG,yBACjB,6BAAAA,QAAA;AAAA,MAAC,YAAAG;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,UAAU;AAAA;AAAA,IACZ,CACF,IAEA,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,kBAAAE,SAAM,GAAG,uBAAuB;AAAA,UACzC,CAAC,GAAG,uBAAuB,GAAG,aAAa;AAAA,UAC3C,CAAC,GAAG,wBAAwB,GAAG,CAAC,CAAC;AAAA,UACjC,CAAC,GAAG,2BAA2B,GAAG;AAAA,QACpC,CAAC;AAAA,QACD,OAAO;AAAA;AAAA,MAEP,6BAAAF,QAAA,cAAC,SAAI,WAAW,GAAG,4BAChB,YACC,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UAEE,GAAI;AAAA,UACL,eAAW,kBAAAE,SAAM,yCAAY,MAAM,yCAAY,MAAM,uCAAW,SAAS;AAAA,UACzE,OAAO;AAAA,YACL,cAAc,aAAa,UAAU,IAAI;AAAA;AAAA,YACzC,IAAI,uCAAW,WAAS,yCAAY;AAAA,UACtC;AAAA,UACA,WAAU,uCAAW,aAAY,kBAAkB,WAAW;AAAA;AAAA,QAE7D;AAAA,MACH,CAEJ;AAAA,MAEC,YACC,6BAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW,kBAAAE,SAAM,GAAG,uBAAuB,yCAAY,QAAQ;AAAA,UAC/D,OAAO,yCAAY;AAAA,UACnB,OAAO,EAAE,8BAA8B;AAAA,UACvC,SAAS,MAAM,oBAAoB,IAAI;AAAA;AAAA,QAEtC,YAAY,6BAAAF,QAAA,cAAC,+BAAa;AAAA,MAC7B;AAAA,IAEJ,CAEJ;AAAA,EACF;AACF;AAMA,aAAa,oBAAoB;AAEjC,IAAO,uBAAQ;",
+  "names": ["ConfigProvider", "useStyle", "useT", "React", "editing", "names", "EditableTextForm"]
 }

package/lib/components/FloatDrawer/index.d.ts

@@ -1,6 +1,10 @@
 import type { CSSProperties, FC, ReactNode } from 'react';
 import type { CardProps } from 'antd';
 export interface FloatDrawerProps {
+    /**
+     * - **EN:** Custom prefix for the component's CSS class.
+     * - **CN:** 组件的自定义 CSS 类前缀。
+     */
     prefixCls?: string;
     /**
      * - **EN:** Whether the drawer is open
@@ -53,16 +57,22 @@ export interface FloatDrawerProps {
     /**
      * - **EN:** Whether to show the toggle button, default is `true`.
      * - **CN:** 是否显示展开/收起按钮，默认`true`。
+     *
+     * @default true
      */
     showToggle?: boolean;
     /**
      * - **EN:** Whether the drawer is resizable, default is `true`.
      * - **CN:** 抽屉是否可调整大小, 默认`true`。
+     *
+     * @default true
      */
     resizable?: boolean;
     /**
      * - **EN:** Whether to destroy the drawer content when closed, default is `false`.
      * - **CN:** 抽屉关闭时是否销毁内容，默认`false`。
+     *
+     * @default false
      */
     destroyOnClose?: boolean;
     /**

package/lib/components/FloatDrawer/index.js

@@ -37,6 +37,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_icons = require("@ant-design/icons");
 var import_useRefFunction = __toESM(require("../../hooks/useRefFunction"));
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
 var import_style = __toESM(require("./style"));
 var FloatDrawer = (props) => {
   const {
@@ -61,8 +62,8 @@ var FloatDrawer = (props) => {
     onResize,
     onClick
   } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("easy-float-drawer", prefixClsInProps);
+  const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls("float-drawer", prefixClsInProps);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls);
   const [drawerRef, setDrawerRef] = (0, import_react.useState)(null);
   const [size, setSize] = (0, import_react.useState)(

package/lib/components/FloatDrawer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FloatDrawer/index.tsx"],
-  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { CardProps } from 'antd';\nimport { Card, ConfigProvider } from 'antd';\nimport classNames from 'classnames';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport useStyle from './style';\n\nexport interface FloatDrawerProps {\n  prefixCls?: string;\n  /**\n   * - **EN:** Whether the drawer is open\n   * - **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * - **EN:** Position of the drawer\n   * - **CN:** 抽屉的位置\n   *\n   * @default 'right'\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * - **EN:** Default size of the drawer. If the drawer is placed on the left or right, this is the\n   *   width, otherwise it is the height. If not set, the drawer will adapt to the content size.\n   * - **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。不设置时，抽屉会根据内容自适应大小。\n   */\n  defaultSize?: number;\n  /**\n   * - **EN:** Minimum size of the drawer\n   * - **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * - **EN:** Maximum size of the drawer\n   * - **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * - **EN:** Offset of the drawer from the edge of the screen, supports all CSS length units,\n   *   default is `0`.\n   *\n   * > The drawer will be hidden outside the parent container's edge, but since the parent container\n   * > may have padding or border, the drawer may not be completely hidden. You can adjust the\n   * > `edgeOffset` to ensure the drawer is completely hidden outside the parent container.\n   *\n   * - **CN:** 抽屉距离屏幕边缘的偏移量，支持所有的CSS长度单位, 默认`0`。\n   *\n   * > 抽屉会隐藏在父容器的外边缘, 但由于父容器可能有padding或border, 导致抽屉不能完全隐藏, 因此可以通过设置 `edgeOffset` 来调整抽屉的偏移量,\n   * > 以确保抽屉完全隐藏在父容器之外。\n   *\n   * @default 0\n   */\n  edgeOffset?: CSSProperties['width'];\n  /**\n   * - **EN:** Whether to show the toggle button, default is `true`.\n   * - **CN:** 是否显示展开/收起按钮，默认`true`。\n   */\n  showToggle?: boolean;\n  /**\n   * - **EN:** Whether the drawer is resizable, default is `true`.\n   * - **CN:** 抽屉是否可调整大小, 默认`true`。\n   */\n  resizable?: boolean;\n  /**\n   * - **EN:** Whether to destroy the drawer content when closed, default is `false`.\n   * - **CN:** 抽屉关闭时是否销毁内容，默认`false`。\n   */\n  destroyOnClose?: boolean;\n  /**\n   * - **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   *   cached.\n   * - **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom class names for specific elements\n   * - **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Class name for the drawer element\n     * - **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * - **EN:** Class name for the expand handle\n     * - **CN:** 展开手柄的类名\n     */\n    toggle?: string;\n    /**\n     * - **EN:** Class name for the resize handle\n     * - **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * - **EN:** Class name for the handle icon\n     * - **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * - **EN:** Class name for the content area\n     * - **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * - **EN:** Class name for the card element\n     * - **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom styles for specific elements\n   * - **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Styles for the drawer element\n     * - **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * - **EN:** Styles for the expand handle\n     * - **CN:** 展开手柄的样式\n     */\n    toggle?: CSSProperties;\n    /**\n     * - **EN:** Styles for the resize handle\n     * - **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * - **EN:** Styles for the handle icon\n     * - **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * - **EN:** Styles for the content area\n     * - **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * - **EN:** Styles for the card element\n     * - **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * - **EN:** Custom properties for the card element\n   * - **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * - **EN:** Content to be rendered inside the drawer\n   * - **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * - **EN:** Callback function when the open state changes\n   * - **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * - **EN:** Callback function when the drawer is resized\n   * - **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n  /**\n   * - **EN:** Event handler for click events on the drawer container and its internal elements\n   * - **CN:** 点击抽屉容器及内部元素时的事件\n   */\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\n/**\n * - **EN:** FloatDrawer component for creating a draggable, resizable drawer\n * - **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    prefixCls: prefixClsInProps,\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize,\n    minSize = 0,\n    maxSize = +Infinity,\n    edgeOffset,\n    showToggle = true,\n    resizable = true,\n    destroyOnClose = false,\n    onOpenChange,\n    onResize,\n    onClick,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('easy-float-drawer', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [drawerRef, setDrawerRef] = useState<HTMLDivElement | null>(null);\n  const [size, setSize] = useState(\n    cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize\n  );\n  const sizeMap = useMemo(() => {\n    const type = position === 'left' || position === 'right' ? 'width' : 'height';\n    return {\n      [type]: size,\n    };\n  }, [position, size]);\n  const [isOpen, setIsOpen] = useState<boolean>();\n  const [isDragging, setIsDragging] = useState(false);\n  const dragStartPos = useRef<number>(0);\n  const dragStartSize = useRef<number>(size);\n  const classString = classNames(\n    prefixCls,\n    className,\n    {\n      [`${prefixCls}-open`]: isOpen,\n      [`${prefixCls}-closed`]: !isOpen,\n      [`${prefixCls}-${position}`]: position,\n    },\n    hashId,\n    cssVarCls\n  );\n  const closeIcon = useMemo(() => {\n    return position === 'left' ? (\n      <RightOutlined />\n    ) : position === 'top' ? (\n      <DownOutlined />\n    ) : position === 'bottom' ? (\n      <UpOutlined />\n    ) : (\n      <LeftOutlined />\n    );\n  }, [position]);\n  const openIcon = useMemo(() => {\n    return position === 'left' ? (\n      <LeftOutlined />\n    ) : position === 'top' ? (\n      <UpOutlined />\n    ) : position === 'bottom' ? (\n      <DownOutlined />\n    ) : (\n      <RightOutlined />\n    );\n  }, [position]);\n\n  // Handle drawer visibility\n  const toggleDrawer = () => {\n    setIsOpen(!isOpen);\n    onOpenChange?.(!isOpen);\n  };\n\n  // Handle resize events\n  const handleResizeStart = useRefFunction((e: React.MouseEvent) => {\n    setIsDragging(true);\n    if (position === 'top' || position === 'bottom') {\n      dragStartPos.current = e.clientY;\n    } else {\n      dragStartPos.current = e.clientX;\n    }\n    dragStartSize.current = size;\n    e.preventDefault();\n  });\n  const handleResize = useRefFunction((e: MouseEvent) => {\n    if (isDragging && dragStartSize.current) {\n      let newSize: number;\n      if (position === 'left') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientX);\n      } else if (position === 'top') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientY);\n      } else if (position === 'bottom') {\n        newSize = dragStartSize.current - (e.clientY - dragStartPos.current);\n      } else {\n        newSize = dragStartSize.current - (e.clientX - dragStartPos.current);\n      }\n      if (newSize >= minSize && newSize <= maxSize) {\n        setSize(newSize);\n        if (cacheKey) {\n          localStorage.setItem(cacheKey, String(newSize));\n        }\n        onResize?.(newSize);\n      }\n    }\n  });\n  const handleResizeEnd = useRefFunction(() => {\n    setIsDragging(false);\n  });\n\n  // Monitor drawer ref, calculate size if not set\n  // This is useful for initial rendering when size is not provided\n  useEffect(() => {\n    if (drawerRef && size === undefined) {\n      const rect = drawerRef.getBoundingClientRect();\n      setSize(position === 'left' || position === 'right' ? rect.width : rect.height);\n    }\n  }, [drawerRef, position, size]);\n\n  // Controlled open state\n  useEffect(() => {\n    setIsOpen(open);\n  }, [open]);\n\n  // Handle global events\n  useEffect(() => {\n    if (isDragging) {\n      window.addEventListener('mousemove', handleResize);\n      window.addEventListener('mouseup', handleResizeEnd);\n    } else {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    };\n  }, [isDragging]);\n\n  return wrapCSSVar(\n    <div\n      className={classString}\n      style={{\n        // @ts-expect-error: because of dynamic CSS variables\n        '--edge-offset': typeof edgeOffset === 'number' ? `${edgeOffset}px` : edgeOffset,\n        ...style,\n      }}\n      onClick={onClick}\n    >\n      <div\n        ref={setDrawerRef}\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\n        {resizable && (\n          <div\n            className={classNames(\n              `${prefixCls}-resize-handle`,\n              isDragging && `${prefixCls}-resize-handle-dragging`,\n              classNamesInProps?.resizeHandle\n            )}\n            style={styles?.resizeHandle}\n            onMouseDown={handleResizeStart}\n          />\n        )}\n        <div className={classNames(`${prefixCls}-content`, classNamesInProps?.content)} style={styles?.content}>\n          <Card\n            bordered={false}\n            variant=\"borderless\"\n            className={classNames(`${prefixCls}-card`, classNamesInProps?.card)}\n            style={styles?.card}\n            {...cardProps}\n          >\n            {!destroyOnClose || isOpen ? children : null}\n          </Card>\n        </div>\n        {showToggle && (\n          <div\n            className={classNames(`${prefixCls}-toggle`, classNamesInProps?.toggle)}\n            style={styles?.toggle}\n            onClick={toggleDrawer}\n          >\n            <div\n              className={classNames(`${prefixCls}-handle-icon`, classNamesInProps?.handleIcon)}\n              style={styles?.handleIcon}\n            >\n              {isOpen ? openIcon : closeIcon}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],
-  "mappings": "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",
-  "names": ["useStyle", "classNames", "useRefFunction"]
+  "sourcesContent": ["import type { CSSProperties, FC, ReactNode } from 'react';\nimport { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { CardProps } from 'antd';\nimport { Card } from 'antd';\nimport classNames from 'classnames';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';\nimport useRefFunction from '../../hooks/useRefFunction';\nimport ConfigProvider from '../ConfigProvider';\nimport useStyle from './style';\n\nexport interface FloatDrawerProps {\n  /**\n   * - **EN:** Custom prefix for the component's CSS class.\n   * - **CN:** 组件的自定义 CSS 类前缀。\n   */\n  prefixCls?: string;\n  /**\n   * - **EN:** Whether the drawer is open\n   * - **CN:** 抽屉是否打开\n   */\n  open?: boolean;\n  /**\n   * - **EN:** Position of the drawer\n   * - **CN:** 抽屉的位置\n   *\n   * @default 'right'\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * - **EN:** Default size of the drawer. If the drawer is placed on the left or right, this is the\n   *   width, otherwise it is the height. If not set, the drawer will adapt to the content size.\n   * - **CN:** 抽屉的默认宽度。如果抽屉放在左侧或右侧，则为宽度，否则为高度。不设置时，抽屉会根据内容自适应大小。\n   */\n  defaultSize?: number;\n  /**\n   * - **EN:** Minimum size of the drawer\n   * - **CN:** 抽屉的最小宽度\n   *\n   * @default 0\n   */\n  minSize?: number;\n  /**\n   * - **EN:** Maximum size of the drawer\n   * - **CN:** 抽屉的最大宽度\n   *\n   * @default Infinity\n   */\n  maxSize?: number;\n  /**\n   * - **EN:** Offset of the drawer from the edge of the screen, supports all CSS length units,\n   *   default is `0`.\n   *\n   * > The drawer will be hidden outside the parent container's edge, but since the parent container\n   * > may have padding or border, the drawer may not be completely hidden. You can adjust the\n   * > `edgeOffset` to ensure the drawer is completely hidden outside the parent container.\n   *\n   * - **CN:** 抽屉距离屏幕边缘的偏移量，支持所有的CSS长度单位, 默认`0`。\n   *\n   * > 抽屉会隐藏在父容器的外边缘, 但由于父容器可能有padding或border, 导致抽屉不能完全隐藏, 因此可以通过设置 `edgeOffset` 来调整抽屉的偏移量,\n   * > 以确保抽屉完全隐藏在父容器之外。\n   *\n   * @default 0\n   */\n  edgeOffset?: CSSProperties['width'];\n  /**\n   * - **EN:** Whether to show the toggle button, default is `true`.\n   * - **CN:** 是否显示展开/收起按钮，默认`true`。\n   *\n   * @default true\n   */\n  showToggle?: boolean;\n  /**\n   * - **EN:** Whether the drawer is resizable, default is `true`.\n   * - **CN:** 抽屉是否可调整大小, 默认`true`。\n   *\n   * @default true\n   */\n  resizable?: boolean;\n  /**\n   * - **EN:** Whether to destroy the drawer content when closed, default is `false`.\n   * - **CN:** 抽屉关闭时是否销毁内容，默认`false`。\n   *\n   * @default false\n   */\n  destroyOnClose?: boolean;\n  /**\n   * - **EN:** Cache key for storing the drawer size in localStorage. If not set, the size will not be\n   *   cached.\n   * - **CN:** 指定一个localStorage缓存键，用于记忆抽屉宽度。如果不设置，则不使用缓存。\n   */\n  cacheKey?: string;\n  /**\n   * - **EN:** Custom class name for the root element\n   * - **CN:** 根元素的自定义类名\n   */\n  className?: string;\n  /**\n   * - **EN:** Custom class names for specific elements\n   * - **CN:** 特定元素的自定义类名\n   */\n  classNames?: {\n    /**\n     * - **EN:** Class name for the drawer element\n     * - **CN:** 抽屉元素的类名\n     */\n    drawer?: string;\n    /**\n     * - **EN:** Class name for the expand handle\n     * - **CN:** 展开手柄的类名\n     */\n    toggle?: string;\n    /**\n     * - **EN:** Class name for the resize handle\n     * - **CN:** 调整大小手柄的类名\n     */\n    resizeHandle?: string;\n    /**\n     * - **EN:** Class name for the handle icon\n     * - **CN:** 手柄图标的类名\n     */\n    handleIcon?: string;\n    /**\n     * - **EN:** Class name for the content area\n     * - **CN:** 内容区域的类名\n     */\n    content?: string;\n    /**\n     * - **EN:** Class name for the card element\n     * - **CN:** 卡片元素的类名\n     */\n    card?: string;\n  };\n  /**\n   * - **EN:** Custom styles for the root element\n   * - **CN:** 根元素的自定义样式\n   */\n  style?: CSSProperties;\n  /**\n   * - **EN:** Custom styles for specific elements\n   * - **CN:** 特定元素的自定义样式\n   */\n  styles?: {\n    /**\n     * - **EN:** Styles for the drawer element\n     * - **CN:** 抽屉元素的样式\n     */\n    drawer?: CSSProperties;\n    /**\n     * - **EN:** Styles for the expand handle\n     * - **CN:** 展开手柄的样式\n     */\n    toggle?: CSSProperties;\n    /**\n     * - **EN:** Styles for the resize handle\n     * - **CN:** 调整大小手柄的样式\n     */\n    resizeHandle?: CSSProperties;\n    /**\n     * - **EN:** Styles for the handle icon\n     * - **CN:** 手柄图标的样式\n     */\n    handleIcon?: CSSProperties;\n    /**\n     * - **EN:** Styles for the content area\n     * - **CN:** 内容区域的样式\n     */\n    content?: CSSProperties;\n    /**\n     * - **EN:** Styles for the card element\n     * - **CN:** 卡片元素的样式\n     */\n    card?: CSSProperties;\n  };\n  /**\n   * - **EN:** Custom properties for the card element\n   * - **CN:** 卡片元素的自定义属性\n   */\n  cardProps?: Omit<CardProps, 'children'>;\n  /**\n   * - **EN:** Content to be rendered inside the drawer\n   * - **CN:** 抽屉内容\n   */\n  children?: ReactNode;\n  /**\n   * - **EN:** Callback function when the open state changes\n   * - **CN:** 打开状态变化时的回调函数\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * - **EN:** Callback function when the drawer is resized\n   * - **CN:** 抽屉调整大小时的回调函数\n   */\n  onResize?: (size: number) => void;\n  /**\n   * - **EN:** Event handler for click events on the drawer container and its internal elements\n   * - **CN:** 点击抽屉容器及内部元素时的事件\n   */\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\n/**\n * - **EN:** FloatDrawer component for creating a draggable, resizable drawer\n * - **CN:** FloatDrawer组件，用于创建可拖动、可调整大小的抽屉\n */\nconst FloatDrawer: FC<FloatDrawerProps> = (props) => {\n  const {\n    prefixCls: prefixClsInProps,\n    open,\n    position = 'right',\n    cardProps,\n    children,\n    className,\n    classNames: classNamesInProps,\n    style,\n    styles,\n    cacheKey,\n    defaultSize,\n    minSize = 0,\n    maxSize = +Infinity,\n    edgeOffset,\n    showToggle = true,\n    resizable = true,\n    destroyOnClose = false,\n    onOpenChange,\n    onResize,\n    onClick,\n  } = props;\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const prefixCls = getPrefixCls('float-drawer', prefixClsInProps);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n  const [drawerRef, setDrawerRef] = useState<HTMLDivElement | null>(null);\n  const [size, setSize] = useState(\n    cacheKey && localStorage.getItem(cacheKey) ? Number(localStorage.getItem(cacheKey)) || defaultSize : defaultSize\n  );\n  const sizeMap = useMemo(() => {\n    const type = position === 'left' || position === 'right' ? 'width' : 'height';\n    return {\n      [type]: size,\n    };\n  }, [position, size]);\n  const [isOpen, setIsOpen] = useState<boolean>();\n  const [isDragging, setIsDragging] = useState(false);\n  const dragStartPos = useRef<number>(0);\n  const dragStartSize = useRef<number>(size);\n  const classString = classNames(\n    prefixCls,\n    className,\n    {\n      [`${prefixCls}-open`]: isOpen,\n      [`${prefixCls}-closed`]: !isOpen,\n      [`${prefixCls}-${position}`]: position,\n    },\n    hashId,\n    cssVarCls\n  );\n  const closeIcon = useMemo(() => {\n    return position === 'left' ? (\n      <RightOutlined />\n    ) : position === 'top' ? (\n      <DownOutlined />\n    ) : position === 'bottom' ? (\n      <UpOutlined />\n    ) : (\n      <LeftOutlined />\n    );\n  }, [position]);\n  const openIcon = useMemo(() => {\n    return position === 'left' ? (\n      <LeftOutlined />\n    ) : position === 'top' ? (\n      <UpOutlined />\n    ) : position === 'bottom' ? (\n      <DownOutlined />\n    ) : (\n      <RightOutlined />\n    );\n  }, [position]);\n\n  // Handle drawer visibility\n  const toggleDrawer = () => {\n    setIsOpen(!isOpen);\n    onOpenChange?.(!isOpen);\n  };\n\n  // Handle resize events\n  const handleResizeStart = useRefFunction((e: React.MouseEvent) => {\n    setIsDragging(true);\n    if (position === 'top' || position === 'bottom') {\n      dragStartPos.current = e.clientY;\n    } else {\n      dragStartPos.current = e.clientX;\n    }\n    dragStartSize.current = size;\n    e.preventDefault();\n  });\n  const handleResize = useRefFunction((e: MouseEvent) => {\n    if (isDragging && dragStartSize.current) {\n      let newSize: number;\n      if (position === 'left') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientX);\n      } else if (position === 'top') {\n        newSize = dragStartSize.current - (dragStartPos.current - e.clientY);\n      } else if (position === 'bottom') {\n        newSize = dragStartSize.current - (e.clientY - dragStartPos.current);\n      } else {\n        newSize = dragStartSize.current - (e.clientX - dragStartPos.current);\n      }\n      if (newSize >= minSize && newSize <= maxSize) {\n        setSize(newSize);\n        if (cacheKey) {\n          localStorage.setItem(cacheKey, String(newSize));\n        }\n        onResize?.(newSize);\n      }\n    }\n  });\n  const handleResizeEnd = useRefFunction(() => {\n    setIsDragging(false);\n  });\n\n  // Monitor drawer ref, calculate size if not set\n  // This is useful for initial rendering when size is not provided\n  useEffect(() => {\n    if (drawerRef && size === undefined) {\n      const rect = drawerRef.getBoundingClientRect();\n      setSize(position === 'left' || position === 'right' ? rect.width : rect.height);\n    }\n  }, [drawerRef, position, size]);\n\n  // Controlled open state\n  useEffect(() => {\n    setIsOpen(open);\n  }, [open]);\n\n  // Handle global events\n  useEffect(() => {\n    if (isDragging) {\n      window.addEventListener('mousemove', handleResize);\n      window.addEventListener('mouseup', handleResizeEnd);\n    } else {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleResize);\n      window.removeEventListener('mouseup', handleResizeEnd);\n    };\n  }, [isDragging]);\n\n  return wrapCSSVar(\n    <div\n      className={classString}\n      style={{\n        // @ts-expect-error: because of dynamic CSS variables\n        '--edge-offset': typeof edgeOffset === 'number' ? `${edgeOffset}px` : edgeOffset,\n        ...style,\n      }}\n      onClick={onClick}\n    >\n      <div\n        ref={setDrawerRef}\n        className={classNames(`${prefixCls}-drawer`, classNamesInProps?.drawer)}\n        style={{ ...sizeMap, ...styles?.drawer }}\n      >\n        {resizable && (\n          <div\n            className={classNames(\n              `${prefixCls}-resize-handle`,\n              isDragging && `${prefixCls}-resize-handle-dragging`,\n              classNamesInProps?.resizeHandle\n            )}\n            style={styles?.resizeHandle}\n            onMouseDown={handleResizeStart}\n          />\n        )}\n        <div className={classNames(`${prefixCls}-content`, classNamesInProps?.content)} style={styles?.content}>\n          <Card\n            bordered={false}\n            variant=\"borderless\"\n            className={classNames(`${prefixCls}-card`, classNamesInProps?.card)}\n            style={styles?.card}\n            {...cardProps}\n          >\n            {!destroyOnClose || isOpen ? children : null}\n          </Card>\n        </div>\n        {showToggle && (\n          <div\n            className={classNames(`${prefixCls}-toggle`, classNamesInProps?.toggle)}\n            style={styles?.toggle}\n            onClick={toggleDrawer}\n          >\n            <div\n              className={classNames(`${prefixCls}-handle-icon`, classNamesInProps?.handleIcon)}\n              style={styles?.handleIcon}\n            >\n              {isOpen ? openIcon : closeIcon}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default FloatDrawer;\n"],
+  "mappings": "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",
+  "names": ["ConfigProvider", "useStyle", "classNames", "useRefFunction"]
 }

package/lib/components/FloatDrawer/style/index.js

@@ -243,5 +243,5 @@ var genStyle = (token) => {
     }
   };
 };
-var style_default = (0, import_genStyleUtils.genStyleHooks)("EasyFloatDrawer", genStyle);
+var style_default = (0, import_genStyleUtils.genStyleHooks)("FloatDrawer", genStyle);
 //# sourceMappingURL=index.js.map

package/lib/components/FloatDrawer/style/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/FloatDrawer/style/index.ts"],
-  "sourcesContent": ["import type { AliasToken, GenerateStyle } from 'antd/es/theme/interface';\nimport { genStyleHooks } from 'antd/es/theme/util/genStyleUtils';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\nimport { FastColor } from '@ant-design/fast-color';\nimport { getColorLuminance } from '../../../utils';\n\ntype REFloatDrawerToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<REFloatDrawerToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      position: 'absolute',\n      display: 'flex',\n      overflow: 'visible',\n      ['&-left']: {\n        left: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-right']: {\n        right: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-top']: {\n        left: 0,\n        right: 0,\n        top: 0,\n      },\n      ['&-bottom']: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n\n      [`&${componentCls}-open`]: {\n        // visibility: 'visible',\n      },\n      [`&${componentCls}-closed`]: {\n        pointerEvents: 'none',\n      },\n      [`${componentCls}-drawer`]: {\n        transition: 'transform 0.3s ease-in-out',\n        overflow: 'visible',\n      },\n      [`&${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-right ${componentCls}-drawer`]: {\n        height: '100%',\n      },\n      [`&${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-bottom ${componentCls}-drawer`]: {\n        width: '100%',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translate(0, 0)',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {\n        // On the left side: the shadow casts to the right\n        boxShadow: `2px 0 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 1.5px 0 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {\n        // On the right side: the shadow casts to the left\n        boxShadow: `-2px 0 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, -1.5px 0 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {\n        // On the top side: the shadow casts downward\n        boxShadow: `0 2px 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 0 1.5px 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        // On the bottom side: the shadow casts upward\n        boxShadow: `0 -2px 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 0 -1.5px 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {\n        transform: 'translateX(calc(-100% - var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {\n        transform: 'translateX(calc(100% + var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {\n        transform: 'translateY(calc(-100% - var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translateY(calc(100% + var(--edge-offset, 0px)))',\n      },\n      [`${componentCls}-toggle`]: {\n        position: 'absolute',\n        zIndex: 2,\n        cursor: 'pointer',\n        color: token.colorTextTertiary,\n        backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a',\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-toggle,\n        &${componentCls}-right ${componentCls}-toggle`]: {\n        top: '50%',\n        width: 24,\n        height: 60,\n      },\n      [`&${componentCls}-top ${componentCls}-toggle,\n        &${componentCls}-bottom ${componentCls}-toggle`]: {\n        left: '50%',\n        width: 60,\n        height: 24,\n      },\n      [`&${componentCls}-left ${componentCls}-toggle`]: {\n        right: 0,\n        transform: 'translate(100%, -50%)',\n        borderRadius: '0 8px 8px 0',\n        // On the left side: the shadow casts to the right and upward/downward in half size\n        boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-right ${componentCls}-toggle`]: {\n        left: 0,\n        transform: 'translate(-100%, -50%)',\n        borderRadius: '8px 0 0 8px',\n        // On the right side: the shadow casts to the left and upward/downward in half size\n        boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        -4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          -4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-top ${componentCls}-toggle`]: {\n        bottom: 0,\n        transform: 'translate(-50%, 100%)',\n        borderRadius: '0 0 8px 8px',\n        // On the top side: the shadow casts downward and left/right in half size\n        boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   0px 4px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   0px 4px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-bottom ${componentCls}-toggle`]: {\n        top: 0,\n        transform: 'translate(-50%, -100%)',\n        borderRadius: '8px 8px 0 0',\n        // On the bottom side: the shadow casts upward and left/right in half size\n        boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   0px -4px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   0px -4px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`${componentCls}-handle-icon`]: {\n        userSelect: 'none',\n        lineHeight: 0,\n      },\n      [`${componentCls}-resize-handle`]: {\n        position: 'absolute',\n        border: `1px solid transparent`,\n        zIndex: 1,\n        backgroundColor: token.colorBgTextHover,\n        '&:hover': {\n          backgroundColor: token.colorBgTextActive,\n        },\n        '&&-dragging': {\n          backgroundColor: token.colorBgTextActive,\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-resize-handle`]: {\n        right: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-right ${componentCls}-resize-handle`]: {\n        left: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-top ${componentCls}-resize-handle`]: {\n        bottom: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {\n        top: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`${componentCls}-content`]: {\n        height: '100%',\n        [`${componentCls}-card`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          height: '100%',\n\n          [`${token.antCls}-card-body`]: {\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('EasyFloatDrawer' as never, genStyle);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { AliasToken, GenerateStyle } from 'antd/es/theme/interface';\nimport { genStyleHooks } from 'antd/es/theme/util/genStyleUtils';\nimport type { CSSObject } from '@ant-design/cssinjs';\nimport type { FullToken } from '@ant-design/cssinjs-utils';\nimport { FastColor } from '@ant-design/fast-color';\nimport { getColorLuminance } from '../../../utils';\n\ntype FloatDrawerToken = FullToken<{ ''?: object }, AliasToken, ''>;\n\nconst genStyle: GenerateStyle<FloatDrawerToken> = (token): CSSObject => {\n  const { componentCls } = token;\n  return {\n    [componentCls]: {\n      position: 'absolute',\n      display: 'flex',\n      overflow: 'visible',\n      ['&-left']: {\n        left: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-right']: {\n        right: 0,\n        top: 0,\n        bottom: 0,\n      },\n      ['&-top']: {\n        left: 0,\n        right: 0,\n        top: 0,\n      },\n      ['&-bottom']: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n\n      [`&${componentCls}-open`]: {\n        // visibility: 'visible',\n      },\n      [`&${componentCls}-closed`]: {\n        pointerEvents: 'none',\n      },\n      [`${componentCls}-drawer`]: {\n        transition: 'transform 0.3s ease-in-out',\n        overflow: 'visible',\n      },\n      [`&${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-right ${componentCls}-drawer`]: {\n        height: '100%',\n      },\n      [`&${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-bottom ${componentCls}-drawer`]: {\n        width: '100%',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-right ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-top ${componentCls}-drawer,\n        &${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translate(0, 0)',\n      },\n      [`&${componentCls}-open${componentCls}-left ${componentCls}-drawer`]: {\n        // On the left side: the shadow casts to the right\n        boxShadow: `2px 0 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 1.5px 0 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-right ${componentCls}-drawer`]: {\n        // On the right side: the shadow casts to the left\n        boxShadow: `-2px 0 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, -1.5px 0 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-top ${componentCls}-drawer`]: {\n        // On the top side: the shadow casts downward\n        boxShadow: `0 2px 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 0 1.5px 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-open${componentCls}-bottom ${componentCls}-drawer`]: {\n        // On the bottom side: the shadow casts upward\n        boxShadow: `0 -2px 12px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, 0 -1.5px 6px ${new FastColor(token.colorTextBase).setA(0.02).toRgbString()}`,\n      },\n      [`&${componentCls}-closed${componentCls}-left ${componentCls}-drawer`]: {\n        transform: 'translateX(calc(-100% - var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-right ${componentCls}-drawer`]: {\n        transform: 'translateX(calc(100% + var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-top ${componentCls}-drawer`]: {\n        transform: 'translateY(calc(-100% - var(--edge-offset, 0px)))',\n      },\n      [`&${componentCls}-closed${componentCls}-bottom ${componentCls}-drawer`]: {\n        transform: 'translateY(calc(100% + var(--edge-offset, 0px)))',\n      },\n      [`${componentCls}-toggle`]: {\n        position: 'absolute',\n        zIndex: 2,\n        cursor: 'pointer',\n        color: token.colorTextTertiary,\n        backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#fafafa' : '#141414',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'all',\n        '&:hover': {\n          color: token.colorText,\n          backgroundColor: getColorLuminance(token.colorBgBase) > 0.5 ? '#f0f0f0' : '#1a1a1a',\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-toggle,\n        &${componentCls}-right ${componentCls}-toggle`]: {\n        top: '50%',\n        width: 24,\n        height: 60,\n      },\n      [`&${componentCls}-top ${componentCls}-toggle,\n        &${componentCls}-bottom ${componentCls}-toggle`]: {\n        left: '50%',\n        width: 60,\n        height: 24,\n      },\n      [`&${componentCls}-left ${componentCls}-toggle`]: {\n        right: 0,\n        transform: 'translate(100%, -50%)',\n        borderRadius: '0 8px 8px 0',\n        // On the left side: the shadow casts to the right and upward/downward in half size\n        boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-right ${componentCls}-toggle`]: {\n        left: 0,\n        transform: 'translate(-100%, -50%)',\n        borderRadius: '8px 0 0 8px',\n        // On the right side: the shadow casts to the left and upward/downward in half size\n        boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n        -4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `0px 2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          0px -2px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n          -4px 0px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-top ${componentCls}-toggle`]: {\n        bottom: 0,\n        transform: 'translate(-50%, 100%)',\n        borderRadius: '0 0 8px 8px',\n        // On the top side: the shadow casts downward and left/right in half size\n        boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   0px 4px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   0px 4px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`&${componentCls}-bottom ${componentCls}-toggle`]: {\n        top: 0,\n        transform: 'translate(-50%, -100%)',\n        borderRadius: '8px 8px 0 0',\n        // On the bottom side: the shadow casts upward and left/right in half size\n        boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.08).toRgbString()}, \n                   0px -4px 8px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}`,\n        '&:hover': {\n          boxShadow: `2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   -2px 0px 4px ${new FastColor(token.colorTextBase).setA(0.1).toRgbString()}, \n                   0px -4px 8px ${new FastColor(token.colorTextBase).setA(0.12).toRgbString()}`,\n        },\n      },\n      [`${componentCls}-handle-icon`]: {\n        userSelect: 'none',\n        lineHeight: 0,\n      },\n      [`${componentCls}-resize-handle`]: {\n        position: 'absolute',\n        border: `1px solid transparent`,\n        zIndex: 1,\n        backgroundColor: token.colorBgTextHover,\n        '&:hover': {\n          backgroundColor: token.colorBgTextActive,\n        },\n        '&&-dragging': {\n          backgroundColor: token.colorBgTextActive,\n        },\n      },\n      [`&${componentCls}-left ${componentCls}-resize-handle`]: {\n        right: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-right ${componentCls}-resize-handle`]: {\n        left: 0,\n        width: 1,\n        height: '100%',\n        cursor: 'col-resize',\n      },\n      [`&${componentCls}-top ${componentCls}-resize-handle`]: {\n        bottom: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`&${componentCls}-bottom ${componentCls}-resize-handle`]: {\n        top: 0,\n        height: 1,\n        width: '100%',\n        cursor: 'row-resize',\n      },\n      [`${componentCls}-content`]: {\n        height: '100%',\n        [`${componentCls}-card`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          height: '100%',\n\n          [`${token.antCls}-card-body`]: {\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n          },\n        },\n      },\n    },\n  };\n};\n\nexport default genStyleHooks('FloatDrawer' as never, genStyle);\n"],
+  "mappings": "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",
   "names": []
 }

package/lib/components/Iconfont/createIconfont.d.ts

@@ -0,0 +1,28 @@
+import { type CSSProperties, type FC } from 'react';
+import type { IconFontProps as AntIconFontProps } from '@ant-design/icons/es/components/IconFont';
+/**
+ * - **EN:** Props for the Iconfont component
+ * - **CN:** Iconfont 组件的props
+ */
+export interface IconfontProps<T extends string = string> extends Omit<AntIconFontProps<T>, 'type' | 'size'> {
+    /**
+     * - **EN:** Icon name. Find an icon in iconfont and click `Copy Code`
+     * - **CN:** 图标名称。在 iconfont 中找到某个图标，点击`复制代码`
+     */
+    type: T;
+    /**
+     * - **EN:** Icon size, an alias for `style.fontSize`
+     * - **CN:** 图标尺寸，是 `style.fontSize` 的别名
+     */
+    size?: CSSProperties['fontSize'];
+}
+/**
+ * - **EN:** Create an Iconfont component with a specified iconfont script URL.
+ * - **CN:** 创建一个Iconfont组件，指定iconfont的脚本地址
+ *
+ * @param scriptUrl - Path to the iconfont script | 字体图标的路径
+ */
+export declare const createIconfont: <T extends string = string>(scriptUrl: string, options?: {
+    /** Icon name prefix | 图标名称前缀 */
+    iconPrefix?: string;
+}) => FC<IconfontProps<T>>;

package/lib/components/Iconfont/createIconfont.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Iconfont/createIconfont.tsx
+var createIconfont_exports = {};
+__export(createIconfont_exports, {
+  createIconfont: () => createIconfont
+});
+module.exports = __toCommonJS(createIconfont_exports);
+var import_react = require("react");
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_ConfigProvider = __toESM(require("../ConfigProvider"));
+var createIconfont = (scriptUrl, options) => {
+  const { iconPrefix = "" } = options || {};
+  const AntdIconfont = (0, import_icons.createFromIconfontCN)({ scriptUrl });
+  const Iconfont = (props) => {
+    const { type, className, size, style, ...iconProps } = props;
+    const { getPrefixCls } = (0, import_react.useContext)(import_ConfigProvider.default.ConfigContext);
+    const iconType = type.startsWith(iconPrefix) ? type : `${iconPrefix}-${type}`;
+    return /* @__PURE__ */ React.createElement(
+      AntdIconfont,
+      {
+        type: iconType,
+        className: (0, import_classnames.default)(getPrefixCls("iconfont"), className),
+        style: {
+          ...style,
+          fontSize: (style == null ? void 0 : style.fontSize) ?? size
+        },
+        ...iconProps
+      }
+    );
+  };
+  return Iconfont;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createIconfont
+});
+//# sourceMappingURL=createIconfont.js.map