easy-email-extensions 3.0.7 → 3.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/lib/AttributePanel/AttributePanel.d.ts +3 -3
  2. package/lib/AttributePanel/components/UI/Help/index.d.ts +7 -7
  3. package/lib/AttributePanel/components/UI/HtmlEditor.d.ts +5 -5
  4. package/lib/AttributePanel/components/attributes/Align.d.ts +1 -1
  5. package/lib/AttributePanel/components/attributes/AttributesPanelWrapper/index.d.ts +6 -6
  6. package/lib/AttributePanel/components/attributes/Background.d.ts +1 -1
  7. package/lib/AttributePanel/components/attributes/BackgroundColor.d.ts +3 -3
  8. package/lib/AttributePanel/components/attributes/Border.d.ts +1 -1
  9. package/lib/AttributePanel/components/attributes/BorderColor.d.ts +1 -1
  10. package/lib/AttributePanel/components/attributes/BorderStyle.d.ts +5 -5
  11. package/lib/AttributePanel/components/attributes/BorderWidth.d.ts +1 -1
  12. package/lib/AttributePanel/components/attributes/Color.d.ts +4 -4
  13. package/lib/AttributePanel/components/attributes/ContainerBackgroundColor.d.ts +3 -3
  14. package/lib/AttributePanel/components/attributes/Decoration.d.ts +1 -1
  15. package/lib/AttributePanel/components/attributes/Direction.d.ts +1 -1
  16. package/lib/AttributePanel/components/attributes/FontFamily.d.ts +1 -1
  17. package/lib/AttributePanel/components/attributes/FontSize.d.ts +1 -1
  18. package/lib/AttributePanel/components/attributes/FontStyle.d.ts +3 -3
  19. package/lib/AttributePanel/components/attributes/FontWeight.d.ts +1 -1
  20. package/lib/AttributePanel/components/attributes/Height.d.ts +3 -3
  21. package/lib/AttributePanel/components/attributes/LetterSpacing.d.ts +1 -1
  22. package/lib/AttributePanel/components/attributes/LineHeight.d.ts +1 -1
  23. package/lib/AttributePanel/components/attributes/Link.d.ts +1 -1
  24. package/lib/AttributePanel/components/attributes/Margin.d.ts +1 -1
  25. package/lib/AttributePanel/components/attributes/MergeTags.d.ts +6 -6
  26. package/lib/AttributePanel/components/attributes/NavbarLinkPadding.d.ts +3 -3
  27. package/lib/AttributePanel/components/attributes/Padding.d.ts +5 -5
  28. package/lib/AttributePanel/components/attributes/TextAlign.d.ts +1 -1
  29. package/lib/AttributePanel/components/attributes/TextDecoration.d.ts +1 -1
  30. package/lib/AttributePanel/components/attributes/TextTransform.d.ts +1 -1
  31. package/lib/AttributePanel/components/attributes/VerticalAlign.d.ts +3 -3
  32. package/lib/AttributePanel/components/attributes/Width.d.ts +3 -3
  33. package/lib/AttributePanel/components/attributes/index.d.ts +29 -29
  34. package/lib/AttributePanel/components/blocks/Accordion/index.d.ts +1 -1
  35. package/lib/AttributePanel/components/blocks/AccordionElement/index.d.ts +1 -1
  36. package/lib/AttributePanel/components/blocks/AccordionText/index.d.ts +1 -1
  37. package/lib/AttributePanel/components/blocks/AccordionTitle/index.d.ts +1 -1
  38. package/lib/AttributePanel/components/blocks/Button/index.d.ts +1 -1
  39. package/lib/AttributePanel/components/blocks/Carousel/index.d.ts +1 -1
  40. package/lib/AttributePanel/components/blocks/Column/index.d.ts +1 -1
  41. package/lib/AttributePanel/components/blocks/Divider/index.d.ts +1 -1
  42. package/lib/AttributePanel/components/blocks/Group/index.d.ts +1 -1
  43. package/lib/AttributePanel/components/blocks/Hero/index.d.ts +1 -1
  44. package/lib/AttributePanel/components/blocks/Image/index.d.ts +1 -1
  45. package/lib/AttributePanel/components/blocks/Navbar/index.d.ts +1 -1
  46. package/lib/AttributePanel/components/blocks/Page/index.d.ts +1 -1
  47. package/lib/AttributePanel/components/blocks/Raw/index.d.ts +1 -1
  48. package/lib/AttributePanel/components/blocks/Section/index.d.ts +1 -1
  49. package/lib/AttributePanel/components/blocks/Social/index.d.ts +1 -1
  50. package/lib/AttributePanel/components/blocks/Spacer/index.d.ts +1 -1
  51. package/lib/AttributePanel/components/blocks/Table/index.d.ts +1 -1
  52. package/lib/AttributePanel/components/blocks/Text/index.d.ts +1 -1
  53. package/lib/AttributePanel/components/blocks/Wrapper/index.d.ts +1 -1
  54. package/lib/AttributePanel/components/blocks/index.d.ts +42 -42
  55. package/lib/AttributePanel/components/provider/PresetColorsProvider/index.d.ts +6 -6
  56. package/lib/AttributePanel/components/provider/SelectionRangeProvider/index.d.ts +6 -6
  57. package/lib/AttributePanel/hooks/useSelectionRange.d.ts +6 -6
  58. package/lib/AttributePanel/index.d.ts +3 -3
  59. package/lib/AttributePanel/utils/BlockAttributeConfigurationManager.d.ts +10 -10
  60. package/lib/AttributePanel/utils/InputNumberAdapter.d.ts +2 -2
  61. package/lib/AttributePanel/utils/PromiseEach.d.ts +1 -1
  62. package/lib/AttributePanel/utils/Uploader.d.ts +35 -35
  63. package/lib/AttributePanel/utils/awaitForElement.d.ts +4 -4
  64. package/lib/AttributePanel/utils/classnames.d.ts +1 -1
  65. package/lib/AttributePanel/utils/getImg.d.ts +8 -8
  66. package/lib/AttributePanel/utils/onDrag.d.ts +10 -10
  67. package/lib/AttributePanel/utils/previewLoadImage.d.ts +1 -1
  68. package/lib/BlockLayer/components/BlockTree/components/BlockTreeItem/index.d.ts +23 -23
  69. package/lib/BlockLayer/components/BlockTree/components/TreeCollapse.d.ts +6 -6
  70. package/lib/BlockLayer/components/BlockTree/index.d.ts +29 -29
  71. package/lib/BlockLayer/components/ContextMenu/index.d.ts +14 -14
  72. package/lib/BlockLayer/components/EyeIcon/index.d.ts +7 -7
  73. package/lib/BlockLayer/index.d.ts +7 -7
  74. package/lib/InteractivePrompt/components/FocusTooltip.d.ts +1 -1
  75. package/lib/InteractivePrompt/components/HoverTooltip.d.ts +1 -1
  76. package/lib/InteractivePrompt/components/Toolbar.d.ts +5 -5
  77. package/lib/InteractivePrompt/index.d.ts +1 -1
  78. package/lib/InteractivePrompt/utils/awaitForElement.d.ts +4 -4
  79. package/lib/ShortcutToolbar/ShortcutToolbar.d.ts +1 -1
  80. package/lib/ShortcutToolbar/components/BlockMaskWrapper/index.d.ts +6 -6
  81. package/lib/ShortcutToolbar/components/BlocksPanel/index.d.ts +2 -2
  82. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/AccordionBlockItem/index.d.ts +1 -1
  83. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/ButtonBlockItem/index.d.ts +1 -1
  84. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/CarouselBlockItem/index.d.ts +1 -1
  85. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/ColumnBlockItem/index.d.ts +1 -1
  86. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/DividerBlockItem/index.d.ts +1 -1
  87. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/GroupBlockItem/index.d.ts +1 -1
  88. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/HeroBlockItem/index.d.ts +1 -1
  89. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/ImageBlockItem/index.d.ts +1 -1
  90. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/NavbarBlockItem/index.d.ts +1 -1
  91. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/RawBlockItem/index.d.ts +1 -1
  92. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/SectionBlockItem/index.d.ts +1 -1
  93. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/SocialBlockItem/index.d.ts +1 -1
  94. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/SpacerBlockItem/index.d.ts +1 -1
  95. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/TextBlockItem/index.d.ts +1 -1
  96. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/WrapperBlockItem/index.d.ts +1 -1
  97. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/index.d.ts +18 -18
  98. package/lib/ShortcutToolbar/components/Picture/index.d.ts +7 -7
  99. package/lib/ShortcutToolbar/index.d.ts +4 -4
  100. package/lib/ShortcutToolbar/utils/BlockMarketManager.d.ts +32 -32
  101. package/lib/ShortcutToolbar/utils/getImg.d.ts +68 -68
  102. package/lib/SimpleLayout/SimpleLayout.d.ts +2 -2
  103. package/lib/SimpleLayout/index.d.ts +1 -1
  104. package/lib/SourceCodePanel/index.d.ts +1 -1
  105. package/lib/components/AddToCollection/index.d.ts +5 -5
  106. package/lib/components/Form/AddFont.d.ts +1 -1
  107. package/lib/components/Form/AutoComplete.d.ts +11 -11
  108. package/lib/components/Form/CheckBoxGroup.d.ts +14 -14
  109. package/lib/components/Form/CodemirrorEditor/index.d.ts +8 -8
  110. package/lib/components/Form/ColorPicker.d.ts +10 -10
  111. package/lib/components/Form/EditTab.d.ts +10 -10
  112. package/lib/components/Form/ImageUploader/index.d.ts +8 -8
  113. package/lib/components/Form/InlineTextField/index.d.ts +8 -8
  114. package/lib/components/Form/Input.d.ts +7 -7
  115. package/lib/components/Form/RadioGroup.d.ts +13 -13
  116. package/lib/components/Form/RichTextField/components/FontFamily/index.d.ts +3 -3
  117. package/lib/components/Form/RichTextField/components/FontSizeList/index.d.ts +3 -3
  118. package/lib/components/Form/RichTextField/components/Heading/index.d.ts +3 -3
  119. package/lib/components/Form/RichTextField/components/Link/index.d.ts +12 -12
  120. package/lib/components/Form/RichTextField/components/TextToolbar/MergeTags.d.ts +6 -6
  121. package/lib/components/Form/RichTextField/components/TextToolbar/index.d.ts +5 -5
  122. package/lib/components/Form/RichTextField/components/ToolItem/index.d.ts +7 -7
  123. package/lib/components/Form/RichTextField/index.d.ts +3 -3
  124. package/lib/components/Form/Select.d.ts +11 -11
  125. package/lib/components/Form/UploadField.d.ts +8 -8
  126. package/lib/components/Form/enhancer.d.ts +20 -20
  127. package/lib/components/Form/index.d.ts +29 -29
  128. package/lib/components/ShadowDom/index.d.ts +2 -2
  129. package/lib/hooks/useAddToCollection.d.ts +6 -6
  130. package/lib/index.d.ts +8 -8
  131. package/lib/index2.js +29 -15
  132. package/lib/index2.js.map +1 -1
  133. package/lib/index3.js.map +1 -1
  134. package/lib/utils/awaitForElement.d.ts +4 -4
  135. package/lib/utils/classnames.d.ts +1 -1
  136. package/package.json +2 -2
  137. package/readme.md +138 -138
