import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';

import type { CSSProperties, PropType } from 'vue';

import type { ModalWrapperProps } from './typing';

import { $t } from '@vben/locales';

export const modalProps = {
  cancelText: { default: () => $t('common.cancelText'), type: String },
  centered: { default: true, type: Boolean },
  closeFunc: Function as PropType<() => Promise<boolean>>,
  continueText: { default: () => $t('common.continueText'), type: String },
  // open drag
  draggable: { default: true, type: Boolean },
  // open resize
  resizable: { default: true, type: Boolean },
  height: { type: Number },
  minHeight: { type: Number },
  okText: { default: () => $t('common.okText'), type: String },
  open: { type: Boolean },

  scrollTop: { default: true, type: Boolean },
};

export const basicProps = Object.assign({}, modalProps, {
  afterClose: Function as PropType<() => Promise<VueNode>>,
  bodyStyle: Object as PropType<CSSProperties>,
  cancelButtonProps: Object as PropType<ButtonProps>,
  // Can it be full screen
  canFullscreen: { default: false, type: Boolean },
  closable: { default: true, type: Boolean },
  closeIcon: Object as PropType<VueNode>,
  confirmLoading: { type: Boolean },
  continueButtonProps: Object as PropType<ButtonProps>,
  continueLoading: { type: Boolean },

  continueType: { default: 'default', type: String },

  defaultFullscreen: { type: Boolean },

  destroyOnClose: { type: Boolean },

  footer: Object as PropType<VueNode>,

  getContainer: Function as PropType<() => any>,

  // Warm reminder message
  helpMessage: [String, Array] as PropType<string | string[]>,

  keyboard: { default: false, type: Boolean },

  loading: { type: Boolean },

  loadingTip: { type: String },

  mask: { default: true, type: Boolean },

  maskClosable: { default: false, type: Boolean },

  maskStyle: Object as PropType<CSSProperties>,

  okButtonProps: Object as PropType<ButtonProps>,

  okType: { default: 'primary', type: String },

  open: { type: Boolean },

  /**
   * @description: Show close button
   */
  showCancelBtn: { default: true, type: Boolean },

  showContinueBtn: { default: false, type: Boolean },

  /**
   * @description: Show confirmation button
   */
  showOkBtn: { default: true, type: Boolean },

  title: { type: String },

  // Whether to setting wrapper
  useWrapper: { default: true, type: Boolean },

  width: {
    default: 600,
    type: [String, Number] as PropType<number | string>,
  },

  wrapClassName: { type: String },

  // After enabling the wrapper, the bottom can be increased in height
  wrapperFooterOffset: { default: -160, type: Number },

  wrapperProps: Object as PropType<Partial<ModalWrapperProps>>,

  zIndex: { type: Number },
});