@tachybase/client 0.23.58 → 1.0.6

package/es/modules/blocks/data-blocks/table/tableBlockSettings.mjs

@@ -91,6 +91,10 @@ const tableBlockSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_set
                             const sortBy = null == data ? void 0 : null === (_data_data = data.data) || void 0 === _data_data ? void 0 : null === (_data_data_ = _data_data[0]) || void 0 === _data_data_ ? void 0 : _data_data_.sortBy;
                             fieldSchema['x-decorator-props'].dragSortBy = sortBy;
                         }
+                        if (!dragSort) {
+                            fieldSchema['x-decorator-props'].dragSortBy = null;
+                            field.decoratorProps.dragSortBy = null;
+                        }
                         field.decoratorProps.dragSort = dragSort;
                         fieldSchema['x-decorator-props'].dragSort = dragSort;
                         service.run({

package/es/modules/blocks/data-blocks/table/tableColumnSettings.mjs

@@ -108,6 +108,50 @@ const tableColumnSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_se
                         };
                     }
                 },
+                {
+                    name: 'columnAlign',
+                    type: 'select',
+                    useComponentProps () {
+                        var _fieldSchema_xcomponentprops;
+                        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+                        const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+                        const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+                        const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
+                        return {
+                            key: 'align',
+                            title: t('Align'),
+                            options: [
+                                {
+                                    label: t('Left'),
+                                    value: 'left'
+                                },
+                                {
+                                    label: t('Center'),
+                                    value: 'center'
+                                },
+                                {
+                                    label: t('Right'),
+                                    value: 'right'
+                                }
+                            ],
+                            value: (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.align) || 'left',
+                            onChange: (align)=>{
+                                const props = fieldSchema['x-component-props'] || {};
+                                props['align'] = align;
+                                const schema = {
+                                    ['x-uid']: fieldSchema['x-uid']
+                                };
+                                schema['x-component-props'] = props;
+                                fieldSchema['x-component-props'] = props;
+                                field.componentProps.align = align;
+                                dn.emit('patch', {
+                                    schema
+                                });
+                                dn.refresh();
+                            }
+                        };
+                    }
+                },
                 {
                     name: 'sortable',
                     type: 'switch',

package/es/modules/blocks/filter-blocks/collapse/filterCollapseItemFieldSettings.mjs

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
 import * as __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__ from "../../../../application/schema-settings/SchemaSettings.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__ from "../../../../block-provider/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__ from "../../../../collection-manager/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__ from "../../../../data-source/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../../schema-component/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../../../schema-settings/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettingsDataScope_mjs__ from "../../../../schema-settings/SchemaSettingsDataScope.mjs";
@@ -183,6 +184,9 @@ const filterCollapseItemFieldSettings = new __WEBPACK_EXTERNAL_MODULE__applicati
                                 onChange: onTitleFieldChange
                             };
                         }
+                    },
+                    {
+                        ...__WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.fieldComponentSettingsItem
                     }
                 ];
             }

package/es/modules/blocks/filter-blocks/form/filterFormItemFieldSettings.mjs

