import { classNames } from 'mixlea-utils-js';

import type { MlBaseFormCellProps } from '../types';

function composeEventHandler(handler1: (...args: any) => any, handler2: (...args: any) => any) {
  return (...args: any) => {
    // 先执行原有的事件回调函数
    handler1(args);
    handler2(args);
    // 事件回调函数没有返回值，故这里不进行 return
  };
}

/** 合并两个 cellProps（单元格属性）对象，返回一个合并后的全新对象。
 *
 * mergeCellProps 会按照以下规则来合并两个对象：
 * * 对于 数字、字符串、布尔值类型的字段，extra 中的字段值将直接覆盖 base 中的字段值（class 是个特例，会进行字符串拼接）
 * * 对于函数/方法类型的字段（对应单元格的事件回调函数），mergeCellProps 将生成一个新的函数，新函数将按序调用 base 和 extra 中的方法
 * * 对于普通对象类型的字段（对应单元格的样式），mergeCellProps 将合并两个对象
 * */
export default function mergeCellProps(
  base: Record<string, any> = {},
  extra: Record<string, any> = {},
): MlBaseFormCellProps {
  if (base === null || base === undefined) {
    return extra;
  }

  if (extra === null || extra === undefined) {
    return base;
  }

  const result: Record<string, any> = { ...base };

  // eslint-disable-next-line no-restricted-syntax
  for (const key of Object.keys(extra)) {
    const value = (extra as any)[key];
    const type = typeof value;

    if (value === null) {
      // value=null 时 覆盖原来的值
      result[key] = null;
    } else if (value === undefined) {
      // value=undefined 时 保留原来的值
    } else if (type === 'number' || type === 'string' || type === 'boolean') {
      if (key === 'class') {
        result[key] = classNames(result[key], value);
      } else {
        result[key] = value;
      }
    } else if (type === 'function') {
      const prev = result[key];
      if (prev === null || prev === undefined) {
        result[key] = value;
      } else {
        result[key] = composeEventHandler(prev, value);
      }
    } else if (type === 'object') {
      result[key] = { ...result[key], ...value };
    }
    // else `type` is 'bigint' or 'symbol', `value` is an invalid cellProp, ignore it
  }

  return result;
}