{
+ onClick={(): void => {
if (disabled) return;
- //考虑到弹窗情况，延时发送消息
+ // 考虑到弹窗情况，延时发送消息
clickCallback && clickCallback();
+
onClick && onClick();
}}
>
- {dotted ? (
+ {marked ? (
@@ -128,67 +128,66 @@ export default class LeftAddon extends PureComponent {
);
};
- render() {
- const { dotted, locked, active, disabled, config } = this.props;
- const { addonKey, props, type, addonProps } = config || {};
+ render(): React.ReactNode {
+ const {
+ marked,
+ locked,
+ active,
+ disabled,
+ config,
+ editor,
+ pluginClass: Comp,
+ } = this.props;
+ const { pluginKey, props, type, pluginProps } = config || {};
const { onClick, title } = props || {};
const { dialogVisible } = this.state;
- const { appHelper, components } = this.context;
- if (!addonKey || !type || !props) return null;
- const componentName = appHelper.utils.generateAddonCompName(addonKey);
- const localeProps = {};
- const { locale, messages } = appHelper;
- if (locale) {
- localeProps.locale = locale;
- }
- if (messages && messages[componentName]) {
- localeProps.messages = messages[componentName];
- }
- const AddonComp = components && components[componentName];
- const node =
- (AddonComp && (
-
{
- onClick && onClick.call(null, appHelper);
- }}
- {...localeProps}
- {...(addonProps || {})}
- />
- )) ||
- null;
+ if (!pluginKey || !type || !props) return null;
+ const node = Comp ? (
+ {
+ onClick && onClick.call(null, editor);
+ }}
+ {...pluginProps}
+ />
+ ) : null;
switch (type) {
case 'LinkIcon':
return (
- {this.renderIcon(() => {
- onClick && onClick.call(null, appHelper);
+ {this.renderIcon((): void => {
+ onClick && onClick.call(null, editor);
})}
);
case 'Icon':
- return this.renderIcon(() => {
- onClick && onClick.call(null, appHelper);
+ return this.renderIcon((): void => {
+ onClick && onClick.call(null, editor);
});
case 'DialogIcon':
return (
- {this.renderIcon(() => {
- onClick && onClick.call(null, appHelper);
+ {this.renderIcon((): void => {
+ onClick && onClick.call(null, editor);
this.handleOpen();
})}