@@ -1 +1 @@
1
- export { SimpleLayout } from './SimpleLayout';
1
+ export { SimpleLayout } from './SimpleLayout';
@@ -1 +1 @@
1
- export declare function SourceCodePanel(): JSX.Element | null;
1
+ export declare function SourceCodePanel(): JSX.Element | null;
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- export declare const AddToCollection: React.FC<{
3
- visible: boolean;
4
- setVisible: (v: boolean) => void;
5
- }>;
1
+ import React from 'react';
2
+ export declare const AddToCollection: React.FC<{
3
+ visible: boolean;
4
+ setVisible: (v: boolean) => void;
5
+ }>;
@@ -1 +1 @@
1
- export declare function AddFont(): JSX.Element;
1
+ export declare function AddFont(): JSX.Element;
@@ -1,11 +1,11 @@
1
- import { AutoCompleteProps as ArcoAutoCompleteProps } from '@arco-design/web-react';
2
- export interface AutoCompleteProps extends Omit<ArcoAutoCompleteProps, 'onChange' | 'options'> {
3
- quickchange?: boolean;
4
- value: string;
5
- options: Array<{
6
- value: any;
7
- label: any;
8
- }>;
9
- onChange: (val: string) => void;
10
- }
11
- export declare function AutoComplete(props: AutoCompleteProps): JSX.Element;
1
+ import { AutoCompleteProps as ArcoAutoCompleteProps } from '@arco-design/web-react';
2
+ export interface AutoCompleteProps extends Omit<ArcoAutoCompleteProps, 'onChange' | 'options'> {
3
+ quickchange?: boolean;
4
+ value: string;
5
+ options: Array<{
6
+ value: any;
7
+ label: any;
8
+ }>;
9
+ onChange: (val: string) => void;
10
+ }
11
+ export declare function AutoComplete(props: AutoCompleteProps): JSX.Element;
@@ -1,14 +1,14 @@
1
- import React from 'react';
2
- import { CheckboxGroupProps as ArcoCheckboxGroupProps } from '@arco-design/web-react';
3
- export interface CheckboxGroupProps extends ArcoCheckboxGroupProps<any> {
4
- options: Array<{
5
- value: string;
6
- label: React.ReactNode;
7
- }>;
8
- onChange?: (e: any[]) => void;
9
- value?: ArcoCheckboxGroupProps<any>['value'];
10
- style?: Partial<React.CSSProperties>;
11
- checkboxStyle?: Partial<React.CSSProperties>;
12
- vertical?: boolean;
13
- }
14
- export declare function CheckBoxGroup(props: CheckboxGroupProps): JSX.Element;
1
+ import React from 'react';
2
+ import { CheckboxGroupProps as ArcoCheckboxGroupProps } from '@arco-design/web-react';
3
+ export interface CheckboxGroupProps extends ArcoCheckboxGroupProps<any> {
4
+ options: Array<{
5
+ value: string;
6
+ label: React.ReactNode;
7
+ }>;
8
+ onChange?: (e: any[]) => void;
9
+ value?: ArcoCheckboxGroupProps<any>['value'];
10
+ style?: Partial<React.CSSProperties>;
11
+ checkboxStyle?: Partial<React.CSSProperties>;
12
+ vertical?: boolean;
13
+ }
14
+ export declare function CheckBoxGroup(props: CheckboxGroupProps): JSX.Element;
@@ -1,8 +1,8 @@
1
- import 'codemirror/lib/codemirror.css';
2
- import 'codemirror/theme/material.css';
3
- import 'codemirror/theme/neat.css';
4
- import 'codemirror/mode/xml/xml.js';
5
- export default function CodemirrorEditor(props: {
6
- value: string;
7
- onChange(val: string): void;
8
- }): JSX.Element;
1
+ import 'codemirror/lib/codemirror.css';
2
+ import 'codemirror/theme/material.css';
3
+ import 'codemirror/theme/neat.css';
4
+ import 'codemirror/mode/xml/xml.js';
5
+ export default function CodemirrorEditor(props: {
6
+ value: string;
7
+ onChange(val: string): void;
8
+ }): JSX.Element;
@@ -1,10 +1,10 @@
1
- import { PopoverProps } from '@arco-design/web-react';
2
- import React from 'react';
3
- export interface ColorPickerProps extends PopoverProps {
4
- onChange?: (val: string) => void;
5
- value?: string;
6
- label: string;
7
- children?: React.ReactNode;
8
- showInput?: boolean;
9
- }
10
- export declare function ColorPicker(props: ColorPickerProps): JSX.Element;
1
+ import { PopoverProps } from '@arco-design/web-react';
2
+ import React from 'react';
3
+ export interface ColorPickerProps extends PopoverProps {
4
+ onChange?: (val: string) => void;
5
+ value?: string;
6
+ label: string;
7
+ children?: React.ReactNode;
8
+ showInput?: boolean;
9
+ }
10
+ export declare function ColorPicker(props: ColorPickerProps): JSX.Element;
@@ -1,10 +1,10 @@
1
- import { TabsProps } from '@arco-design/web-react';
2
- import React from 'react';
3
- export interface EditTabProps<T extends any = any> extends Omit<TabsProps, 'onChange'> {
4
- value: Array<T>;
5
- renderItem: (item: T, index: number) => React.ReactNode;
6
- onChange: (vals: Array<T>) => any;
7
- additionItem: T;
8
- label: string;
9
- }
10
- export declare function EditTab<T extends any = any>(props: EditTabProps<T>): JSX.Element;
1
+ import { TabsProps } from '@arco-design/web-react';
2
+ import React from 'react';
3
+ export interface EditTabProps<T extends any = any> extends Omit<TabsProps, 'onChange'> {
4
+ value: Array<T>;
5
+ renderItem: (item: T, index: number) => React.ReactNode;
6
+ onChange: (vals: Array<T>) => any;
7
+ additionItem: T;
8
+ label: string;
9
+ }
10
+ export declare function EditTab<T extends any = any>(props: EditTabProps<T>): JSX.Element;
@@ -1,8 +1,8 @@
1
- import { UploaderServer } from '@extensions/AttributePanel/utils/Uploader';
2
- export interface ImageUploaderProps {
3
- onChange: (val: string) => void;
4
- value: string;
5
- label: string;
6
- uploadHandler?: UploaderServer;
7
- }
8
- export declare function ImageUploader(props: ImageUploaderProps): JSX.Element;
1
+ import { UploaderServer } from '@extensions/AttributePanel/utils/Uploader';
2
+ export interface ImageUploaderProps {
3
+ onChange: (val: string) => void;
4
+ value: string;
5
+ label: string;
6
+ uploadHandler?: UploaderServer;
7
+ }
8
+ export declare function ImageUploader(props: ImageUploaderProps): JSX.Element;
@@ -1,8 +1,8 @@
1
- import React from 'react';
2
- export interface InlineTextProps {
3
- idx: string;
4
- children?: React.ReactNode;
5
- onChange: (content: string) => void;
6
- mutators: Record<string, (...args: any[]) => any>;
7
- }
8
- export declare function InlineText({ idx, onChange, children, mutators: { setFieldTouched }, }: InlineTextProps): JSX.Element | null;
1
+ import React from 'react';
2
+ export interface InlineTextProps {
3
+ idx: string;
4
+ children?: React.ReactNode;
5
+ onChange: (content: string) => void;
6
+ mutators: Record<string, (...args: any[]) => any>;
7
+ }
8
+ export declare function InlineText({ idx, onChange, children, mutators: { setFieldTouched }, }: InlineTextProps): JSX.Element | null;
@@ -1,7 +1,7 @@
1
- import { InputProps as ArcoInputProps } from '@arco-design/web-react';
2
- export interface InputProps extends Omit<ArcoInputProps, 'onChange'> {
3
- quickchange?: boolean;
4
- value: string;
5
- onChange: (val: string) => void;
6
- }
7
- export declare function Input(props: InputProps): JSX.Element;
1
+ import { InputProps as ArcoInputProps } from '@arco-design/web-react';
2
+ export interface InputProps extends Omit<ArcoInputProps, 'onChange'> {
3
+ quickchange?: boolean;
4
+ value: string;
5
+ onChange: (val: string) => void;
6
+ }
7
+ export declare function Input(props: InputProps): JSX.Element;
@@ -1,13 +1,13 @@
1
- import { RadioGroupProps as ArcoRadioGroupProps } from '@arco-design/web-react';
2
- import React from 'react';
3
- export interface RadioGroupProps extends ArcoRadioGroupProps {
4
- options: Array<{
5
- value: string;
6
- label: React.ReactNode;
7
- }>;
8
- onChange?: (value: string) => void;
9
- value?: string;
10
- type?: 'radio' | 'button';
11
- vertical?: boolean;
12
- }
13
- export declare function RadioGroup(props: RadioGroupProps): JSX.Element;
1
+ import { RadioGroupProps as ArcoRadioGroupProps } from '@arco-design/web-react';
2
+ import React from 'react';
3
+ export interface RadioGroupProps extends ArcoRadioGroupProps {
4
+ options: Array<{
5
+ value: string;
6
+ label: React.ReactNode;
7
+ }>;
8
+ onChange?: (value: string) => void;
9
+ value?: string;
10
+ type?: 'radio' | 'button';
11
+ vertical?: boolean;
12
+ }
13
+ export declare function RadioGroup(props: RadioGroupProps): JSX.Element;
@@ -1,3 +1,3 @@
1
- export declare function FontFamily(props: {
2
- onChange: (val: string) => void;
3
- }): JSX.Element;
1
+ export declare function FontFamily(props: {
2
+ onChange: (val: string) => void;
3
+ }): JSX.Element;
@@ -1,3 +1,3 @@
1
- export declare function FontSizeList(props: {
2
- onChange: (val: string) => void;
3
- }): JSX.Element;
1
+ export declare function FontSizeList(props: {
2
+ onChange: (val: string) => void;
3
+ }): JSX.Element;
@@ -1,3 +1,3 @@
1
- export declare function Heading(props: {
2
- onChange: (val: string) => void;
3
- }): JSX.Element;
1
+ export declare function Heading(props: {
2
+ onChange: (val: string) => void;
3
+ }): JSX.Element;
@@ -1,12 +1,12 @@
1
- import { PopoverProps } from '@arco-design/web-react';
2
- export interface LinkParams {
3
- link: string;
4
- blank: boolean;
5
- underline: boolean;
6
- linkNode: HTMLAnchorElement | null;
7
- }
8
- export interface LinkProps extends PopoverProps {
9
- currentRange: Range | null | undefined;
10
- onChange: (val: LinkParams) => void;
11
- }
12
- export declare function Link(props: LinkProps): JSX.Element;
1
+ import { PopoverProps } from '@arco-design/web-react';
2
+ export interface LinkParams {
3
+ link: string;
4
+ blank: boolean;
5
+ underline: boolean;
6
+ linkNode: HTMLAnchorElement | null;
7
+ }
8
+ export interface LinkProps extends PopoverProps {
9
+ currentRange: Range | null | undefined;
10
+ onChange: (val: LinkParams) => void;
11
+ }
12
+ export declare function Link(props: LinkProps): JSX.Element;
@@ -1,6 +1,6 @@
1
- import React from 'react';
2
- export declare const MergeTags: React.FC<{
3
- onChange: (v: string) => void;
4
- value: string;
5
- isSelect?: boolean;
6
- }>;
1
+ import React from 'react';
2
+ export declare const MergeTags: React.FC<{
3
+ onChange: (v: string) => void;
4
+ value: string;
5
+ isSelect?: boolean;
6
+ }>;
@@ -1,5 +1,5 @@
1
- export interface TextToolbarProps {
2
- onChange: (content: string) => any;
3
- container: HTMLElement | null;
4
- }
5
- export declare function TextToolbar(props: TextToolbarProps): JSX.Element;
1
+ export interface TextToolbarProps {
2
+ onChange: (content: string) => any;
3
+ container: HTMLElement | null;
4
+ }
5
+ export declare function TextToolbar(props: TextToolbarProps): JSX.Element;
@@ -1,7 +1,7 @@
1
- import React from 'react';
2
- export declare const ToolItem: React.FC<{
3
- title: string;
4
- icon: React.ReactNode;
5
- onClick?: () => void;
6
- trigger?: string;
7
- }>;
1
+ import React from 'react';
2
+ export declare const ToolItem: React.FC<{
3
+ title: string;
4
+ icon: React.ReactNode;
5
+ onClick?: () => void;
6
+ trigger?: string;
7
+ }>;
@@ -1,3 +1,3 @@
1
- import { EnhancerProps } from '../enhancer';
2
- import { InlineTextProps } from '../InlineTextField';
3
- export declare const RichTextField: (props: Omit<InlineTextProps, 'onChange' | 'mutators'> & EnhancerProps<string>) => JSX.Element | null;
1
+ import { EnhancerProps } from '../enhancer';
2
+ import { InlineTextProps } from '../InlineTextField';
3
+ export declare const RichTextField: (props: Omit<InlineTextProps, 'onChange' | 'mutators'> & EnhancerProps<string>) => JSX.Element | null;
@@ -1,11 +1,11 @@
1
- import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
2
- import React from 'react';
3
- export interface SelectProps extends ArcoSelectProps {
4
- options: Array<{
5
- value: string;
6
- label: React.ReactNode;
7
- }>;
8
- onChange?: (val: string) => void;
9
- value: string;
10
- }
11
- export declare function Select(props: SelectProps): JSX.Element;
1
+ import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
2
+ import React from 'react';
3
+ export interface SelectProps extends ArcoSelectProps {
4
+ options: Array<{
5
+ value: string;
6
+ label: React.ReactNode;
7
+ }>;
8
+ onChange?: (val: string) => void;
9
+ value: string;
10
+ }
11
+ export declare function Select(props: SelectProps): JSX.Element;
@@ -1,8 +1,8 @@
1
- export interface UploadFieldProps {
2
- onChange: (val: string) => void;
3
- value: string;
4
- inputDisabled?: boolean;
5
- accept?: string;
6
- uploadHandler: (file: File) => Promise<string>;
7
- }
8
- export declare function UploadField(props: UploadFieldProps): JSX.Element;
1
+ export interface UploadFieldProps {
2
+ onChange: (val: string) => void;
3
+ value: string;
4
+ inputDisabled?: boolean;
5
+ accept?: string;
6
+ uploadHandler: (file: File) => Promise<string>;
7
+ }
8
+ export declare function UploadField(props: UploadFieldProps): JSX.Element;
@@ -1,20 +1,20 @@
1
- import { StackProps } from 'easy-email-editor';
2
- import { FieldProps } from 'react-final-form';
3
- import React from 'react';
4
- import { InputProps } from './Input';
5
- export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
6
- name: string;
7
- label: React.ReactNode | null;
8
- labelHidden?: boolean;
9
- alignment?: StackProps['alignment'];
10
- distribution?: StackProps['distribution'];
11
- helpText?: React.ReactNode;
12
- inline?: boolean;
13
- required?: boolean;
14
- valueAdapter?: (value: any) => any;
15
- onChangeAdapter?: (value: any) => any;
16
- validate?: (value: any) => string | undefined | Promise<string | undefined>;
17
- wrapper?: boolean;
18
- size?: InputProps['size'];
19
- }
20
- 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;
1
+ import { StackProps } from 'easy-email-editor';
2
+ import { FieldProps } from 'react-final-form';
3
+ import React from 'react';
4
+ import { InputProps } from './Input';
5
+ export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
6
+ name: string;
7
+ label: React.ReactNode | null;
8
+ labelHidden?: boolean;
9
+ alignment?: StackProps['alignment'];
10
+ distribution?: StackProps['distribution'];
11
+ helpText?: React.ReactNode;
12
+ inline?: boolean;
13
+ required?: boolean;
14
+ valueAdapter?: (value: any) => any;
15
+ onChangeAdapter?: (value: any) => any;
16
+ validate?: (value: any) => string | undefined | Promise<string | undefined>;
17
+ wrapper?: boolean;
18
+ size?: InputProps['size'];
19
+ }
20
+ 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;
@@ -1,29 +1,29 @@
1
- import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps } from '@arco-design/web-react';
2
- import { ImageUploaderProps } from './ImageUploader';
3
- import { UploadFieldProps } from './UploadField';
4
- import { ColorPickerProps } from './ColorPicker';
5
- import { SelectProps } from './Select';
6
- import { RadioGroupProps } from './RadioGroup';
7
- import enhancer from './enhancer';
8
- import { InputProps } from './Input';
9
- import { EditTabProps } from './EditTab';
10
- import { InlineTextProps } from './InlineTextField';
11
- import { AutoCompleteProps } from './AutoComplete';
12
- export { RichTextField } from './RichTextField';
13
- export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
14
- export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
15
- export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "onChange" | "value" | "mutators">) => JSX.Element;
16
- export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "onChange" | "value" | "mutators">) => JSX.Element;
17
- export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "onChange" | "value" | "mutators">) => JSX.Element;
18
- export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
19
- export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "onChange" | "value" | "mutators">) => JSX.Element;
20
- export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "onChange" | "value" | "mutators">) => JSX.Element;
21
- export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "onChange" | "value" | "mutators">) => JSX.Element;
22
- export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "onChange" | "value" | "mutators">) => JSX.Element;
23
- export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "onChange" | "value" | "mutators">) => JSX.Element;
24
- export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "onChange" | "value" | "mutators">) => JSX.Element;
25
- export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
26
- export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
27
- export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
28
- export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "onChange" | "value" | "mutators">) => JSX.Element;
29
- export { enhancer };
1
+ import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps } from '@arco-design/web-react';
2
+ import { ImageUploaderProps } from './ImageUploader';
3
+ import { UploadFieldProps } from './UploadField';
4
+ import { ColorPickerProps } from './ColorPicker';
5
+ import { SelectProps } from './Select';
6
+ import { RadioGroupProps } from './RadioGroup';
7
+ import enhancer from './enhancer';
8
+ import { InputProps } from './Input';
9
+ import { EditTabProps } from './EditTab';
10
+ import { InlineTextProps } from './InlineTextField';
11
+ import { AutoCompleteProps } from './AutoComplete';
12
+ export { RichTextField } from './RichTextField';
13
+ export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
14
+ export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "onChange" | "value" | "mutators">) => JSX.Element;
15
+ export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "onChange" | "value" | "mutators">) => JSX.Element;
16
+ export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "onChange" | "value" | "mutators">) => JSX.Element;
17
+ export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "onChange" | "value" | "mutators">) => JSX.Element;
18
+ export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
19
+ export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "onChange" | "value" | "mutators">) => JSX.Element;
20
+ export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "onChange" | "value" | "mutators">) => JSX.Element;
21
+ export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "onChange" | "value" | "mutators">) => JSX.Element;
22
+ export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "onChange" | "value" | "mutators">) => JSX.Element;
23
+ export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "onChange" | "value" | "mutators">) => JSX.Element;
24
+ export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "onChange" | "value" | "mutators">) => JSX.Element;
25
+ export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "onChange" | "value" | "mutators">) => JSX.Element;
26
+ export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
27
+ export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "onChange" | "value" | "mutators">) => JSX.Element;
28
+ export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "onChange" | "value" | "mutators">) => JSX.Element;
29
+ export { enhancer };
@@ -1,2 +1,2 @@
1
- import React from 'react';
2
- export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;
1
+ import React from 'react';
2
+ export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;
@@ -1,6 +1,6 @@
1
- import React from 'react';
2
- export declare function useAddToCollection(): {
3
- modal: JSX.Element;
4
- modalVisible: boolean;
5
- setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
6
- };
1
+ import React from 'react';
2
+ export declare function useAddToCollection(): {
3
+ modal: JSX.Element;
4
+ modalVisible: boolean;
5
+ setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
6
+ };
package/lib/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import '@arco-design/web-react/dist/css/arco.css';
2
- export * from './BlockLayer';
3
- export * from './AttributePanel';
4
- export * from './ShortcutToolbar';
5
- export * from './SourceCodePanel';
6
- export * from './InteractivePrompt';
7
- export * from './SimpleLayout';
8
- export * from './components/Form';
1
+ import '@arco-design/web-react/dist/css/arco.css';
2
+ export * from './BlockLayer';
3
+ export * from './AttributePanel';
4
+ export * from './ShortcutToolbar';
5
+ export * from './SourceCodePanel';
6
+ export * from './InteractivePrompt';
7
+ export * from './SimpleLayout';
8
+ export * from './components/Form';
package/lib/index2.js CHANGED
@@ -58,7 +58,7 @@ import React__default, { useCallback, useState, useRef, useEffect, useMemo, Chil
58
58
  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";
59
59
  import { BasicType, ImageManager, getIndexByIdx, getSiblingIdx, BlockManager, getPageIdx, getChildIdx, createBlockDataByType, getParentByIdx, getValueByIdx, MjmlToJson, JsonToMjml, getParentIdx, getNodeTypeFromClassName } from "easy-email-core";
60
60
  import { ReactSortable } from "react-sortablejs";
61
- import { useForm as useForm$1, useField, Form as Form$3, version as version$2 } from "react-final-form";
61
+ import { useField, useForm as useForm$1, Form as Form$3, version as version$2 } from "react-final-form";
62
62
  import ReactDOM, { findDOMNode, createPortal } from "react-dom";
63
63
  var arco = "";
64
64
  const title = "_title_1gyaq_1";
@@ -38483,28 +38483,38 @@ function enhancer(Component2, changeAdapter) {
38483
38483
  "wrapper",
38484
38484
  "debounceTime"
38485
38485
  ]);
