easy-email-extensions 3.0.7 → 3.0.8

package/lib/SimpleLayout/index.d.ts

@@ -1 +1 @@
-export { SimpleLayout } from './SimpleLayout';
+export { SimpleLayout } from './SimpleLayout';

package/lib/SourceCodePanel/index.d.ts

@@ -1 +1 @@
-export declare function SourceCodePanel(): JSX.Element | null;
+export declare function SourceCodePanel(): JSX.Element | null;

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

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const AddToCollection: React.FC<{
-    visible: boolean;
-    setVisible: (v: boolean) => void;
-}>;
+import React from 'react';
+export declare const AddToCollection: React.FC<{
+    visible: boolean;
+    setVisible: (v: boolean) => void;
+}>;

package/lib/components/Form/AddFont.d.ts

@@ -1 +1 @@
-export declare function AddFont(): JSX.Element;
+export declare function AddFont(): JSX.Element;

package/lib/components/Form/AutoComplete.d.ts

@@ -1,11 +1,11 @@
-import { AutoCompleteProps as ArcoAutoCompleteProps } from '@arco-design/web-react';
-export interface AutoCompleteProps extends Omit<ArcoAutoCompleteProps, 'onChange' | 'options'> {
-    quickchange?: boolean;
-    value: string;
-    options: Array<{
-        value: any;
-        label: any;
-    }>;
-    onChange: (val: string) => void;
-}
-export declare function AutoComplete(props: AutoCompleteProps): JSX.Element;
+import { AutoCompleteProps as ArcoAutoCompleteProps } from '@arco-design/web-react';
+export interface AutoCompleteProps extends Omit<ArcoAutoCompleteProps, 'onChange' | 'options'> {
+    quickchange?: boolean;
+    value: string;
+    options: Array<{
+        value: any;
+        label: any;
+    }>;
+    onChange: (val: string) => void;
+}
+export declare function AutoComplete(props: AutoCompleteProps): JSX.Element;

package/lib/components/Form/CheckBoxGroup.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { CheckboxGroupProps as ArcoCheckboxGroupProps } from '@arco-design/web-react';
-export interface CheckboxGroupProps extends ArcoCheckboxGroupProps<any> {
-    options: Array<{
-        value: string;
-        label: React.ReactNode;
-    }>;
-    onChange?: (e: any[]) => void;
-    value?: ArcoCheckboxGroupProps<any>['value'];
-    style?: Partial<React.CSSProperties>;
-    checkboxStyle?: Partial<React.CSSProperties>;
-    vertical?: boolean;
-}
-export declare function CheckBoxGroup(props: CheckboxGroupProps): JSX.Element;
+import React from 'react';
+import { CheckboxGroupProps as ArcoCheckboxGroupProps } from '@arco-design/web-react';
+export interface CheckboxGroupProps extends ArcoCheckboxGroupProps<any> {
+    options: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onChange?: (e: any[]) => void;
+    value?: ArcoCheckboxGroupProps<any>['value'];
+    style?: Partial<React.CSSProperties>;
+    checkboxStyle?: Partial<React.CSSProperties>;
+    vertical?: boolean;
+}
+export declare function CheckBoxGroup(props: CheckboxGroupProps): JSX.Element;

package/lib/components/Form/CodemirrorEditor/index.d.ts

@@ -1,8 +1,8 @@
-import 'codemirror/lib/codemirror.css';
-import 'codemirror/theme/material.css';
-import 'codemirror/theme/neat.css';
-import 'codemirror/mode/xml/xml.js';
-export default function CodemirrorEditor(props: {
-    value: string;
-    onChange(val: string): void;
-}): JSX.Element;
+import 'codemirror/lib/codemirror.css';
+import 'codemirror/theme/material.css';
+import 'codemirror/theme/neat.css';
+import 'codemirror/mode/xml/xml.js';
+export default function CodemirrorEditor(props: {
+    value: string;
+    onChange(val: string): void;
+}): JSX.Element;

package/lib/components/Form/ColorPicker.d.ts