@@ -6,7 +6,9 @@ import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../../..
 import * as __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__ from "../../../../application/schema-settings/SchemaSettings.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__ from "../../../../collection-manager/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__common_useFieldComponentName_mjs__ from "../../../../common/useFieldComponentName.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__ from "../../../../data-source/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../../../schema-settings/index.mjs";
 const filterFormItemFieldSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__.SchemaSettings({
     name: 'fieldSettings:FilterFormItem',
     items: [
@@ -308,6 +310,13 @@ const filterFormItemFieldSettings = new __WEBPACK_EXTERNAL_MODULE__application_s
                     {
                         name: 'operator',
                         Component: __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.EditOperator
+                    },
+                    {
+                        ...__WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.fieldComponentSettingsItem
+                    },
+                    {
+                        name: 'editDefaultValue',
+                        Component: __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsDefaultValue
                     }
                 ];
             }

package/es/modules/fields/component/SubTable/secondLevelSelect.d.ts

@@ -0,0 +1,11 @@
+import { type SelectProps } from 'antd';
+import { FieldNames } from '../../../../schema-component';
+export declare const SecondLevelSelect: import("react").ForwardRefExoticComponent<SelectProps<any, any> & {
+    objectValue?: boolean;
+    onChange?: (v: any) => void;
+    multiple: boolean;
+    rawOptions: any[];
+    fieldNames: FieldNames;
+    firstLevelValue: string;
+    collectionField: string;
+} & import("react").RefAttributes<never>>;

package/es/modules/fields/component/SubTable/secondLevelSelect.mjs

@@ -0,0 +1,102 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__ from "../../../../data-source/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_select_ReadPretty_mjs__ from "../../../../schema-component/antd/select/ReadPretty.mjs";
+const filterOption = (input, option)=>{
+    var _option_label;
+    return (null !== (_option_label = null == option ? void 0 : option.label) && void 0 !== _option_label ? _option_label : '').toLowerCase().includes((input || '').toLowerCase());
+};
+const SecondLevelSelect = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.connect)((props)=>{
+    const { objectValue, loading, value, rawOptions, defaultValue, firstLevelValue, collectionField, ...others } = props;
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+    const cm = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollectionManager)();
+    let mode = props.multiple ? 'multiple' : props.mode;
+    if (mode && ![
+        'multiple',
+        'tags'
+    ].includes(mode)) mode = void 0;
+    const toValue = (v)=>{
+        if ([
+            'tags',
+            'multiple'
+        ].includes(props.mode) || props.multiple) {
+            if (v) return (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.toArr)(v);
+            return;
+        }
+        return v;
+    };
+    const Parentoptions = cm.getCollectionFields("".concat(collectionField, ".").concat(firstLevelValue));
+    const fieldParentTabsOptions = Parentoptions.map((item)=>{
+        if ('m2o' === item.interface) return {
+            ...item,
+            label: compile(item.uiSchema.title),
+            value: item.name
+        };
+    }).filter(Boolean);
+    fieldParentTabsOptions.unshift({
+        label: t('none'),
+        value: 'none'
+    });
+    const matchedOption = fieldParentTabsOptions.find((option)=>option.value === value);
+    const newValue = matchedOption ? value : 'none';
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!matchedOption) {
+            var _props_onChange;
+            null === (_props_onChange = props.onChange) || void 0 === _props_onChange || _props_onChange.call(props, 'none');
+        }
+    }, [
+        value,
+        fieldParentTabsOptions
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Select, {
+        role: "button",
+        "data-testid": "select-".concat(mode || 'single'),
+        showSearch: true,
+        filterOption: filterOption,
+        allowClear: {
+            clearIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseCircleFilled, {
+                role: "button",
+                "aria-label": "icon-close-select"
+            })
+        },
+        popupMatchSelectWidth: false,
+        notFoundContent: loading ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Spin, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Empty, {
+            image: __WEBPACK_EXTERNAL_MODULE_antd__.Empty.PRESENTED_IMAGE_SIMPLE
+        }),
+        value: toValue(newValue),
+        defaultValue: toValue(defaultValue),
+        tagRender: (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tag, {
+                role: "button",
+                "aria-label": props.label,
+                closeIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseOutlined, {
+                    role: "button",
+                    "aria-label": "icon-close-tag"
+                }),
+                ...props,
+                children: props.label
+            }),
+        options: fieldParentTabsOptions,
+        ...others,
+        onChange: (changed)=>{
+            var _props_onChange;
+            null === (_props_onChange = props.onChange) || void 0 === _props_onChange || _props_onChange.call(props, void 0 === changed ? null : changed);
+        },
+        mode: mode
+    });
+}, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapProps)({
+    dataSource: 'options'
+}, (props, field)=>({
+        ...props,
+        fieldNames: {
+            ...__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.defaultFieldNames,
+            ...props.fieldNames
+        },
+        suffixIcon: (null == field ? void 0 : field['loading']) || (null == field ? void 0 : field['validating']) ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.LoadingOutlined, {}) : props.suffixIcon
+    })), (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(__WEBPACK_EXTERNAL_MODULE__schema_component_antd_select_ReadPretty_mjs__.ReadPretty));
+export { SecondLevelSelect };

