/* eslint-disable @typescript-eslint/no-use-before-define */
import BSL from '../../typings';
import * as React from 'react';
import * as classNames from 'classnames';
import { appData } from '../../app/core';

export interface Props extends BSL.ComponentProps {
  /** 
   * 前往的页面
   * 数字代表回退的页数
   * */
  to: string | number;
  /** 是否替换当前路由 */
  replace?: boolean;
  children?: any;
  /** 页面参数 */
  query?: (string | number)[];
  /** 路由跳转前执行 */
  onBefore?: (beforePathname: string, afterPathname: string) => void;
  /** 路由跳转后执行 */
  onAfter?: (beforePathname: string, afterPathname: string) => void;
  /** 是否在一个新的标签页打开 */
  newPage?: boolean;
}

export interface Params {
  url: string;
  replace: boolean;
  query?: (string | number)[];
  newPage?: boolean;
}

function getQuery(url: string) {
  const index = url.indexOf('?');
  if (index > 0) {
    return url.substr(index);
  }
  return '';
}

function link(params: Params): void {
  const { url, replace, query, newPage } = params;
  let qsurl = query ? `${url}/${query.join('/')}` : url;

  if (Link.defaultParams) {
    qsurl += getQuery(url) ? Link.defaultParams : '?' + Link.defaultParams;
  }

  if (appData.history?.location.pathname !== qsurl) {
    if (newPage) {
      window.open(qsurl, '_blank');
    } else {
      if (replace) {
        appData.history!.replace(qsurl);
      } else {
        appData.history!.push(qsurl);
      }
    }
  }
}

const prefixCls = 'bsl-link';
const Link = (props: Props) => {
  const { className, style, id, children, to, replace, onBefore, onAfter, query, newPage } = props;
  return (
    <div
      className={classNames(prefixCls, className)}
      style={style}
      id={id}
      onClick={(e) => {
        e.preventDefault();
        e.stopPropagation();
        const pathname = appData.history!.location.pathname;

        if (typeof to === 'string') {
          if (onBefore) {
            onBefore(pathname, to);
          }
          
          link({ url: to, replace: replace ? true : false, query, newPage });
 
          if (onAfter) {
            onAfter(pathname, to);
          }
        } else {
          Link.back(to);
        }
      }}
    >{children}</div>
  );
};

Link.go = function(params: Omit<Params, 'replace'>): void {
  appData.scrollLocation.push(window.scrollY);
  link({ ...params, replace: false });
};
Link.replace = function(params: Omit<Omit<Params, 'replace'>, 'newPage'>): void {
  link({ ...params, replace: true });
};
Link.back = function(count = -1): void {
  appData.history!.go(count);
};
/** 
 * 默认参数，跳转链接时自动带上 
 * @example Link.defaultParams = 'a=1&b=2';
 * */
Link.defaultParams = '';
export default Link;