@@ -1,10 +1,10 @@
-import { PopoverProps } from '@arco-design/web-react';
-import React from 'react';
-export interface ColorPickerProps extends PopoverProps {
-    onChange?: (val: string) => void;
-    value?: string;
-    label: string;
-    children?: React.ReactNode;
-    showInput?: boolean;
-}
-export declare function ColorPicker(props: ColorPickerProps): JSX.Element;
+import { PopoverProps } from '@arco-design/web-react';
+import React from 'react';
+export interface ColorPickerProps extends PopoverProps {
+    onChange?: (val: string) => void;
+    value?: string;
+    label: string;
+    children?: React.ReactNode;
+    showInput?: boolean;
+}
+export declare function ColorPicker(props: ColorPickerProps): JSX.Element;

package/lib/components/Form/EditTab.d.ts

@@ -1,10 +1,10 @@
-import { TabsProps } from '@arco-design/web-react';
-import React from 'react';
-export interface EditTabProps<T extends any = any> extends Omit<TabsProps, 'onChange'> {
-    value: Array<T>;
-    renderItem: (item: T, index: number) => React.ReactNode;
-    onChange: (vals: Array<T>) => any;
-    additionItem: T;
-    label: string;
-}
-export declare function EditTab<T extends any = any>(props: EditTabProps<T>): JSX.Element;
+import { TabsProps } from '@arco-design/web-react';
+import React from 'react';
+export interface EditTabProps<T extends any = any> extends Omit<TabsProps, 'onChange'> {
+    value: Array<T>;
+    renderItem: (item: T, index: number) => React.ReactNode;
+    onChange: (vals: Array<T>) => any;
+    additionItem: T;
+    label: string;
+}
+export declare function EditTab<T extends any = any>(props: EditTabProps<T>): JSX.Element;

package/lib/components/Form/ImageUploader/index.d.ts

@@ -1,8 +1,8 @@
-import { UploaderServer } from '@extensions/AttributePanel/utils/Uploader';
-export interface ImageUploaderProps {
-    onChange: (val: string) => void;
-    value: string;
-    label: string;
-    uploadHandler?: UploaderServer;
-}
-export declare function ImageUploader(props: ImageUploaderProps): JSX.Element;
+import { UploaderServer } from '@extensions/AttributePanel/utils/Uploader';
+export interface ImageUploaderProps {
+    onChange: (val: string) => void;
+    value: string;
+    label: string;
+    uploadHandler?: UploaderServer;
+}
+export declare function ImageUploader(props: ImageUploaderProps): JSX.Element;

package/lib/components/Form/InlineTextField/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface InlineTextProps {
-    idx: string;
-    children?: React.ReactNode;
-    onChange: (content: string) => void;
-    mutators: Record<string, (...args: any[]) => any>;
-}
-export declare function InlineText({ idx, onChange, children, mutators: { setFieldTouched }, }: InlineTextProps): JSX.Element | null;
+import React from 'react';
+export interface InlineTextProps {
+    idx: string;
+    children?: React.ReactNode;
+    onChange: (content: string) => void;
+    mutators: Record<string, (...args: any[]) => any>;
+}
+export declare function InlineText({ idx, onChange, children, mutators: { setFieldTouched }, }: InlineTextProps): JSX.Element | null;

package/lib/components/Form/Input.d.ts

@@ -1,7 +1,7 @@
-import { InputProps as ArcoInputProps } from '@arco-design/web-react';
-export interface InputProps extends Omit<ArcoInputProps, 'onChange'> {
-    quickchange?: boolean;
-    value: string;
-    onChange: (val: string) => void;
-}
-export declare function Input(props: InputProps): JSX.Element;
+import { InputProps as ArcoInputProps } from '@arco-design/web-react';
+export interface InputProps extends Omit<ArcoInputProps, 'onChange'> {
+    quickchange?: boolean;
+    value: string;
+    onChange: (val: string) => void;
+}
+export declare function Input(props: InputProps): JSX.Element;

