import type { CSSProperties, PropType } from 'vue';
import { FormSchema } from './types/form';
import type { ColEx } from './types';
import type { ButtonProps } from 'ant-design-vue/lib/button';
import { propTypes } from '@/utils/propTypes';
import type { RowProps } from 'ant-design-vue/lib/grid/Row';
export const basicProps = {
  // 标签宽度  固定宽度
  labelWidth: {
    type: [Number, String] as PropType<number | string>,
    default: 80,
  },
  // 表单配置规则
  schemas: {
    type: [Array] as PropType<FormSchema[]>,
    default: () => [],
  },
  //布局方式
  layout: {
    type: String,
    default: 'horizontal',
  },
  //操作按钮继承 LabelCol
  actInheritLabelCol: {
    type: Boolean,
    default: false,
  },
  //是否展示为行内表单
  inline: {
    type: Boolean,
    default: false,
  },
  //大小
  size: {
    type: String,
    default: 'medium',
  },
  //组件是否width 100%
  isFull: {
    type: Boolean,
    default: true,
  },
  // 禁用表单
  disabled: propTypes.bool,
  //是否显示操作按钮（查询/重置）
  showActionButtonGroup: propTypes.bool.def(true),
  // 显示重置按钮
  showResetButton: propTypes.bool.def(true),
  //重置按钮配置
  resetButtonOptions: Object as PropType<Partial<ButtonProps>>,
  // 显示确认按钮
  showSubmitButton: propTypes.bool.def(true),
  // 确认按钮配置
  submitButtonOptions: Object as PropType<Partial<ButtonProps>>,
  //展开收起按钮
  showAdvancedButton: propTypes.bool.def(true),
  // 确认按钮文字
  submitButtonText: {
    type: String,
    default: '查询',
  },
  //重置按钮文字
  resetButtonText: {
    type: String,
    default: '重置',
  },
  labelCol: Object as PropType<Partial<ColEx>>,
  //row 配置
  rowProps: Object as PropType<Partial<RowProps>>,
  //col 配置
  colProps: Object as PropType<Partial<ColEx>>,
  //row 样式
  baseRowStyle: Object as PropType<CSSProperties>,
  //操作按钮样式
  actionStyle: Object as PropType<CSSProperties>,
  //是否折叠
  collapsed: {
    type: Boolean,
    default: false,
  },
  //默认展示的行数
  collapsedRows: {
    type: Number,
    default: 1,
  },
};