@tachybase/client 1.3.19 → 1.3.21

package/es/schema-component/antd/page/Page.mjs

@@ -2,16 +2,16 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useState } from "react";
 import { FormLayout } from "@tachybase/components";
 import { Schema, SchemaOptionsContext, useFieldSchema } from "@tachybase/schema";
-import { PlusOutlined, ShareAltOutlined } from "@ant-design/icons";
+import { PlusOutlined } from "@ant-design/icons";
 import { PageHeader } from "@ant-design/pro-layout";
 import { PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
-import { Button, Modal, Tabs } from "antd";
+import { Button, Tabs } from "antd";
 import { cx } from "antd-style";
 import classnames from "classnames";
 import { ErrorBoundary } from "react-error-boundary";
 import { useTranslation } from "react-i18next";
-import { useMatch, useSearchParams } from "react-router-dom";
-import { FormDialog, ScrollArea } from "../index.mjs";
+import { useSearchParams } from "react-router-dom";
+import { FormDialog, PageExtendComponentProvider, ScrollArea } from "../index.mjs";
 import { useToken } from "../__builtins__/index.mjs";
 import { useStyles } from "../../../built-in/acl/style.mjs";
 import { useContextMenu } from "../../../built-in/context-menu/useContextMenu.mjs";
@@ -27,11 +27,10 @@ import { SchemaComponent, SchemaComponentOptions } from "../../core/index.mjs";
 import { useCompile, useDesignable } from "../../hooks/index.mjs";
 import { ErrorFallback } from "../error-fallback/index.mjs";
 import FixedBlock from "./FixedBlock.mjs";
-import { useShareActions } from "./hooks/useShareActions.mjs";
 import { useStyles as external_Page_style_mjs_useStyles } from "./Page.style.mjs";
 import { PageDesigner } from "./PageDesigner.mjs";
 import { PageTabDesigner } from "./PageTabDesigner.mjs";
-import { getStyles, useStyles as external_style_mjs_useStyles } from "./style.mjs";
+import { getStyles } from "./style.mjs";
 const Page = (props)=>{
     var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1, _fieldSchema_xcomponentprops2;
     const { children, ...others } = props;
@@ -89,29 +88,21 @@ const Page = (props)=>{
     }));
 };
 const Page_PageHeader = (props)=>{
-    var _fieldSchema_xcomponentprops;
+    var _fieldSchema_xcomponentprops, _Object_values, _Object_values1;
     const { disablePageHeader, enablePageTabs, setHeight, activeKey, setLoading, setSearchParams, fieldSchema, title, parentProps, enableSharePage } = props;
     const { theme } = useGlobalTheme();
     const options = useContext(SchemaOptionsContext);
     const compile = useCompile();
-    const [open, setOpen] = useState(false);
-    const [imageOpen, setImageOpen] = useState(false);
     const { showScrollArea } = useContextMenu();
     const hidePageTitle = null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.hidePageTitle;
+    const extendComponents = fieldSchema['x-extend-components'] || {};
     const pageHeaderTitle = hidePageTitle ? void 0 : fieldSchema.title || compile(title);
-    const isShare = useMatch('/share/:name');
     const items = fieldSchema.mapProperties((schema)=>({
             key: schema.name,
             label: /*#__PURE__*/ jsx(TabItem, {
                 schema: schema
             })
         }));
-    const { t } = useTranslation();
-    const { styles } = external_style_mjs_useStyles();
-    const { copyLink, imageAction } = useShareActions({
-        title: pageHeaderTitle,
-        uid: ''
-    });
     return /*#__PURE__*/ jsxs("div", {
         ref: (ref)=>{
             setHeight(Math.floor((null == ref ? void 0 : ref.getBoundingClientRect().height) || 0) + 1);
@@ -123,12 +114,29 @@ const Page_PageHeader = (props)=>{
                 ghost: false,
                 title: pageHeaderTitle || ' ',
                 ...parentProps,
-                extra: /*#__PURE__*/ jsx(HeaderExtra, {
-                    enablePageTabs: enablePageTabs,
-                    showScrollArea: showScrollArea,
-                    isShare: isShare,
-                    setOpen: setOpen,
-                    enableSharePage: enableSharePage
+                extra: /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        null == (_Object_values = Object.values(extendComponents)) ? void 0 : _Object_values.map((item, index)=>{
+                            const schema = {
+                                type: 'void',
+                                name: item.name,
+                                'x-component': item.component,
+                                'x-component-props': {}
+                            };
+                            const componentProps = {
+                                ...props,
+                                isExtra: true,
+                                fieldSchema
+                            };
+                            return /*#__PURE__*/ jsx(PageExtendComponentProvider, {
+                                ...componentProps,
+                                children: /*#__PURE__*/ jsx(SchemaComponent, {
+                                    schema: schema
+                                })
+                            });
+                        }),
+                        !enablePageTabs && showScrollArea && /*#__PURE__*/ jsx(ScrollArea, {})
+                    ]
                 }),
                 footer: enablePageTabs && /*#__PURE__*/ jsx(TabComponent, {
                     activeKey: activeKey,
@@ -140,84 +148,27 @@ const Page_PageHeader = (props)=>{
                     items: items
                 })
             }),
-            disablePageHeader && enableSharePage && !isShare && /*#__PURE__*/ jsx("div", {
-                className: "tb-page-header-button",
-                children: /*#__PURE__*/ jsx(Button, {
-                    icon: /*#__PURE__*/ jsx(ShareAltOutlined, {}),
-                    onClick: ()=>{
-                        setOpen(true);
-                    },
-                    children: t('Share')
-                })
-            }),
-            /*#__PURE__*/ jsxs(Modal, {
-                open: open,
-                className: styles.firstmodal,
-                title: t('Share'),
-                footer: null,
-                width: 500,
-                onCancel: ()=>{
-                    setOpen(false);
-                },
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: styles.secondmodal,
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "tb-header-modal-list",
-                                onClick: copyLink,
-                                children: [
-                                    /*#__PURE__*/ jsx(Icon, {
-                                        type: "PaperClipOutlined"
-                                    }),
-                                    t('Copy link')
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "tb-header-modal-list",
-                                onClick: ()=>{
-                                    setImageOpen(true);
-                                },
-                                children: [
-                                    /*#__PURE__*/ jsx(Icon, {
-                                        type: "QrcodeOutlined"
-                                    }),
-                                    t('Generate QR code')
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx(Modal, {
-                        className: styles.imageModal,
-                        open: imageOpen,
-                        footer: null,
-                        onCancel: ()=>{
-                            setImageOpen(false);
-                        },
-                        children: imageAction()
+            null == (_Object_values1 = Object.values(extendComponents)) ? void 0 : _Object_values1.map((item, index)=>{
+                const schema = {
+                    type: 'void',
+                    name: 'icon' + item.name,
+                    'x-component': item.component,
+                    'x-component-props': {}
+                };
+                const componentProps = {
+                    ...props,
+                    fieldSchema
+                };
+                return /*#__PURE__*/ jsx(PageExtendComponentProvider, {
+                    ...componentProps,
+                    children: /*#__PURE__*/ jsx(SchemaComponent, {
+                        schema: schema
                     })
-                ]
+                });
             })
         ]
     });
 };
-const HeaderExtra = (param)=>{
-    let { enablePageTabs, showScrollArea, isShare, setOpen, enableSharePage } = param;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            !isShare && /*#__PURE__*/ jsx(Button, {
-                icon: /*#__PURE__*/ jsx(ShareAltOutlined, {}),
-                onClick: ()=>{
-                    setOpen(true);
-                },
-                style: {
-                    visibility: "".concat(enableSharePage ? 'visible' : 'hidden')
-                }
-            }),
-            !enablePageTabs && showScrollArea && /*#__PURE__*/ jsx(ScrollArea, {})
-        ]
-    });
-};
 const TabComponent = (props)=>{
     const { activeKey, setLoading, setSearchParams, showScrollArea, options, theme, items } = props;
     const { styles } = external_Page_style_mjs_useStyles();

package/es/schema-component/antd/page/hooks/index.d.ts

@@ -1 +1 @@
-export * from './useShareActions';
+export * from './useIsBlockInPage';

package/es/schema-component/antd/page/hooks/index.mjs

@@ -1 +1 @@
-export * from "./useShareActions.mjs";
+export * from "./useIsBlockInPage.mjs";

package/es/schema-component/antd/page/index.d.ts

@@ -4,3 +4,4 @@ export * from './PageTab.Settings';
 export * from './Page.Settings';
 export * from './FixedBlockDesignerItem';
 export * from './hooks';
+export * from './pageExtendComponentProvider';

package/es/schema-component/antd/page/index.mjs

@@ -4,3 +4,4 @@ export * from "./PageTab.Settings.mjs";
 export * from "./Page.Settings.mjs";
 export * from "./FixedBlockDesignerItem.mjs";
 export * from "./hooks/index.mjs";
+export * from "./pageExtendComponentProvider.mjs";

package/es/schema-component/antd/page/pageExtendComponentProvider.d.ts

@@ -0,0 +1,3 @@
+export declare const PageExtendComponentContext: import("react").Context<{}>;
+export declare const PageExtendComponentProvider: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const usePageExtendComponentContext: () => {};

package/es/schema-component/antd/page/pageExtendComponentProvider.mjs

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const PageExtendComponentContext = /*#__PURE__*/ createContext({});
+const PageExtendComponentProvider = (props)=>/*#__PURE__*/ jsx(PageExtendComponentContext.Provider, {
+        value: props,
+        children: props.children
+    });
+const usePageExtendComponentContext = ()=>useContext(PageExtendComponentContext);
+export { PageExtendComponentContext, PageExtendComponentProvider, usePageExtendComponentContext };

package/es/schema-component/antd/page/style.d.ts

@@ -1,6 +1 @@
 export declare const getStyles: (props?: any) => import("./../__builtins__").UseComponentStyleResult;
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    firstmodal: import("antd-style").SerializedStyles;
-    secondmodal: import("antd-style").SerializedStyles;
-    imageModal: import("antd-style").SerializedStyles;
-}>;

package/es/schema-component/antd/page/style.mjs

@@ -1,40 +1,4 @@
-import { createStyles } from "antd-style";
 import { genStyleHook } from "../__builtins__/index.mjs";
-function _tagged_template_literal(strings, raw) {
-    if (!raw) raw = strings.slice(0);
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    const data = _tagged_template_literal([
-        "\n      .ant-modal-content {\n        position: relative;\n        overflow: hidden;\n        border-radius: 16px;\n        &::before,\n        &::after {\n          content: '';\n          position: absolute;\n          width: 300px;\n          height: 300px;\n          background: radial-gradient(circle, rgba(0, 149, 255, 0.11) 0%, transparent 70%);\n          z-index: 0;\n          pointer-events: none;\n        }\n\n        &::before {\n          top: -165px;\n          left: -10px;\n        }\n\n        &::after {\n          bottom: -160px;\n          right: -150px;\n        }\n        .ant-modal-header {\n          text-align: center;\n          margin-bottom: 20px;\n          margin-top: 15px;\n          .ant-modal-title {\n            font-size: x-large;\n            font-weight: 400;\n          }\n        }\n        .ant-modal-body {\n          justify-items: center;\n        }\n      }\n    "
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    const data = _tagged_template_literal([
-        "\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n      margin-top: 20px;\n      margin-bottom: 40px;\n      position: relative;\n      gap: 20%;\n      padding-left: 10%;\n      padding-right: 10%;\n      .tb-header-modal-list {\n        width: 50%;\n        gap: 10px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        text-align: center;\n        border: 1px solid transparent;\n        border-color: rgba(203, 227, 254, 0.62);\n        box-shadow: none;\n        border-radius: 12px;\n        padding: 16px;\n        transition:\n          box-shadow 0.2s ease,\n          transform 0.2s ease;\n        z-index: 1;\n        position: relative;\n        &:hover {\n          border-color: rgba(0, 120, 255, 0.3);\n          box-shadow: 0 4px 16px rgba(0, 120, 255, 0.15);\n        }\n        &:active {\n          box-shadow: none;\n          transform: translateY(2px);\n        }\n        .anticon {\n          width: 100%;\n          display: flex;\n          justify-content: center;\n          svg {\n            width: 30px;\n            height: 30px;\n          }\n        }\n        .tb-header-modal-list-text {\n          text-align: center;\n        }\n      }\n    "
-    ]);
-    _templateObject1 = function() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    const data = _tagged_template_literal([
-        "\n      display: flex;\n      justify-content: center;\n      .ant-modal-content {\n        width: 280px;\n        height: 360px;\n      }\n    "
-    ]);
-    _templateObject2 = function() {
-        return data;
-    };
-    return data;
-}
 const getStyles = genStyleHook('tb-page', (token)=>{
     const { componentCls } = token;
     return {
@@ -179,12 +143,4 @@ const getStyles = genStyleHook('tb-page', (token)=>{
         }
     };
 });
-const useStyles = createStyles((param)=>{
-    let { css, token } = param;
-    return {
-        firstmodal: css(_templateObject()),
-        secondmodal: css(_templateObject1()),
-        imageModal: css(_templateObject2())
-    };
-});
-export { getStyles, useStyles };
+export { getStyles };

package/es/schema-component/antd/password/utils.d.ts

@@ -1 +1 @@
-export declare const getStrength: (val: any) => 0 | 20 | 100 | 40 | 60 | 80;
+export declare const getStrength: (val: any) => 0 | 20 | 100 | 60 | 40 | 80;

package/es/schema-component/antd/select/FormulaSelect.mjs

@@ -103,6 +103,7 @@ const useLabelOptions = (others)=>{
     const collectionField = useMemo(()=>getField(fieldSchema['x-collection-field']), [
         fieldSchema['x-collection-field']
     ]);
+    if (!(null == collectionField ? void 0 : collectionField.target) && !fieldSchema['collectionName']) return others;
     const request = {
         resource: (null == collectionField ? void 0 : collectionField.target) || fieldSchema['collectionName'],
         action: 'list',
@@ -151,16 +152,18 @@ const useLabelOptions = (others)=>{
     }
     return others;
 };
-const FormulaSelect_FormulaSelect = (props)=>{
+const FormulaSelect = (props)=>{
     const { objectValue, loading, value, rawOptions, defaultValue, ...others } = props;
     let mode = props.multiple ? 'multiple' : props.mode;
     const filterField = null == others ? void 0 : others['params'];
     const [options, setOptions] = useState([]);
     const [collectionName, setCollectionName] = useState('');
+    const fieldSchema = useFieldSchema();
     const api = useAPIClient();
     if (mode && ![
         'multiple',
-        'tags'
+        'tags',
+        'CustomTitle'
     ].includes(mode)) mode = void 0;
     const fieldProps = {
         ...others
@@ -182,6 +185,7 @@ const FormulaSelect_FormulaSelect = (props)=>{
     } else if ((null == others ? void 0 : others.collection) === collectionName) fieldProps['options'] = options.map((option)=>({
             ...option
         }));
+    else fieldProps['options'] = getFormulaValue(props.fieldNames['formula'], (null == props ? void 0 : props.options) || [], fieldSchema);
     const modifiedProps = useLabelOptions(fieldProps);
     return /*#__PURE__*/ jsx(ObjectSelect, {
         rawOptions: rawOptions,
@@ -192,5 +196,13 @@ const FormulaSelect_FormulaSelect = (props)=>{
         loading: loading
     });
 };
-const FormulaSelect = FormulaSelect_FormulaSelect;
-export { FormulaSelect as default };
+const select_FormulaSelect = FormulaSelect;
+const getFormulaValue = (template, options, fieldSchema)=>options.map((item)=>{
+        const label = item.label;
+        const customLabel = template.replace(new RegExp("{{".concat(fieldSchema['name'], "}}"), 'g'), label);
+        return {
+            ...item,
+            label: customLabel
+        };
+    });
+export { select_FormulaSelect as default };

package/es/schema-component/antd/select/ReadPretty.mjs

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isArrayField, isValid, observer, useField } from "@tachybase/schema";
+import { isArrayField, isValid, observer, useField, useFieldSchema } from "@tachybase/schema";
 import { Tag } from "antd";
 import { useCollectionField } from "../../../data-source/collection-field/CollectionFieldProvider.mjs";
 import { EllipsisWithTooltip } from "../input/EllipsisWithTooltip.mjs";
 import { defaultFieldNames, getCurrentOptions } from "./utils.mjs";
 const ReadPretty = observer((props)=>{
-    var _field_value;
+    var _field_value, _fieldSchema_xcomponentprops_fieldNames;
     const fieldNames = {
         ...defaultFieldNames,
         ...props.fieldNames
@@ -15,8 +15,10 @@ const ReadPretty = observer((props)=>{
     if (!isValid(props.value)) return /*#__PURE__*/ jsx("div", {});
     if (isArrayField(field) && (null == field ? void 0 : null == (_field_value = field.value) ? void 0 : _field_value.length) === 0) return /*#__PURE__*/ jsx("div", {});
     const collectionField = useCollectionField();
+    const fieldSchema = useFieldSchema();
     const dataSource = field.dataSource || props.options || (null == collectionField ? void 0 : collectionField.uiSchema.enum) || [];
-    const currentOptions = getCurrentOptions(field.value, dataSource, fieldNames);
+    const options = getCurrentOptions(field.value, dataSource, fieldNames);
+    const currentOptions = getFormulaValue(null == (_fieldSchema_xcomponentprops_fieldNames = fieldSchema['x-component-props'].fieldNames) ? void 0 : _fieldSchema_xcomponentprops_fieldNames['formula'], options, fieldSchema);
     return /*#__PURE__*/ jsx("div", {
         children: /*#__PURE__*/ jsx(EllipsisWithTooltip, {
             ellipsis: props.ellipsis,
@@ -30,4 +32,15 @@ const ReadPretty = observer((props)=>{
 }, {
     displayName: 'ReadPretty'
 });
+const getFormulaValue = (template, options, fieldSchema)=>{
+    if (!template) return options;
+    return options.map((item)=>{
+        const label = item.label;
+        const customLabel = template.replace(new RegExp("{{".concat(fieldSchema['name'], "}}"), 'g'), label);
+        return {
+            ...item,
+            label: customLabel
+        };
+    });
+};
 export { ReadPretty };

package/es/schema-component/antd/select/Select.mjs

@@ -81,8 +81,12 @@ const InternalSelect = connect((props)=>{
     let mode = props.multiple ? 'multiple' : props.mode;
     if (mode && ![
         'multiple',
-        'tags'
+        'tags',
+        'CustomTitle'
     ].includes(mode)) mode = void 0;
+    let options = props.options ? [
+        ...props.options
+    ] : [];
     if ([
         'CustomTitle'
     ].includes(props.mode) && ('formula' in others.fieldNames || 'collection' in props)) return /*#__PURE__*/ jsx(FormulaSelect, {
@@ -117,6 +121,7 @@ const InternalSelect = connect((props)=>{
                 "aria-label": "icon-close-select"
             })
         },
+        options: options,
         popupMatchSelectWidth: false,
         notFoundContent: loading ? /*#__PURE__*/ jsx(Spin, {}) : /*#__PURE__*/ jsx(Empty, {
             image: Empty.PRESENTED_IMAGE_SIMPLE

package/es/schema-component/hooks/useFieldModeOptions.mjs

@@ -2,8 +2,10 @@ import { useMemo } from "react";
 import { useField, useFieldSchema, useForm } from "@tachybase/schema";
 import { useTranslation } from "react-i18next";
 import { useCollectionManager_deprecated, useCollection_deprecated } from "../../collection-manager/index.mjs";
+import { useDataSourceManager } from "../../data-source/index.mjs";
+import { useCompile } from "./useCompile.mjs";
 const useFieldModeOptions = (props)=>{
-    var _fieldSchema_xcomponentprops;
+    var _fieldSchema_xcomponentprops, _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions;
     const { t } = useTranslation();
     const { getCollectionJoinField, getCollection } = useCollectionManager_deprecated();
     const currentFieldSchema = useFieldSchema();
@@ -11,12 +13,15 @@ const useFieldModeOptions = (props)=>{
     const field = useField();
     const form = useForm();
     const isReadPretty = (null == fieldSchema ? void 0 : fieldSchema['x-read-pretty']) || field.readPretty || form.readPretty;
+    const dm = useDataSourceManager();
     const isTableField = null == props ? void 0 : props.fieldSchema;
     const { getField } = useCollection_deprecated();
     const collectionField = (null == props ? void 0 : props.collectionField) || getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+    const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
     const { label } = (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.fieldNames) || {};
+    const compile = useCompile();
     const fieldModeOptions = useMemo(()=>{
-        if (!collectionField || !(null == collectionField ? void 0 : collectionField.interface)) return;
+        if (!collectionField || !(null == collectionField ? void 0 : collectionField.interface)) return [];
         if (![
             'o2o',
             'oho',
@@ -206,10 +211,6 @@ const useFieldModeOptions = (props)=>{
                         label: t('Tag'),
                         value: 'Tag'
                     },
-                    {
-                        label: t('Custom Title'),
-                        value: 'CustomTitle'
-                    },
                     !isTableField && {
                         label: t('Sub-details'),
                         value: 'Nester'
@@ -238,10 +239,6 @@ const useFieldModeOptions = (props)=>{
                     {
                         label: t('Cascader'),
                         value: 'Cascader'
-                    },
-                    {
-                        label: t('Custom Title'),
-                        value: 'CustomTitle'
                     }
                 ];
             default:
@@ -286,6 +283,12 @@ const useFieldModeOptions = (props)=>{
         null == collectionField ? void 0 : collectionField.interface,
         label
     ]);
+    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 (fieldModeOptions || []).filter(Boolean);
 };
 export { useFieldModeOptions };

package/es/schema-settings/EditFormulaTitleField.mjs

@@ -15,6 +15,12 @@ function useFormulaTitleOptions() {
     const collectionManage = useCollectionManager_deprecated();
     const collectionManageField = collectionManage.collections.filter((value)=>value.name === fieldSchema['x-decorator-props'])[0];
     const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+    const isAssociationField = collectionField && [
+        'hasOne',
+        'hasMany',
+        'belongsTo',
+        'belongsToMany'
+    ].includes(collectionField.type);
     let fields = [];
     if (collectionField) fields = getCollectionFields(collectionField ? collectionField.target ? collectionField.target : collectionField.collectionName : fieldSchema['name']);
     else if (collectionManageField) fields = collectionManageField['fields'];
@@ -23,7 +29,7 @@ function useFormulaTitleOptions() {
         if (![
             'm2m',
             'o2m'
-        ].includes(field.interface)) {
+        ].includes(field.interface) && isAssociationField) {
             if (field.uiSchema) {
                 var _getCollectionFields;
                 var _getCollectionFields_filter_map;
@@ -37,6 +43,18 @@ function useFormulaTitleOptions() {
                 });
             }
         }
+        if (!isAssociationField && field.name === fieldSchema['name']) {
+            var _getCollectionFields1;
+            var _getCollectionFields_filter_map1;
+            options.push({
+                label: compile(field.uiSchema.title),
+                value: field.name,
+                children: null != (_getCollectionFields_filter_map1 = null == (_getCollectionFields1 = getCollectionFields(field.target)) ? void 0 : _getCollectionFields1.filter((subField)=>subField.uiSchema).map((subField)=>({
+                        label: subField.uiSchema ? compile(subField.uiSchema.title) : '',
+                        value: subField.name
+                    }))) ? _getCollectionFields_filter_map1 : []
+            });
+        }
     });
     return options;
 }

package/es/schema-settings/SchemaSettingsDefaultValue.mjs

@@ -88,6 +88,7 @@ const SchemaSettingsDefaultValue = function(props) {
                     isInSubForm: isInSubForm,
                     isInSubTable: isInSubTable,
                     isInSetDefaultValueDialog: true,
+                    collectionField: collectionField,
                     children: /*#__PURE__*/ jsx(VariableInput, {
                         ...props
                     })
@@ -104,7 +105,7 @@ const SchemaSettingsDefaultValue = function(props) {
                     'x-decorator': 'FormItem',
                     'x-component': 'VariableInput',
                     'x-component-props': {
-                        ...(null == fieldSchema ? void 0 : fieldSchema['x-component-props']) || {},
+                        ...null == fieldSchema ? void 0 : fieldSchema['x-component-props'],
                         collectionField,
                         contextCollectionName: isAllowContextVariable && tableCtx.collection,
                         schema: null == collectionField ? void 0 : collectionField.uiSchema,
@@ -133,7 +134,7 @@ const SchemaSettingsDefaultValue = function(props) {
                                 s.type = 'void';
                             }
                             const schema = {
-                                ...s || {},
+                                ...s,
                                 'x-decorator': 'FormItem',
                                 'x-component-props': {
                                     ...s['x-component-props'],

package/es/schema-settings/SchemaSettingsPlugin.mjs

@@ -43,6 +43,8 @@ import { fileManagerComponentFieldSettings } from "../modules/fields/component/F
 import { uploadAttachmentComponentFieldSettings } from "../modules/fields/component/FileManager/uploadAttachmentComponentFieldSettings.mjs";
 import { inputComponentFieldSettings } from "../modules/fields/component/Input/inputComponentFieldsSettings.mjs";
 import { inputNumberComponentFieldSettings } from "../modules/fields/component/InputNumber/inputNumberComponentFieldSettings.mjs";
+import { inputPreviewComponentFieldSettings } from "../modules/fields/component/InputPreview/inputPreviewComponentFieldSettings.mjs";
+import { multipleComponentFieldSettings } from "../modules/fields/component/MultipleSelect/multipleSelectComponentFieldSettings.mjs";
 import { subformComponentFieldSettings } from "../modules/fields/component/Nester/subformComponentFieldSettings.mjs";
 import { recordPickerComponentFieldSettings } from "../modules/fields/component/Picker/recordPickerComponentFieldSettings.mjs";
 import { subformPopoverComponentFieldSettings } from "../modules/fields/component/PopoverNester/subformPopoverComponentFieldSettings.mjs";
@@ -100,6 +102,7 @@ class SchemaSettingsPlugin extends Plugin {
         this.schemaSettingsManager.add(datePickerComponentFieldSettings);
         this.schemaSettingsManager.add(unixTimestampComponentFieldSettings);
         this.schemaSettingsManager.add(inputComponentFieldSettings);
+        this.schemaSettingsManager.add(inputPreviewComponentFieldSettings);
         this.schemaSettingsManager.add(inputNumberComponentFieldSettings);
         this.schemaSettingsManager.add(checkboxComponentFieldSettings);
         this.schemaSettingsManager.add(radioComponentFieldSettings);
@@ -109,6 +112,7 @@ class SchemaSettingsPlugin extends Plugin {
         this.schemaSettingsManager.add(cascadeSelectComponentFieldSettings);
         this.schemaSettingsManager.add(uploadAttachmentComponentFieldSettings);
         this.schemaSettingsManager.add(cascaderComponentFieldSettings);
+        this.schemaSettingsManager.add(multipleComponentFieldSettings);
     }
 }
 export { SchemaSettingsPlugin };

package/es/schema-settings/VariableInput/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useBaseVariable';
 export * from './useDateVariable';
 export * from './useUserVariable';
+export * from './useExactDateVariable';

package/es/schema-settings/VariableInput/hooks/index.mjs

@@ -1,3 +1,4 @@
 export * from "./useBaseVariable.mjs";
 export * from "./useDateVariable.mjs";
 export * from "./useUserVariable.mjs";
+export * from "./useExactDateVariable.mjs";