package/lib/components/Form/RadioGroup.d.ts

@@ -1,13 +1,13 @@
-import { RadioGroupProps as ArcoRadioGroupProps } from '@arco-design/web-react';
-import React from 'react';
-export interface RadioGroupProps extends ArcoRadioGroupProps {
-    options: Array<{
-        value: string;
-        label: React.ReactNode;
-    }>;
-    onChange?: (value: string) => void;
-    value?: string;
-    type?: 'radio' | 'button';
-    vertical?: boolean;
-}
-export declare function RadioGroup(props: RadioGroupProps): JSX.Element;
+import { RadioGroupProps as ArcoRadioGroupProps } from '@arco-design/web-react';
+import React from 'react';
+export interface RadioGroupProps extends ArcoRadioGroupProps {
+    options: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onChange?: (value: string) => void;
+    value?: string;
+    type?: 'radio' | 'button';
+    vertical?: boolean;
+}
+export declare function RadioGroup(props: RadioGroupProps): JSX.Element;

package/lib/components/Form/RichTextField/components/FontFamily/index.d.ts

@@ -1,3 +1,3 @@
-export declare function FontFamily(props: {
-    onChange: (val: string) => void;
-}): JSX.Element;
+export declare function FontFamily(props: {
+    onChange: (val: string) => void;
+}): JSX.Element;

package/lib/components/Form/RichTextField/components/FontSizeList/index.d.ts

@@ -1,3 +1,3 @@
-export declare function FontSizeList(props: {
-    onChange: (val: string) => void;
-}): JSX.Element;
+export declare function FontSizeList(props: {
+    onChange: (val: string) => void;
+}): JSX.Element;

package/lib/components/Form/RichTextField/components/Heading/index.d.ts

@@ -1,3 +1,3 @@
-export declare function Heading(props: {
-    onChange: (val: string) => void;
-}): JSX.Element;
+export declare function Heading(props: {
+    onChange: (val: string) => void;
+}): JSX.Element;

package/lib/components/Form/RichTextField/components/Link/index.d.ts

@@ -1,12 +1,12 @@
-import { PopoverProps } from '@arco-design/web-react';
-export interface LinkParams {
-    link: string;
-    blank: boolean;
-    underline: boolean;
-    linkNode: HTMLAnchorElement | null;
-}
-export interface LinkProps extends PopoverProps {
-    currentRange: Range | null | undefined;
-    onChange: (val: LinkParams) => void;
-}
-export declare function Link(props: LinkProps): JSX.Element;
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkParams {
+    link: string;
+    blank: boolean;
+    underline: boolean;
+    linkNode: HTMLAnchorElement | null;
+}
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: (val: LinkParams) => void;
+}
+export declare function Link(props: LinkProps): JSX.Element;

package/lib/components/Form/RichTextField/components/TextToolbar/MergeTags.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare const MergeTags: React.FC<{
-    onChange: (v: string) => void;
-    value: string;
-    isSelect?: boolean;
-}>;
+import React from 'react';
+export declare const MergeTags: React.FC<{
+    onChange: (v: string) => void;
+    value: string;
+    isSelect?: boolean;
+}>;

package/lib/components/Form/RichTextField/components/TextToolbar/index.d.ts

@@ -1,5 +1,5 @@
-export interface TextToolbarProps {
-    onChange: (content: string) => any;
-    container: HTMLElement | null;
-}
-export declare function TextToolbar(props: TextToolbarProps): JSX.Element;
+export interface TextToolbarProps {
+    onChange: (content: string) => any;
+    container: HTMLElement | null;
+}
+export declare function TextToolbar(props: TextToolbarProps): JSX.Element;

package/lib/components/Form/RichTextField/components/ToolItem/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export declare const ToolItem: React.FC<{
-    title: string;
-    icon: React.ReactNode;
-    onClick?: () => void;
-    trigger?: string;
-}>;
+import React from 'react';
+export declare const ToolItem: React.FC<{
+    title: string;
+    icon: React.ReactNode;
+    onClick?: () => void;
+    trigger?: string;
+}>;