38486
- const id = useMemo(() => {
38487
- return `enhancer-${primaryId++}`;
38488
- }, []);
38489
- const { change, mutators } = useForm$1();
38490
38486
  const {
38491
38487
  input: { value, onBlur: onBlur3 },
38492
38488
  meta: { touched, error: error2 }
38493
38489
  } = useField(name, {
38494
38490
  validate: validate3
38495
38491
  });
38496
- const onFieldChange = useCallback(lodash.exports.debounce((e) => {
38492
+ const [currentValue, setCurrentValue] = useState(value);
38493
+ const id = useMemo(() => {
38494
+ return `enhancer-${primaryId++}`;
38495
+ }, []);
38496
+ const { change, mutators } = useForm$1();
38497
+ const debounceCallbackChange = useCallback(lodash.exports.debounce((val) => {
38498
+ change(name, val);
38499
+ }, 60, {
38500
+ maxWait: 60
38501
+ }), [change, name]);
38502
+ useEffect(() => {
38503
+ setCurrentValue(value);
38504
+ }, [value]);
38505
+ const onFieldChange = useCallback((e) => {
38497
38506
  const newVal = onChangeAdapter ? onChangeAdapter(changeAdapter(e)) : changeAdapter(e);
38498
- change(name, newVal);
38507
+ setCurrentValue(newVal);
38508
+ debounceCallbackChange(newVal);
38499
38509
  onBlur3();
38500
- }), [change, name, onBlur3, onChangeAdapter]);
38510
+ }, [onBlur3, onChangeAdapter, debounceCallbackChange]);
38501
38511
  if (!wrapper2)