package/es/modules/fields/component/SubTable/subTablePopoverComponentFieldSettings.d.ts

@@ -1,5 +1,6 @@
 import { ISchema } from '@tachybase/schema';
 import { SchemaSettings } from '../../../../application/schema-settings/SchemaSettings';
+import { FieldNames } from '../../../../schema-component';
 export declare const setDefaultSortingRules: {
     name: string;
     type: string;
@@ -29,52 +30,89 @@ export declare const allowAddNewData: {
         onChange(value: any): void;
     };
 };
-export declare const isQuickAddTabs: {
+export declare const clickToSelect: {
     name: string;
     type: string;
     useVisible(): boolean;
     useComponentProps(): {
+        components: {
+            Switch: import("react").ForwardRefExoticComponent<Omit<import("antd").SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+            SecondLevelSelect: import("react").ForwardRefExoticComponent<import("antd").SelectProps<any, any> & {
+                objectValue?: boolean;
+                onChange?: (v: any) => void;
+                multiple: boolean;
+                rawOptions: any[];
+                fieldNames: FieldNames;
+                firstLevelValue: string;
+                collectionField: string;
+            } & import("react").RefAttributes<never>>;
+        };
         title: string;
-        checked: any;
-        onChange(value: any): void;
-    };
-};
-export declare const setQuickAddTabs: {
-    name: string;
-    type: string;
-    useComponentProps(): {
-        title: string;
-        options: {
-            label: any;
-            value: any;
-            name?: any;
-            collectionName?: string;
-            sourceKey?: string;
-            uiSchema?: any;
-            target?: string;
-        }[];
-        value: any;
-        onChange(mode: any): void;
-    };
-    useVisible(): any;
-};
-export declare const setQuickAddParentTabs: {
-    name: string;
-    type: string;
-    useComponentProps(): {
-        title: string;
-        options: {
-            label: any;
-            value: any;
-            name?: any;
-            collectionName?: string;
-            sourceKey?: string;
-            uiSchema?: any;
-            target?: string;
-        }[];
-        value: any;
-        onChange(mode: any): void;
+        schema: {
+            type: string;
+            title: string;
+            properties: {
+                isquickaddtabs: {
+                    title: string;
+                    type: string;
+                    default: any;
+                    'x-decorator': string;
+                    'x-component': string;
+                    'x-component-props': {};
+                };
+                firstLevelselection: {
+                    title: string;
+                    default: any;
+                    'x-decorator': string;
+                    'x-component': string;
+                    enum: {
+                        label: any;
+                        value: any;
+                        name?: any;
+                        collectionName?: string;
+                        sourceKey?: string;
+                        uiSchema?: any;
+                        target?: string;
+                    }[];
+                    'x-reactions': {
+                        dependencies: string[];
+                        fulfill: {
+                            state: {
+                                visible: string;
+                            };
+                        };
+                    }[];
+                    'x-component-props': {
+                        onChange(value: any): void;
+                    };
+                };
+                secondLevelselection: {
+                    title: string;
+                    default: any;
+                    'x-decorator': string;
+                    'x-component': string;
+                    'x-reactions': {
+                        dependencies: string[];
+                        fulfill: {
+                            state: {
+                                visible: string;
+                            };
+                            schema: {
+                                'x-component-props': {
+                                    firstLevelValue: string;
+                                    collectionField: any;
+                                };
+                            };
+                        };
+                    }[];
+                };
+            };
+        };
+        onSubmit: ({ isquickaddtabs, firstLevelselection, secondLevelselection }: {
+            isquickaddtabs: any;
+            firstLevelselection: any;
+            secondLevelselection: any;
+        }) => Promise<void>;
     };
-    useVisible(): boolean;
 };
 export declare const subTablePopoverComponentFieldSettings: SchemaSettings<{}>;

package/es/modules/fields/component/SubTable/subTablePopoverComponentFieldSettings.mjs

@@ -1,3 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
@@ -8,6 +9,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__ from "../../../..
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../../schema-component/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_association_field_util_mjs__ from "../../../../schema-component/antd/association-field/util.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_form_item_index_mjs__ from "../../../../schema-component/antd/form-item/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__secondLevelSelect_mjs__ from "./secondLevelSelect.mjs";
 const fieldComponent = {
     name: 'fieldComponent',
     type: 'select',
@@ -233,51 +235,24 @@ const allowAddNewData = {
         };
     }
 };