package/lib/components/Form/RichTextField/index.d.ts

@@ -1,3 +1,3 @@
-import { EnhancerProps } from '../enhancer';
-import { InlineTextProps } from '../InlineTextField';
-export declare const RichTextField: (props: Omit<InlineTextProps, 'onChange' | 'mutators'> & EnhancerProps<string>) => JSX.Element | null;
+import { EnhancerProps } from '../enhancer';
+import { InlineTextProps } from '../InlineTextField';
+export declare const RichTextField: (props: Omit<InlineTextProps, 'onChange' | 'mutators'> & EnhancerProps<string>) => JSX.Element | null;

package/lib/components/Form/Select.d.ts

@@ -1,11 +1,11 @@
-import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
-import React from 'react';
-export interface SelectProps extends ArcoSelectProps {
-    options: Array<{
-        value: string;
-        label: React.ReactNode;
-    }>;
-    onChange?: (val: string) => void;
-    value: string;
-}
-export declare function Select(props: SelectProps): JSX.Element;
+import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
+import React from 'react';
+export interface SelectProps extends ArcoSelectProps {
+    options: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onChange?: (val: string) => void;
+    value: string;
+}
+export declare function Select(props: SelectProps): JSX.Element;

package/lib/components/Form/UploadField.d.ts

@@ -1,8 +1,8 @@
-export interface UploadFieldProps {
-    onChange: (val: string) => void;
-    value: string;
-    inputDisabled?: boolean;
-    accept?: string;
-    uploadHandler: (file: File) => Promise<string>;
-}
-export declare function UploadField(props: UploadFieldProps): JSX.Element;
+export interface UploadFieldProps {
+    onChange: (val: string) => void;
+    value: string;
+    inputDisabled?: boolean;
+    accept?: string;
+    uploadHandler: (file: File) => Promise<string>;
+}
+export declare function UploadField(props: UploadFieldProps): JSX.Element;

package/lib/components/Form/enhancer.d.ts

@@ -1,20 +1,20 @@
-import { StackProps } from 'easy-email-editor';
-import { FieldProps } from 'react-final-form';
-import React from 'react';
-import { InputProps } from './Input';
-export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
-    name: string;
-    label: React.ReactNode | null;
-    labelHidden?: boolean;
-    alignment?: StackProps['alignment'];
-    distribution?: StackProps['distribution'];
-    helpText?: React.ReactNode;
-    inline?: boolean;
-    required?: boolean;
-    valueAdapter?: (value: any) => any;
-    onChangeAdapter?: (value: any) => any;
-    validate?: (value: any) => string | undefined | Promise<string | undefined>;
-    wrapper?: boolean;
-    size?: InputProps['size'];
-}
-export default function enhancer<P, C extends (...rest: any[]) => any = any>(Component: any, changeAdapter: C): (props: EnhancerProps<P> & Omit<P, 'value' | 'onChange' | 'mutators'>) => JSX.Element;
+import { StackProps } from 'easy-email-editor';
+import { FieldProps } from 'react-final-form';
+import React from 'react';
+import { InputProps } from './Input';
+export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
+    name: string;
+    label: React.ReactNode | null;
+    labelHidden?: boolean;
+    alignment?: StackProps['alignment'];
+    distribution?: StackProps['distribution'];
+    helpText?: React.ReactNode;
+    inline?: boolean;
+    required?: boolean;
+    valueAdapter?: (value: any) => any;
+    onChangeAdapter?: (value: any) => any;
+    validate?: (value: any) => string | undefined | Promise<string | undefined>;
+    wrapper?: boolean;
+    size?: InputProps['size'];
+}
+export default function enhancer<P, C extends (...rest: any[]) => any = any>(Component: any, changeAdapter: C): (props: EnhancerProps<P> & Omit<P, 'value' | 'onChange' | 'mutators'>) => JSX.Element;

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

