@tachybase/client 1.3.20 → 1.3.22

package/es/collection-manager/templates/view.d.ts

@@ -9,9 +9,6 @@ export declare class ViewCollectionTemplate extends CollectionTemplate {
     };
     divider: boolean;
     configurableProperties: {
-        name: any;
-        title: any;
-        description: any;
         autoGenId: any;
         createdBy: any;
         updatedBy: any;
@@ -19,6 +16,9 @@ export declare class ViewCollectionTemplate extends CollectionTemplate {
         updatedAt: any;
         sortable: any;
         inherits: any;
+        title: any;
+        name: any;
+        description: any;
         category: any;
         presetFields: any;
         databaseView: {

package/es/data-source/collection-field-interface/CollectionFieldInterface.mjs

@@ -10,21 +10,7 @@ function _define_property(obj, key, value) {
 }
 class CollectionFieldInterface {
     addComponentOption(componentOption) {
-        if (!this.componentOptions) {
-            var _this_default_uiSchema, _this_default, _this_default_uiSchema1, _this_default1;
-            this.componentOptions = [];
-            const xComponent = null == (_this_default = this.default) ? void 0 : null == (_this_default_uiSchema = _this_default.uiSchema) ? void 0 : _this_default_uiSchema['x-component'];
-            const componentProps = null == (_this_default1 = this.default) ? void 0 : null == (_this_default_uiSchema1 = _this_default1.uiSchema) ? void 0 : _this_default_uiSchema1['x-component-props'];
-            if (xComponent) this.componentOptions = [
-                {
-                    label: xComponent.split('.').pop(),
-                    value: xComponent,
-                    useProps () {
-                        return componentProps || {};
-                    }
-                }
-            ];
-        }
+        if (!this.componentOptions) this.componentOptions = [];
         this.componentOptions.push(componentOption);
     }
     constructor(collectionFieldInterfaceManager){

package/es/data-source/data-block/DataBlockResourceProvider.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { IResource } from '@tachybase/sdk';
+import { IResource } from '@tego/client';
 export declare const DataBlockResourceContext: React.Context<IResource>;
 export declare const DataBlockResourceProvider: ({ children }: {
     children?: ReactNode;

package/es/filter-provider/utils.mjs

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from "react";
 import { useFieldSchema } from "@tachybase/schema";
-import { dayjs, flatten, getValuesByPath } from "@tachybase/utils/client";
+import { dayjs, flatten, getValuesByPath } from "@tego/client";
 import lodash from "lodash";
 import { findFilterTargets } from "../block-provider/hooks/index.mjs";
 import { useCollectionManager_deprecated, useCollection_deprecated } from "../collection-manager/index.mjs";

package/es/modules/actions/link/customizeLinkActionSettings.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { ArrayItems } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayItems } from "@tego/client";
 import lodash from "lodash";
 import { useTranslation } from "react-i18next";
 import { useCollectionRecord, useDesignable } from "../../../index.mjs";

package/es/modules/blocks/data-blocks/details-multi/detailsWithPaginationSettings.mjs

@@ -1,5 +1,5 @@
-import { ArrayItems } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayItems } from "@tego/client";
 import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
 import { useFormBlockContext } from "../../../../block-provider/index.mjs";

package/es/modules/blocks/data-blocks/form/FormBlockInitializer.d.ts

@@ -32,19 +32,19 @@ export declare const useCreateFormBlock: () => {
     }) => void;
     templateWrap: (templateSchema: any, { item }: {
         item: any;
-    }) => import("packages/schema/lib").Stringify<{
+    }) => import("@tachybase/schema").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
         [key: `x-${number}`]: any;
         version?: string;
-        name?: import("packages/schema/lib").SchemaKey;
+        name?: import("@tachybase/schema").SchemaKey;
         title?: any;
         description?: any;
         default?: any;
         readOnly?: boolean;
         writeOnly?: boolean;
-        type?: import("packages/schema/lib").SchemaTypes;
-        enum?: import("packages/schema/lib").SchemaEnum<any>;
+        type?: import("@tachybase/schema").SchemaTypes;
+        enum?: import("@tachybase/schema").SchemaEnum<any>;
         const?: any;
         multipleOf?: number;
         maximum?: number;
@@ -63,12 +63,12 @@ export declare const useCreateFormBlock: () => {
         format?: string;
         $ref?: string;
         $namespace?: string;
-        definitions?: import("packages/schema/lib").SchemaProperties<any, any, any, any, any, any, any, any>;
-        properties?: import("packages/schema/lib").SchemaProperties<any, any, any, any, any, any, any, any>;
-        items?: import("packages/schema/lib").SchemaItems<any, any, any, any, any, any, any, any>;
-        additionalItems?: import("packages/schema/lib").Stringify</*elided*/ any>;
-        patternProperties?: import("packages/schema/lib").SchemaProperties<any, any, any, any, any, any, any, any>;
-        additionalProperties?: import("packages/schema/lib").Stringify</*elided*/ any>;
+        definitions?: import("@tachybase/schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        properties?: import("@tachybase/schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        items?: import("@tachybase/schema").SchemaItems<any, any, any, any, any, any, any, any>;
+        additionalItems?: import("@tachybase/schema").Stringify</*elided*/ any>;
+        patternProperties?: import("@tachybase/schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        additionalProperties?: import("@tachybase/schema").Stringify</*elided*/ any>;
         "x-value"?: any;
         "x-index"?: number;
         "x-pattern"?: any;
@@ -78,7 +78,7 @@ export declare const useCreateFormBlock: () => {
         "x-decorator-props"?: any;
         "x-component"?: any;
         "x-component-props"?: any;
-        "x-reactions"?: import("packages/schema/lib").SchemaReactions<any>;
+        "x-reactions"?: import("@tachybase/schema").SchemaReactions<any>;
         "x-content"?: any;
         "x-data"?: any;
         "x-visible"?: boolean;

package/es/modules/blocks/data-blocks/form/fieldSettingsFormItem.mjs

@@ -1,5 +1,5 @@
-import { ArrayCollapse, FormLayout } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayCollapse, FormLayout } from "@tego/client";
 import lodash from "lodash";
 import { useTranslation } from "react-i18next";
 import { useApp, useSchemaToolbar } from "../../../../application/index.mjs";
@@ -7,7 +7,7 @@ import { SchemaSettings } from "../../../../application/schema-settings/SchemaSe
 import { useFormBlockContext } from "../../../../block-provider/index.mjs";
 import { useCollectionManager_deprecated, useCollection_deprecated } from "../../../../collection-manager/index.mjs";
 import { useFieldComponentName } from "../../../../common/useFieldComponentName.mjs";
-import { fieldComponentSettingsItem, useContextConfigSetting } from "../../../../data-source/index.mjs";
+import { useContextConfigSetting } from "../../../../data-source/index.mjs";
 import { useDesignable, useValidateSchema } from "../../../../schema-component/index.mjs";
 import { useIsFormReadPretty } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
 import { getTempFieldState } from "../../../../schema-component/antd/form-v2/utils.mjs";
@@ -472,9 +472,6 @@ const fieldSettingsFormItem = new SchemaSettings({
                             const validateSchema = useValidateSchema();
                             return form && !isFormReadPretty && validateSchema;
                         }
-                    },
-                    {
-                        ...fieldComponentSettingsItem
                     }
                 ];
             }

package/es/modules/blocks/data-blocks/grid-card/gridCardBlockSettings.mjs

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
-import { ArrayItems } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayItems } from "@tego/client";
 import lodash from "lodash";
 import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";

package/es/modules/blocks/data-blocks/list/listBlockSettings.mjs

@@ -1,5 +1,5 @@
-import { ArrayItems } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayItems } from "@tego/client";
 import lodash from "lodash";
 import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";

package/es/modules/blocks/data-blocks/table/hooks/useTableBlockProps.mjs

@@ -118,14 +118,26 @@ const useTableBlockProps = ()=>{
                     let [key, value] = param;
                     if (key.includes(ctx.rowKey) && selectedRow.includes(value)) delete items[key];
                 });
-                const mergedFilter = mergeFilter([
+                const mergeList = [
                     ...Object.values(storedFilter).map((filter)=>removeNullCondition(filter)),
                     flat.unflatten(items),
                     block.defaultFilter,
                     prevMergedFilter
-                ]);
+                ];
+                const mergedFilter = mergeFilter(mergeList);
                 const currFilter = filterByCleanedFields(mergedFilter);
                 prevMergedFilter = currFilter;
+                dataBlocks.forEach((item)=>{
+                    const targetsUidList = targets.map((targetItem)=>targetItem.uid);
+                    if (targetsUidList.includes(item.uid) && !item.associatedFields.find((assItem)=>assItem.name === target.field || target.field.includes(assItem.name))) {
+                        const prevFlatItems = flat(prevMergedFilter);
+                        Object.entries(prevFlatItems).forEach((param)=>{
+                            let [key, prevItem] = param;
+                            if (key.split('.').includes(target.field)) delete prevFlatItems[key];
+                        });
+                        prevMergedFilter = flat.unflatten(prevFlatItems);
+                    }
+                });
                 return block.doFilter({
                     ...param,
                     page: 1,

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

@@ -1,6 +1,6 @@
 import { useCallback } from "react";
-import { ArrayItems } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayItems } from "@tego/client";
 import { useTranslation } from "react-i18next";
 import { useAPIClient } from "../../../../api-client/index.mjs";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";

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

@@ -4,7 +4,6 @@ import { useApp } from "../../../../application/index.mjs";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
 import { useCollectionManager_deprecated } from "../../../../collection-manager/index.mjs";
 import { useCollection } from "../../../../data-source/collection/CollectionProvider.mjs";
-import { fieldComponentSettingsItem } from "../../../../data-source/commonsSettingsItem/fieldComponent.mjs";
 import { useDesignable } from "../../../../schema-component/index.mjs";
 import { useAssociationFieldContext } from "../../../../schema-component/antd/association-field/hooks.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
@@ -330,8 +329,7 @@ const tableColumnSettings = new SchemaSettings({
                             }
                         };
                     }
-                },
-                fieldComponentSettingsItem
+                }
             ]
         },
         {

package/es/modules/blocks/data-blocks/table-selector/tableSelectorBlockSettings.mjs

@@ -1,6 +1,6 @@
 import { useCallback } from "react";
-import { ArrayItems } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayItems } from "@tego/client";
 import { cloneDeep } from "lodash";
 import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";

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