-const isQuickAddTabs = {
-    name: 'isquickaddtabs',
-    type: 'switch',
+const clickToSelect = {
+    name: 'clicktoselect',
+    type: 'modal',
     useVisible () {
         const readPretty = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_form_item_index_mjs__.useIsFieldReadPretty)();
         const isAssociationField = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_form_item_index_mjs__.useIsAssociationField)();
         return !readPretty && isAssociationField;
     },
     useComponentProps () {
-        var _fieldSchema_xcomponentprops;
+        var _fieldSchema_xcomponentprops_quickAddField, _fieldSchema_xcomponentprops_quickAddParentCollection, _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
         const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
         const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
         const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
         const { dn, refresh } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
-        return {
-            title: t('Is Quick Add Tabs'),
-            checked: (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.isQuickAdd) || false,
-            onChange (value) {
-                const schema = {
-                    ['x-uid']: fieldSchema['x-uid']
-                };
-                field.componentProps['isQuickAdd'] = value;
-                fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
-                fieldSchema['x-component-props']['isQuickAdd'] = value;
-                schema['x-component-props'] = fieldSchema['x-component-props'];
-                dn.emit('patch', {
-                    schema
-                });
-                refresh();
-            }
-        };
-    }
-};
-const setQuickAddTabs = {
-    name: 'setquickaddtabs',
-    type: 'select',
-    useComponentProps () {
-        const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-        const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
         const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
-        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
         const cm = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollectionManager)();
+        const [firstLevelValue, setFirstLevelValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)((null === (_fieldSchema_xcomponentprops_quickAddField = fieldSchema['x-component-props']['quickAddField']) || void 0 === _fieldSchema_xcomponentprops_quickAddField ? void 0 : _fieldSchema_xcomponentprops_quickAddField.value) || 'none');
         const options = cm.getCollection(fieldSchema['x-collection-field']);
-        const defVal = fieldSchema['x-component-props']['quickAddField'] || 'none';
-        const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
         const isAddNewForm = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useIsAddNewForm)();
         const fieldTabsOptions = options.fields.map((item)=>{
             if ('m2o' === item.interface || 'select' === item.interface) {
@@ -293,84 +268,117 @@ const setQuickAddTabs = {
             label: 'none',
             value: 'none'
         });
-        return {
-            title: t('Set Quick Add Tabs'),
-            options: fieldTabsOptions,
-            value: defVal,
-            onChange (mode) {
-                const schema = {
-                    ['x-uid']: fieldSchema['x-uid']
-                };
-                fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
-                fieldSchema['x-component-props']['quickAddField'] = {
-                    fieldInterface: fieldTabsOptions.find((item)=>item.value === mode)['interface'] || 'none',
-                    value: mode
-                };
-                schema['x-component-props'] = fieldSchema['x-component-props'];
-                field.componentProps = field.componentProps || {};
-                field.componentProps['quickAddField'] = fieldSchema['x-component-props']['quickAddField'];
-                if ((0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_association_field_util_mjs__.isSubMode)(fieldSchema) && isAddNewForm) {
-                    schema.default = null;
-                    fieldSchema.default = null;
-                    field.setInitialValue(null);
-                    field.setValue(null);
-                }
-                dn.emit('patch', {
-                    schema
-                });
-                dn.refresh();
-            }
-        };
-    },
-    useVisible () {
-        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-        return fieldSchema['x-component-props']['isQuickAdd'];
-    }
-};
-const setQuickAddParentTabs = {
-    name: 'setquickaddparenttabs',
-    type: 'select',
-    useComponentProps () {
-        var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops_quickAddParentCollection, _fieldSchema_xcomponentprops1;
-        const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-        const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
-        const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
-        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-        const cm = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollectionManager)();
-        const { value: quickField } = (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops['quickAddField']) || {};
-        const options = cm.getCollectionFields("".concat(fieldSchema['x-collection-field'], ".").concat(quickField));
-        const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
-        const isAddNewForm = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useIsAddNewForm)();
-        const fieldTabsOptions = options.map((item)=>{
+        const Parentoptions = cm.getCollectionFields("".concat(fieldSchema['x-collection-field'], ".").concat(firstLevelValue));
+        const fieldParentTabsOptions = Parentoptions.map((item)=>{
             if ('m2o' === item.interface) return {
                 ...item,
                 label: compile(item.uiSchema.title),
                 value: item.name
             };
         }).filter(Boolean);
-        fieldTabsOptions.unshift({
+        fieldParentTabsOptions.unshift({
             label: t('none'),
             value: 'none'
         });
-        const defValue = (null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : null === (_fieldSchema_xcomponentprops_quickAddParentCollection = _fieldSchema_xcomponentprops1['quickAddParentCollection']) || void 0 === _fieldSchema_xcomponentprops_quickAddParentCollection ? void 0 : _fieldSchema_xcomponentprops_quickAddParentCollection.value) || 'none';
+        const defParentVal = (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : null === (_fieldSchema_xcomponentprops_quickAddParentCollection = _fieldSchema_xcomponentprops['quickAddParentCollection']) || void 0 === _fieldSchema_xcomponentprops_quickAddParentCollection ? void 0 : _fieldSchema_xcomponentprops_quickAddParentCollection.value) || 'none';
+        const schema = {
+            type: 'object',
+            title: t('Click to select'),
+            properties: {
+                isquickaddtabs: {
+                    title: t('Enable quick create'),
+                    type: 'boolean',
+                    default: (null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : _fieldSchema_xcomponentprops1.isQuickAdd) || false,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Switch',
+                    'x-component-props': {}
+                },
+                firstLevelselection: {
+                    title: t('Set Quick Add Tabs'),
+                    default: firstLevelValue,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Select',
+                    enum: fieldTabsOptions,
+                    'x-reactions': [
+                        {
+                            dependencies: [
+                                'isquickaddtabs'
+                            ],
+                            fulfill: {
+                                state: {
+                                    visible: '{{$deps[0] === true}}'
+                                }
+                            }
+                        }
+                    ],
+                    'x-component-props': {
+                        onChange (value) {
+                            setFirstLevelValue(value);
+                        }
+                    }
+                },
+                secondLevelselection: {
+                    title: t('Set Quick Add Parent Tabs'),
+                    default: defParentVal,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'SecondLevelSelect',
+                    'x-reactions': [
+                        {
+                            dependencies: [
+                                'firstLevelselection',
+                                'isquickaddtabs'
+                            ],
+                            fulfill: {
+                                state: {
+                                    visible: '{{$deps[0] !== "none" && $deps[1] === true}}'
+                                },
+                                schema: {
+                                    'x-component-props': {
+                                        firstLevelValue: '{{$deps[0]}}',
+                                        collectionField: fieldSchema['x-collection-field']
+                                    }
+                                }
+                            }
+                        }
+                    ]
+                }
+            }
+        };
         return {
-            title: t('Set Quick Add Parent Tabs'),
-            options: fieldTabsOptions,
-            value: defValue,
-            onChange (mode) {
+            components: {
+                Switch: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.Switch,
+                SecondLevelSelect: __WEBPACK_EXTERNAL_MODULE__secondLevelSelect_mjs__.SecondLevelSelect
+            },
+            title: t('Quick create'),
+            schema,
+            onSubmit: async (param)=>{
+                let { isquickaddtabs, firstLevelselection, secondLevelselection } = param;
+                var _fieldTabsOptions_find;
                 const schema = {
                     ['x-uid']: fieldSchema['x-uid']
                 };
+                field.componentProps['isQuickAdd'] = isquickaddtabs;
+                fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                fieldSchema['x-component-props']['isQuickAdd'] = isquickaddtabs;
+                schema['x-component-props'] = fieldSchema['x-component-props'];
+                fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                fieldSchema['x-component-props']['quickAddField'] = {
+                    fieldInterface: (null === (_fieldTabsOptions_find = fieldTabsOptions.find((item)=>item.value === firstLevelselection)) || void 0 === _fieldTabsOptions_find ? void 0 : _fieldTabsOptions_find['interface']) || 'none',
+                    value: firstLevelselection
+                };
+                schema['x-component-props'] = fieldSchema['x-component-props'];
+                field.componentProps = field.componentProps || {};
+                field.componentProps['quickAddField'] = fieldSchema['x-component-props']['quickAddField'];
                 fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
                 fieldSchema['x-component-props']['quickAddParentCollection'] = {
-                    collectionField: "".concat(fieldSchema['x-collection-field'], ".").concat(quickField, ".").concat(mode),
-                    value: mode
+                    collectionField: "".concat(fieldSchema['x-collection-field'], ".").concat(firstLevelselection, ".").concat(secondLevelselection),
+                    value: secondLevelselection
                 };
                 schema['x-component-props'] = fieldSchema['x-component-props'];
                 field.componentProps = field.componentProps || {};
                 field.componentProps['quickAddParentCollection'] = {
-                    collectionField: "".concat(fieldSchema['x-collection-field'], ".").concat(quickField, ".").concat(mode),
-                    value: mode
+                    collectionField: "".concat(fieldSchema['x-collection-field'], ".").concat(firstLevelselection, ".").concat(secondLevelselection),
+                    value: secondLevelselection
                 };
                 if ((0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_association_field_util_mjs__.isSubMode)(fieldSchema) && isAddNewForm) {
                     schema.default = null;
@@ -379,15 +387,12 @@ const setQuickAddParentTabs = {
                     field.setValue(null);
                 }
                 dn.emit('patch', {
-                    schema
+                    schema: schema
                 });
+                refresh();
                 dn.refresh();
             }
         };
-    },
-    useVisible () {
-        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-        return fieldSchema['x-component-props']['isQuickAdd'] && fieldSchema['x-component-props']['quickAddField'] && 'none' !== fieldSchema['x-component-props']['quickAddField'];
     }
 };
 const subTablePopoverComponentFieldSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__.SchemaSettings({
@@ -397,9 +402,7 @@ const subTablePopoverComponentFieldSettings = new __WEBPACK_EXTERNAL_MODULE__app
         allowAddNewData,
         allowSelectExistingRecord,
         setDefaultSortingRules,
-        isQuickAddTabs,
-        setQuickAddTabs,
-        setQuickAddParentTabs
+        clickToSelect
     ]
 });
-export { allowAddNewData, isQuickAddTabs, setDefaultSortingRules, setQuickAddParentTabs, setQuickAddTabs, subTablePopoverComponentFieldSettings };
+export { allowAddNewData, clickToSelect, setDefaultSortingRules, subTablePopoverComponentFieldSettings };