@@ -1,29 +1,29 @@
-import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps } from '@arco-design/web-react';
-import { ImageUploaderProps } from './ImageUploader';
-import { UploadFieldProps } from './UploadField';
-import { ColorPickerProps } from './ColorPicker';
-import { SelectProps } from './Select';
-import { RadioGroupProps } from './RadioGroup';
-import enhancer from './enhancer';
-import { InputProps } from './Input';
-import { EditTabProps } from './EditTab';
-import { InlineTextProps } from './InlineTextField';
-import { AutoCompleteProps } from './AutoComplete';
-export { RichTextField } from './RichTextField';
-export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
-export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "onChange" | "value" | "mutators">) => JSX.Element;
-export { enhancer };
+import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps } from '@arco-design/web-react';
+import { ImageUploaderProps } from './ImageUploader';
+import { UploadFieldProps } from './UploadField';
+import { ColorPickerProps } from './ColorPicker';
+import { SelectProps } from './Select';
+import { RadioGroupProps } from './RadioGroup';
+import enhancer from './enhancer';
+import { InputProps } from './Input';
+import { EditTabProps } from './EditTab';
+import { InlineTextProps } from './InlineTextField';
+import { AutoCompleteProps } from './AutoComplete';
+export { RichTextField } from './RichTextField';
+export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
+export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "onChange" | "value" | "mutators">) => JSX.Element;
+export { enhancer };

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

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;
+import React from 'react';
+export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;