38502
38512
  return /* @__PURE__ */ React__default.createElement(Component2, __spreadProps(__spreadValues({}, rest), {
38503
38513
  mutators,
38504
38514
  id,
38505
38515
  name,
38506
- checked: valueAdapter ? valueAdapter(value) : value,
38507
- value: valueAdapter ? valueAdapter(value) : value,
38516
+ checked: valueAdapter ? valueAdapter(currentValue) : currentValue,
38517
+ value: valueAdapter ? valueAdapter(currentValue) : currentValue,
38508
38518
  onChange: onFieldChange
38509
38519
  }));
38510
38520
  return /* @__PURE__ */ React__default.createElement(Form.Item, {
@@ -38537,8 +38547,8 @@ function enhancer(Component2, changeAdapter) {
38537
38547
  mutators,
38538
38548
  id,
38539
38549
  name,
38540
- checked: valueAdapter ? valueAdapter(value) : value,
38541
- value: valueAdapter ? valueAdapter(value) : value,
38550
+ checked: valueAdapter ? valueAdapter(currentValue) : currentValue,
38551
+ value: valueAdapter ? valueAdapter(currentValue) : currentValue,
38542
38552
  onChange: onFieldChange
38543
38553
  })))), /* @__PURE__ */ React__default.createElement("div", {
38544
38554
  className: styles$5.helperText
@@ -38549,9 +38559,11 @@ function Input(props) {
38549
38559
  const { quickchange, value = "", onKeyDown: onPropsKeyDown } = props;
38550
38560
  const onChange = useCallback((val) => {
38551
38561
  props.onChange(val);
38552
- }, [props]);
38562
+ }, [props.onChange]);
38553
38563
  const onKeyDown = useCallback((ev) => {
38554
- onPropsKeyDown == null ? void 0 : onPropsKeyDown(ev);
38564
+ if (onPropsKeyDown) {
38565
+ onPropsKeyDown == null ? void 0 : onPropsKeyDown(ev);
38566
+ }
38555
38567
  if (quickchange) {
38556
38568
  let step = 0;
38557
38569
  if (ev.key === "ArrowUp") {
@@ -38562,6 +38574,7 @@ function Input(props) {
38562
38574
  }
38563
38575
  if (step) {
38564
38576
  if (/^\d+/.test(value)) {
38577
+ ev.preventDefault();
38565
38578
  onChange(String(value).replace(/^(\d+)/, (_, match) => {
38566
38579
  return (Number(match) + step).toString();
38567
38580
  }));
@@ -38733,8 +38746,9 @@ function InlineText({
38733
38746
  }
38734
38747
  function AutoComplete(props) {
38735
38748
  const options2 = useMemo(() => {
38749
+ const selectedValue = (props.value || "").toLowerCase();
38736
38750
  return props.options.filter((item2) => {
38737
- 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());
38751
+ return lodash.exports.isString(item2.value) && item2.value.toLowerCase().startsWith(selectedValue) || lodash.exports.isString(item2.label) && item2.label.toLowerCase().startsWith(selectedValue);
38738
38752
  }).map((item2) => __spreadProps(__spreadValues({}, item2), { name: item2.label }));
38739
38753
  }, [props.options, props.value]);
38740
38754
  return /* @__PURE__ */ React__default.createElement(ArcoAutoComplete, __spreadProps(__spreadValues({}, props), {