@tachybase/client 1.3.20 → 1.3.21

package/es/application/Application.mjs

@@ -17,7 +17,7 @@ import { CSSVariableProvider } from "../style/css-variable/index.mjs";
 import { AntdAppProvider, GlobalThemeProvider } from "../style/theme/index.mjs";
 import { AppSchemaComponentProvider } from "./AppSchemaComponentProvider.mjs";
 import { AttachmentPreviewManager } from "./AttachmentPreviewManager.mjs";
-import { AppComponent, BlankComponent, SharePage, ShareSchemaComponent, defaultAppComponents } from "./components/index.mjs";
+import { AppComponent, BlankComponent, defaultAppComponents } from "./components/index.mjs";
 import { NoticeManager } from "./NoticesManager.mjs";
 import { PluginContextMenu } from "./PluginContextMenu.mjs";
 import { PluginManager } from "./PluginManager.mjs";
@@ -87,14 +87,6 @@ class Application {
             path: '*',
             Component: this.components['AppNotFound']
         });
-        this.router.add('share', {
-            path: '/share',
-            Component: SharePage
-        });
-        this.router.add('share.page', {
-            path: '/share/:name',
-            Component: ShareSchemaComponent
-        });
         this.router.add('share.notAuthorized', {
             path: '/share/not-authorized',
             element: null

package/es/application/components/index.d.ts

@@ -2,5 +2,3 @@ export * from './AppComponent';
 export * from './BlankComponent';
 export * from './defaultComponents';
 export * from './RouterContextCleaner';
-export * from './SharePage';
-export * from './ShareSchemaComponent';

package/es/application/components/index.mjs

@@ -2,5 +2,3 @@ export * from "./AppComponent.mjs";
 export * from "./BlankComponent.mjs";
 export * from "./defaultComponents.mjs";
 export * from "./RouterContextCleaner.mjs";
-export * from "./SharePage.mjs";
-export * from "./ShareSchemaComponent.mjs";

package/es/application/schema-initializer/context/index.d.ts

@@ -12,5 +12,5 @@ export declare const useSchemaInitializer: () => {
     visible: boolean;
     setVisible: (v: boolean) => void;
 };
-export declare const SchemaInitializerItemContext: React.Context<Omit<SchemaInitializerItemType, "type" | "component" | "sort" | "componentProps" | "Component" | "useVisible" | "useChildren" | "hideIfNoChildren">>;
+export declare const SchemaInitializerItemContext: React.Context<Omit<SchemaInitializerItemType, "type" | "sort" | "component" | "componentProps" | "Component" | "useVisible" | "useChildren" | "hideIfNoChildren">>;
 export declare const useSchemaInitializerItem: <T = any>() => T;

package/es/application/utils/globalDeps.mjs

@@ -16,7 +16,6 @@ import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons_a8184985__ from "@ant-de
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_i18next__ from "i18next";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components_8f070c76__ from "@tachybase/components";
-import * as __WEBPACK_EXTERNAL_MODULE_react_router_65608a1a__ from "react-router";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_evaluators_client_f0da03e4__ from "@tachybase/evaluators/client";
 import * as __WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs_c619260f__ from "@ant-design/cssinjs";
 import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_accessibility_682092eb__ from "@dnd-kit/accessibility";
@@ -25,6 +24,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_modifiers_69ce91a8__ from "@dnd-k
 import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_sortable_a8361dd8__ from "@dnd-kit/sortable";
 import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_utilities_3c8eb4c2__ from "@dnd-kit/utilities";
 import * as __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__ from "@floating-ui/react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_router_65608a1a__ from "react-router";
 import * as __WEBPACK_EXTERNAL_MODULE__index_mjs_52ce5380__ from "../../index.mjs";
 function defineGlobalDeps(requirejs) {
     requirejs.define('react', ()=>react);

package/es/block-provider/hooks/index.mjs

@@ -1126,7 +1126,7 @@ const useAssociationNames = (dataSource)=>{
                     appends.add(append);
                 });
             }
-            if (null == (_s_xcomponentprops1 = s['x-component-props']) ? void 0 : null == (_s_xcomponentprops_fieldNames = _s_xcomponentprops1.fieldNames) ? void 0 : _s_xcomponentprops_fieldNames.formula) {
+            if ((null == (_s_xcomponentprops1 = s['x-component-props']) ? void 0 : null == (_s_xcomponentprops_fieldNames = _s_xcomponentprops1.fieldNames) ? void 0 : _s_xcomponentprops_fieldNames.formula) && isAssociationField) {
                 var _s_xcomponentprops_fieldNames1, _s_xcomponentprops4;
                 appends.add(s['name']);
                 const regex = /{{(.*?)}}/g;

package/es/built-in/index.d.ts

@@ -1,5 +1,6 @@
 import { Plugin } from '../application/Plugin';
-export { AdminProvider, NoticeArea, AdminLayout } from './admin-layout';
+export { AdminProvider, NoticeArea, AdminLayout, MenuEditor, AdminTabs } from './admin-layout';
+export * from './pinned-list';
 export * from './context-menu/useContextMenu';
 export declare const AppNotFound: () => import("react/jsx-runtime").JSX.Element;
 export declare class BuiltInPlugin extends Plugin {

package/es/built-in/index.mjs

@@ -38,7 +38,8 @@ import { ScrollAssistantPlugin } from "./scroll-assistant/index.mjs";
 import { SystemSettingsPlugin } from "./system-settings/index.mjs";
 import { PluginSystemVersion } from "./system-version/index.mjs";
 import { UserSettingsPlugin } from "./user-settings/index.mjs";
-import { AdminLayout, AdminProvider, NoticeArea } from "./admin-layout/index.mjs";
+import { AdminLayout, AdminProvider, AdminTabs, MenuEditor, NoticeArea } from "./admin-layout/index.mjs";
+export * from "./pinned-list/index.mjs";
 export * from "./context-menu/useContextMenu.mjs";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
@@ -495,4 +496,4 @@ class BuiltInPlugin extends Plugin {
         });
     }
 }
-export { AdminLayout, AdminProvider, AppNotFound, BuiltInPlugin, NoticeArea };
+export { AdminLayout, AdminProvider, AdminTabs, AppNotFound, BuiltInPlugin, MenuEditor, NoticeArea };

package/es/collection-manager/collectionPlugin.mjs

@@ -42,6 +42,42 @@ class CollectionPlugin extends Plugin {
             key: DEFAULT_DATA_SOURCE_KEY,
             displayName: DEFAULT_DATA_SOURCE_TITLE
         });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('m2o', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('m2m', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('o2m', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('o2o', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('obo', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('select', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('checkbox', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('radioGroup', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
+        this.app.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption('multipleSelect', {
+            label: '{{t("CustomTitle")}}',
+            value: 'CustomTitle'
+        });
     }
     addFieldInterfaceGroups() {
         this.dataSourceManager.addFieldInterfaceGroups({

package/es/collection-manager/interfaces/url.d.ts

@@ -13,6 +13,10 @@ export declare class UrlFieldInterface extends CollectionFieldInterface {
             'x-component': string;
         };
     };
+    componentOptions: {
+        label: string;
+        value: string;
+    }[];
     availableTypes: string[];
     schemaInitialize(schema: ISchema, { block }: {
         block: any;

package/es/collection-manager/interfaces/url.mjs

@@ -21,7 +21,16 @@ class UrlFieldInterface extends CollectionFieldInterface {
                 type: 'string',
                 'x-component': 'Input.URL'
             }
-        }), _define_property(this, "availableTypes", [
+        }), _define_property(this, "componentOptions", [
+            {
+                label: 'URL',
+                value: 'Input.URL'
+            },
+            {
+                label: 'Preview',
+                value: 'Input.Preview'
+            }
+        ]), _define_property(this, "availableTypes", [
             'string',
             'text'
         ]), _define_property(this, "properties", {

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

@@ -8,9 +8,6 @@ export declare class SqlCollectionTemplate extends CollectionTemplate {
         fields: any[];
     };
     configurableProperties: {
-        name: any;
-        title: any;
-        description: any;
         autoGenId: any;
         createdBy: any;
         updatedBy: any;
@@ -18,6 +15,9 @@ export declare class SqlCollectionTemplate extends CollectionTemplate {
         updatedAt: any;
         sortable: any;
         inherits: any;
+        title: any;
+        name: any;
+        description: any;
         category: any;
         presetFields: any;
         config: {

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/modules/blocks/data-blocks/form/fieldSettingsFormItem.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/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/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/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

@@ -6,7 +6,6 @@ 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/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 };