package/lib/hooks/useAddToCollection.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare function useAddToCollection(): {
-    modal: JSX.Element;
-    modalVisible: boolean;
-    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
-};
+import React from 'react';
+export declare function useAddToCollection(): {
+    modal: JSX.Element;
+    modalVisible: boolean;
+    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/lib/index.d.ts

@@ -1,8 +1,8 @@
-import '@arco-design/web-react/dist/css/arco.css';
-export * from './BlockLayer';
-export * from './AttributePanel';
-export * from './ShortcutToolbar';
-export * from './SourceCodePanel';
-export * from './InteractivePrompt';
-export * from './SimpleLayout';
-export * from './components/Form';
+import '@arco-design/web-react/dist/css/arco.css';
+export * from './BlockLayer';
+export * from './AttributePanel';
+export * from './ShortcutToolbar';
+export * from './SourceCodePanel';
+export * from './InteractivePrompt';
+export * from './SimpleLayout';
+export * from './components/Form';

package/lib/index2.js

@@ -58,7 +58,7 @@ import React__default, { useCallback, useState, useRef, useEffect, useMemo, Chil
 import { IconFont, Stack as Stack$6, TextStyle, getBlockNodeByIdx, useBlock, getEditNode, getShadowRoot, FIXED_CONTAINER_ID, getEditContent, getEditorRoot, useEditorProps, useFocusIdx, useActiveTab, scrollBlockEleIntoView, useEditorContext, useHoverIdx, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, ActiveTabKeys } from "easy-email-editor";
 import { BasicType, ImageManager, getIndexByIdx, getSiblingIdx, BlockManager, getPageIdx, getChildIdx, createBlockDataByType, getParentByIdx, getValueByIdx, MjmlToJson, JsonToMjml, getParentIdx, getNodeTypeFromClassName } from "easy-email-core";
 import { ReactSortable } from "react-sortablejs";
-import { useForm as useForm$1, useField, Form as Form$3, version as version$2 } from "react-final-form";
+import { useField, useForm as useForm$1, Form as Form$3, version as version$2 } from "react-final-form";
 import ReactDOM, { findDOMNode, createPortal } from "react-dom";
 var arco = "";
 const title = "_title_1gyaq_1";
@@ -38483,28 +38483,38 @@ function enhancer(Component2, changeAdapter) {
       "wrapper",
       "debounceTime"
     ]);
-    const id = useMemo(() => {
-      return `enhancer-${primaryId++}`;
-    }, []);
-    const { change, mutators } = useForm$1();
     const {
       input: { value, onBlur: onBlur3 },
       meta: { touched, error: error2 }
     } = useField(name, {
       validate: validate3
     });
-    const onFieldChange = useCallback(lodash.exports.debounce((e) => {
+    const [currentValue, setCurrentValue] = useState(value);
+    const id = useMemo(() => {
+      return `enhancer-${primaryId++}`;
+    }, []);
+    const { change, mutators } = useForm$1();
+    const debounceCallbackChange = useCallback(lodash.exports.debounce((val) => {
+      change(name, val);
+    }, 60, {
+      maxWait: 60
+    }), [change, name]);
+    useEffect(() => {
+      setCurrentValue(value);
+    }, [value]);
+    const onFieldChange = useCallback((e) => {
       const newVal = onChangeAdapter ? onChangeAdapter(changeAdapter(e)) : changeAdapter(e);
-      change(name, newVal);
+      setCurrentValue(newVal);
+      debounceCallbackChange(newVal);
       onBlur3();
-    }), [change, name, onBlur3, onChangeAdapter]);
+    }, [onBlur3, onChangeAdapter, debounceCallbackChange]);
     if (!wrapper2)
       return /* @__PURE__ */ React__default.createElement(Component2, __spreadProps(__spreadValues({}, rest), {
         mutators,
         id,
         name,
-        checked: valueAdapter ? valueAdapter(value) : value,
-        value: valueAdapter ? valueAdapter(value) : value,
+        checked: valueAdapter ? valueAdapter(currentValue) : currentValue,
+        value: valueAdapter ? valueAdapter(currentValue) : currentValue,
         onChange: onFieldChange
       }));
     return /* @__PURE__ */ React__default.createElement(Form.Item, {
@@ -38537,8 +38547,8 @@ function enhancer(Component2, changeAdapter) {
       mutators,
       id,
       name,
-      checked: valueAdapter ? valueAdapter(value) : value,
-      value: valueAdapter ? valueAdapter(value) : value,
+      checked: valueAdapter ? valueAdapter(currentValue) : currentValue,
+      value: valueAdapter ? valueAdapter(currentValue) : currentValue,
       onChange: onFieldChange
     })))), /* @__PURE__ */ React__default.createElement("div", {
       className: styles$5.helperText
@@ -38549,9 +38559,11 @@ function Input(props) {
   const { quickchange, value = "", onKeyDown: onPropsKeyDown } = props;
   const onChange = useCallback((val) => {
     props.onChange(val);
-  }, [props]);
+  }, [props.onChange]);
   const onKeyDown = useCallback((ev) => {
-    onPropsKeyDown == null ? void 0 : onPropsKeyDown(ev);
+    if (onPropsKeyDown) {
+      onPropsKeyDown == null ? void 0 : onPropsKeyDown(ev);
+    }
     if (quickchange) {
       let step = 0;
       if (ev.key === "ArrowUp") {
@@ -38562,6 +38574,7 @@ function Input(props) {
       }
       if (step) {
         if (/^\d+/.test(value)) {
+          ev.preventDefault();
           onChange(String(value).replace(/^(\d+)/, (_, match) => {
             return (Number(match) + step).toString();
           }));
@@ -38733,8 +38746,9 @@ function InlineText({
 }
 function AutoComplete(props) {
   const options2 = useMemo(() => {
+    const selectedValue = (props.value || "").toLowerCase();
     return props.options.filter((item2) => {
-      return lodash.exports.isString(item2.value) && item2.value.toLowerCase().startsWith(props.value.toLowerCase()) || lodash.exports.isString(item2.label) && item2.label.toLowerCase().startsWith(props.value.toLowerCase());
+      return lodash.exports.isString(item2.value) && item2.value.toLowerCase().startsWith(selectedValue) || lodash.exports.isString(item2.label) && item2.label.toLowerCase().startsWith(selectedValue);
     }).map((item2) => __spreadProps(__spreadValues({}, item2), { name: item2.label }));
   }, [props.options, props.value]);
   return /* @__PURE__ */ React__default.createElement(ArcoAutoComplete, __spreadProps(__spreadValues({}, props), {