import * as React from 'react';
import omit from 'lodash/omit';
import { HocBaseComponents, Plugin, pluginManager } from '@/utils';
import type { IComponentPluginProps } from '@/utils';
import { CnFormatProps } from '../types';
import { registerFormat, getAllSupportFormat } from '../register';

const CnFormatFallback = (props: CnFormatProps) => {
  const { cell } = props;
  if (cell) {
    return cell(props.value, omit(props, ['cell', 'value']));
  }
  return null;
};

export const CnFormat = (props: CnFormatProps & IComponentPluginProps) => {
  const plugin = React.useMemo(() => {
    const pluginInstance = new Plugin('CnFormat', pluginManager);
    pluginInstance.setBasicsPlugin([
      (upperProps, context) => {
        return {
          props: upperProps,
          context: {
            ...context,
          },
        };
      },
    ]);
    pluginInstance.setLocalPlugin(props?.usePlugin);

    pluginInstance.setGlobalPlugin(
      pluginManager
        .getPluginsByComponentName('CnFormat')
        .map((item) => item.method),
    );
    return pluginInstance;
  }, []);

  // 获取到的全量插件
  const plugins = plugin.getPlugin();

  // 传入下层
  return HocBaseComponents(CnFormatFallback, { props, plugins });
};

CnFormat.defaultProps = {
  type: 'CnInput',
};

CnFormat.displayName = 'CnFormat';

CnFormat.registerFormat = registerFormat;
CnFormat.getAllSupportFormat = getAllSupportFormat;