import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
import "react";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
const options = [
    {
        title: '福建',
        id: 'FuJian',
        children: [
            {
                title: '福州',
                id: 'FZ'
            },
            {
                title: '莆田',
                id: 'PT'
            }
        ]
    },
    {
        title: '江苏',
        id: 'XZ'
    },
    {
        title: '浙江',
        id: 'ZX'
    }
];
const schema = {
    type: 'object',
    properties: {
        editable: {
            type: 'object',
            title: "Editable",
            'x-decorator': 'FormItem',
            'x-component': 'Select',
            'x-component-props': {
                objectValue: true,
                fieldNames: {
                    label: 'title',
                    value: 'id'
                },
                options
            },
            default: {
                title: '福州',
                id: 'FZ'
            },
            'x-reactions': {
                target: 'read',
                fulfill: {
                    state: {
                        value: '{{$self.value}}'
                    }
                }
            }
        },
        read: {
            type: 'object',
            title: "Read pretty",
            'x-read-pretty': true,
            'x-decorator': 'FormItem',
            'x-component': 'Select',
            'x-component-props': {
                objectValue: true,
                fieldNames: {
                    label: 'title',
                    value: 'id'
                },
                options
            }
        }
    }
};
const demo3_rslib_entry_ = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
        components: {
            Select: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Select,
            FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
        },
        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
            schema: schema
        })
    });
export { demo3_rslib_entry_ as default };
