import { PropType } from 'vue-demi';
import { Form as ElForm, ComponentSize } from 'element-ui';
import { wrapperProps as CoreWrapperProps } from '@xiaohaih/condition-core';

// @ts-expect-error Form.props 报错
export const formPropKeys = Object.keys(ElForm.props);

/** 条件容器属性 */
export const wrapperProps = {
    size: { type: String as PropType<ComponentSize> },
    // @ts-expect-error Form.props 报错
    ...(ElForm.props as {}),
    ...CoreWrapperProps,
    /** 数据源 */
    datum: { type: Object as PropType<Record<string, any>>, default: () => ({}) },
    /** 是否启用排序 */
    sortable: { type: Boolean as PropType<boolean> },
    /** 重置时是否置为初始值 */
    resetToInitialValue: { type: Boolean as PropType<boolean> },
    /** 初始是否触发一次事件来返回当前的 query */
    immediateSearch: { type: Boolean as PropType<boolean> },
    /** 是否渲染搜索重置按钮 */
    renderBtn: { type: Boolean as PropType<boolean>, default: true },
    /** 重置时触发搜索事件 */
    resetTriggerSearch: { type: Boolean as PropType<boolean> },
    /** 搜索按钮文字 */
    searchText: { type: String as PropType<string>, default: '搜索' },
    /** 重置按钮文字 */
    resetText: { type: String as PropType<string>, default: '重置' },
} as const;

export const wrapperEmits = {
    /** query 已初始化 */
    ready: (query: Record<string, any>) => true,
    /** 搜索事件 - 触发内部 query 对象更新 */
    search: (query: Record<string, any>) => true,
    /** 重置事件 */
    reset: (query: Record<string, any>) => true,
};