@@ -4,7 +4,6 @@ import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
 import { useFormBlockContext } from "../../../../block-provider/index.mjs";
 import { useCollectionManager_deprecated, useCollection_deprecated } from "../../../../collection-manager/index.mjs";
-import { fieldComponentSettingsItem } from "../../../../data-source/index.mjs";
 import { useCompile, useDesignable } from "../../../../schema-component/index.mjs";
 import { SchemaSettingsDefaultSortingRules } from "../../../../schema-settings/index.mjs";
 import { SchemaSettingsDataScope } from "../../../../schema-settings/SchemaSettingsDataScope.mjs";
@@ -184,9 +183,6 @@ const filterCollapseItemFieldSettings = new SchemaSettings({
                                 onChange: onTitleFieldChange
                             };
                         }
-                    },
-                    {
-                        ...fieldComponentSettingsItem
                     }
                 ];
             }

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

@@ -1,12 +1,11 @@
-import { ArrayCollapse, FormLayout } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayCollapse, FormLayout } from "@tego/client";
 import lodash from "lodash";
 import { useTranslation } from "react-i18next";
 import { useApp } from "../../../../application/index.mjs";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
 import { useCollectionManager_deprecated, useCollection_deprecated } from "../../../../collection-manager/index.mjs";
 import { useFieldComponentName } from "../../../../common/useFieldComponentName.mjs";
