import { markRaw } from "vue";
import type { DataFormProps } from "@/components/data-form/DataFormTypes.ts";
import type { PropertyFieldSetter } from "@/core/base/PropertyTypes.ts";
import { dataFormInputComponents } from "@/components/data-form/DataFormConstant.ts";
import TransformEditor from "@/editor/propEditors/TransformEditor.vue";

const defDataFormProps: DataFormProps = {
    columnCount: 1,
    layout: "onlyLabelFixed",
    labelWidth: "60px",
    size: "small",
};

dataFormInputComponents.TransformEditor = markRaw<any>(TransformEditor);

const basicFieldsSetter: Array<PropertyFieldSetter> = [
    {
        dataPath: 'id', label: '唯一ID', input: 'Input',
        inputProps: {
            readonly: true,
        },
    },
    {
        dataPath: 'name', label: '名称', input: 'Input',
        inputProps: {},
    },
    {
        dataPath: 'v', label: '可见', input: 'Checkbox',
        inputProps: {},
    },
    {
        dataPath: 'dt.selectable', label: '可选中', input: 'Checkbox',
        inputProps: {},
    },
    {
        dataPath: 'dt.protected', label: '受保护', input: 'Checkbox',
        inputProps: {},
    },
    {
        dataPath: 'dt.label', label: '标签', input: 'Input',
        inputProps: {},
    },
    {
        dataPath: 'dt.color', label: '颜色', input: 'ColorPicker',
        inputProps: {},
    },
    {
        dataPath: 'tf', input: 'TransformEditor',
        inputProps: {},
    },
    // {
    //     dataPath: 'dt', input: 'InOutCenterEditor',
    //     inputProps: {
    //     },
    // },
];


export {
    defDataFormProps,
    basicFieldsSetter,
}