-import { fieldComponentSettingsItem } from "../../../../data-source/index.mjs";
 import { EditOperator, useDesignable, useValidateSchema } from "../../../../schema-component/index.mjs";
 import { SchemaSettingsDefaultValue } from "../../../../schema-settings/index.mjs";
 const filterFormItemFieldSettings = new SchemaSettings({
@@ -311,9 +310,6 @@ const filterFormItemFieldSettings = new SchemaSettings({
                         name: 'operator',
                         Component: EditOperator
                     },
-                    {
-                        ...fieldComponentSettingsItem
-                    },
                     {
                         name: 'editDefaultValue',
                         Component: SchemaSettingsDefaultValue

package/es/modules/blocks/filter-blocks/tree/filterTreeItemFieldSettings.mjs

@@ -1,5 +1,5 @@
-import { ArrayCollapse, FormLayout } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayCollapse, FormLayout } from "@tego/client";
 import lodash from "lodash";
 import { useTranslation } from "react-i18next";
 import { useApp } from "../../../../application/index.mjs";

package/es/modules/fields/component/Cascader/cascaderComponentFieldSettings.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { ArrayItems } from "@tachybase/components";
 import { useField, useFieldSchema } from "@tachybase/schema";
+import { ArrayItems } from "@tego/client";
 import lodash from "lodash";
 import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";

package/es/modules/fields/component/CustomTitle/customTitleComponentFieldSettings.mjs

@@ -1,18 +1,108 @@
+import { useField, useFieldSchema } from "@tachybase/schema";
+import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
-import { useIsAssociationField, useIsFieldReadPretty, useIsMuiltipleAble, useIsSelectFieldMode } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
+import { useFieldComponentName } from "../../../../common/useFieldComponentName.mjs";
+import { useCollectionField, useDataSourceManager } from "../../../../data-source/index.mjs";
+import { useCompile, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
+import { isSubMode } from "../../../../schema-component/antd/association-field/util.mjs";
+import { useIsAssociationField, useIsFieldReadPretty, useIsSelectFieldMode } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
 import { useIsShowMultipleSwitch } from "../../../../schema-settings/hooks/useIsShowMultipleSwitch.mjs";
-import { CustomTitle, allowMultiple, enableLink, fieldComponent, quickCreate, setDefaultSortingRules, setTheDataScope } from "../Select/selectComponentFieldSettings.mjs";
+import { CustomTitle, allowMultiple, enableLink, quickCreate, setDefaultSortingRules, setTheDataScope } from "../Select/selectComponentFieldSettings.mjs";
 const CustomTitleComponentFieldSettings = new SchemaSettings({
     name: 'fieldSettings:component:CustomTitle',
     items: [
         {
-            ...fieldComponent,
-            useVisible: useIsMuiltipleAble
+            name: 'fieldComponent',
+            type: 'select',
+            useComponentProps () {
+                var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions;
+                const { t } = useTranslation();
+                const field = useField();
+                const collectionFieldCurrent = useCollectionField();
+                const { fieldSchema: tableColumnSchema, collectionField } = useColumnSchema();
+                const schema = useFieldSchema();
+                const fieldSchema = tableColumnSchema || schema;
+                const fieldModeOptions = useFieldModeOptions({
+                    fieldSchema: tableColumnSchema,
+                    collectionField
+                });
+                const isAddNewForm = useIsAddNewForm();
+                const fieldMode = useFieldComponentName();
+                const { dn } = useDesignable();
+                const isSelect = [
+                    'select',
+                    'multipleSelect'
+                ].includes(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
+                const optionsMuiltipleSelect = [
+                    {
+                        label: t('Select'),
+                        value: 'Select'
+                    },
+                    {
+                        label: t('Radio group'),
+                        value: 'Radio group'
+                    },
+                    {
+                        label: t('Custom Title'),
+                        value: 'CustomTitle'
+                    }
+                ];
+                if ((null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface) === 'multipleSelect') {
+                    const index = optionsMuiltipleSelect.findIndex((item)=>{
+                        if ('Select' === item.value) item.value = 'multiple';
+                        return 'Radio group' === item.value;
+                    });
+                    optionsMuiltipleSelect.splice(index, 1);
+                }
+                const dm = useDataSourceManager();
+                const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
+                const compile = useCompile();
+                const componentOptions = isSelect ? optionsMuiltipleSelect : fieldModeOptions;
+                null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+                    if (!(null == componentOptions ? void 0 : componentOptions.find((modeItem)=>modeItem.value === item.value))) null == componentOptions || componentOptions.push({
+                        label: compile(item.label),
+                        value: item.value
+                    });
+                });
+                return {
+                    title: t('Field component'),
+                    options: componentOptions,
+                    value: fieldMode,
+                    onChange (mode) {
+                        const schema = {
+                            ['x-uid']: fieldSchema['x-uid']
+                        };
+                        fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                        fieldSchema['x-component-props']['mode'] = mode;
+                        schema['x-component-props'] = fieldSchema['x-component-props'];
+                        field.componentProps = field.componentProps || {};
+                        field.componentProps.mode = mode;
+                        if (isSubMode(fieldSchema) && isAddNewForm) {
+                            var _field_setInitialValue, _field_setValue;
+                            schema.default = null;
+                            fieldSchema.default = null;
+                            null == field || null == (_field_setInitialValue = field.setInitialValue) || _field_setInitialValue.call(field, null);
+                            null == field || null == (_field_setValue = field.setValue) || _field_setValue.call(field, null);
+                        }
+                        dn.emit('patch', {
+                            schema
+                        });
+                        dn.refresh();
+                    }
+                };
+            },
+            useVisible () {
+                const fieldMode = useFieldComponentName();
+                return 'CustomTitle' === fieldMode;
+            }
         },
         {
             ...CustomTitle,
-            useVisible: useIsMuiltipleAble
+            useVisible () {
+                const fieldMode = useFieldComponentName();
+                return 'CustomTitle' === fieldMode;
+            }
         },
         {
             ...setTheDataScope,

package/es/modules/fields/component/InputPreview/inputPreviewComponentFieldSettings.d.ts

@@ -0,0 +1,2 @@
+import { SchemaSettings } from '../../../../application/schema-settings/SchemaSettings';
+export declare const inputPreviewComponentFieldSettings: SchemaSettings<{}>;

package/es/modules/fields/component/InputPreview/inputPreviewComponentFieldSettings.mjs

@@ -0,0 +1,99 @@
+import { useField, useFieldSchema } from "@tachybase/schema";
+import { useTranslation } from "react-i18next";
+import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
+import { useColumnSchema, useDesignable } from "../../../../schema-component/index.mjs";
+const createSettingsItem = (config)=>({
+        name: config.name,
+        type: 'select',
+        useComponentProps () {
+            var _fieldSchema_xcomponentprops;
+            const { t } = useTranslation();
+            const field = useField();
+            const schema = useFieldSchema();
+            const { fieldSchema: tableColumnSchema } = useColumnSchema();
+            const fieldSchema = tableColumnSchema || schema;
+            const { dn } = useDesignable();
+            return {
+                title: t(config.title),
+                options: config.options(t),
+                value: (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops[config.name]) || config.defaultValue,
+                onChange (value) {
+                    const schema = {
+                        ['x-uid']: fieldSchema['x-uid']
+                    };
+                    fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                    fieldSchema['x-component-props'][config.name] = value;
+                    schema['x-component-props'] = fieldSchema['x-component-props'];
+                    field.componentProps = field.componentProps || {};
+                    field.componentProps[config.name] = value;
+                    dn.emit('patch', {
+                        schema
+                    });
+                }
+            };
+        }
+    });
+const getSizeOptions = (t)=>[
+        {
+            value: 'small',
+            label: t('Small')
+        },
+        {
+            value: 'middle',
+            label: t('Middle')
+        },
+        {
+            value: 'large',
+            label: t('Large')
+        },
+        {
+            value: 'oversized',
+            label: t('Oversized')
+        },
+        {
+            value: 'auto',
+            label: t('Auto')
+        }
+    ];
+const getObjectFitOptions = (t)=>[
+        {
+            value: 'cover',
+            label: t('Cover')
+        },
+        {
+            value: 'fill',
+            label: t('Fill')
+        },
+        {
+            value: 'contain',
+            label: t('Contain')
+        },
+        {
+            value: 'scale-down',
+            label: t('Scale Down')
+        },
+        {
+            value: 'none',
+            label: t('None')
+        }
+    ];
+const size = createSettingsItem({
+    name: 'size',
+    title: 'Size',
+    options: getSizeOptions,
+    defaultValue: 'small'
+});
+const objectFit = createSettingsItem({
+    name: 'objectFit',
+    title: 'Object Fit',
+    options: getObjectFitOptions,
+    defaultValue: 'cover'
+});
+const inputPreviewComponentFieldSettings = new SchemaSettings({
+    name: 'fieldSettings:component:Input.Preview',
+    items: [
+        size,
+        objectFit
+    ]
+});
+export { inputPreviewComponentFieldSettings };

package/es/modules/fields/component/MultipleSelect/multipleSelectComponentFieldSettings.d.ts

@@ -0,0 +1,2 @@
+import { SchemaSettings } from '../../../../application/schema-settings/SchemaSettings';
+export declare const multipleComponentFieldSettings: SchemaSettings<{}>;

package/es/modules/fields/component/MultipleSelect/multipleSelectComponentFieldSettings.mjs

@@ -0,0 +1,64 @@
+import { useField, useFieldSchema } from "@tachybase/schema";
+import { useTranslation } from "react-i18next";
+import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
+import { useCollectionManager_deprecated } from "../../../../collection-manager/index.mjs";
+import { useDataSourceManager } from "../../../../data-source/index.mjs";
+import { useCompile, useDesignable } from "../../../../schema-component/index.mjs";
+import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
+const multipleComponentFieldSettings = new SchemaSettings({
+    name: 'fieldSettings:component:multiple',
+    items: [
+        {
+            name: 'fieldComponent',
+            type: 'select',
+            useComponentProps () {
+                var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions, _fieldSchema_xcomponentprops;
+                const { t } = useTranslation();
+                const field = useField();
+                const { fieldSchema: tableColumnSchema } = useColumnSchema();
+                const { getCollectionJoinField } = useCollectionManager_deprecated();
+                const dm = useDataSourceManager();
+                const schema = useFieldSchema();
+                const fieldSchema = tableColumnSchema || schema;
+                const collectionField = getCollectionJoinField(fieldSchema['x-collection-field']);
+                const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
+                const compile = useCompile();
+                const fieldModeOptions = [
+                    {
+                        label: t('Select'),
+                        value: 'multiple'
+                    }
+                ];
+                null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+                    if (!(null == fieldModeOptions ? void 0 : fieldModeOptions.find((modeItem)=>modeItem.value === item.value))) null == fieldModeOptions || fieldModeOptions.push({
+                        label: compile(item.label),
+                        value: item.value
+                    });
+                });
+                const { dn } = useDesignable();
+                return {
+                    title: t('Field component'),
+                    options: fieldModeOptions,
+                    value: (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.mode) || 'multiple',
+                    onChange (mode) {
+                        const schema = {
+                            ['x-uid']: fieldSchema['x-uid']
+                        };
+                        fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                        fieldSchema['x-component-props']['mode'] = mode;
+                        fieldSchema['x-component-props']['multiple'] = true;
+                        schema['x-component-props'] = fieldSchema['x-component-props'];
+                        field.componentProps = field.componentProps || {};
+                        field.componentProps.mode = mode;
+                        field.componentProps.multiple = true;
+                        dn.emit('patch', {
+                            schema
+                        });
+                        dn.refresh();
+                    }
+                };
+            }
+        }
+    ]
+});
+export { multipleComponentFieldSettings };

package/es/modules/fields/component/Radio/radioComponentFieldSettings.mjs

@@ -1,7 +1,9 @@
 import { useField, useFieldSchema } from "@tachybase/schema";
 import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
-import { useDesignable } from "../../../../schema-component/index.mjs";
+import { useCollectionManager_deprecated } from "../../../../collection-manager/index.mjs";
+import { useDataSourceManager } from "../../../../data-source/index.mjs";
+import { useCompile, useDesignable } from "../../../../schema-component/index.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
 const radioComponentFieldSettings = new SchemaSettings({
     name: 'fieldSettings:component:Radio group',
@@ -10,7 +12,7 @@ const radioComponentFieldSettings = new SchemaSettings({
             name: 'fieldComponent',
             type: 'select',
             useComponentProps () {
-                var _fieldSchema_xcomponentprops;
+                var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions, _fieldSchema_xcomponentprops;
                 const { t } = useTranslation();
                 const field = useField();
                 const { fieldSchema: tableColumnSchema } = useColumnSchema();
@@ -26,7 +28,18 @@ const radioComponentFieldSettings = new SchemaSettings({
                         value: 'Radio group'
                     }
                 ];
+                const dm = useDataSourceManager();
+                const { getCollectionJoinField } = useCollectionManager_deprecated();
+                const collectionField = getCollectionJoinField(fieldSchema['x-collection-field']);
+                const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
+                const compile = useCompile();
                 const { dn } = useDesignable();
+                null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+                    if (!(null == fieldModeOptions ? void 0 : fieldModeOptions.find((modeItem)=>modeItem.value === item.value))) null == fieldModeOptions || fieldModeOptions.push({
+                        label: compile(item.label),
+                        value: item.value
+                    });
+                });
                 return {
                     title: t('Field component'),
                     options: fieldModeOptions,