@tachybase/client 1.3.20 → 1.3.22

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

@@ -61,4 +61,3 @@ export * from './variable';
 export * from './media-card';
 export * from './tracking-link';
 export { PageHeader } from '@ant-design/pro-layout';
-export { CodeMirror } from '@tachybase/components';

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

@@ -1,7 +1,6 @@
 import "./index.css";
 import { genStyleHook } from "./__builtins__/index.mjs";
 import { PageHeader } from "@ant-design/pro-layout";
-import { CodeMirror } from "@tachybase/components";
 export * from "./AntdSchemaComponentProvider.mjs";
 export * from "./action/index.mjs";
 export * from "./appends-tree-select/index.mjs";
@@ -62,4 +61,4 @@ export * from "./upload/index.mjs";
 export * from "./variable/index.mjs";
 export * from "./media-card/index.mjs";
 export * from "./tracking-link/index.mjs";
-export { CodeMirror, PageHeader, genStyleHook };
+export { PageHeader, genStyleHook };

package/es/schema-component/antd/input/Input.mjs

@@ -20,7 +20,8 @@ const Input_Input = Object.assign(connect(Input, mapProps((props, field)=>({
         })), mapReadPretty(ReadPretty.TextArea)),
     URL: connect(Input, mapReadPretty(ReadPretty.URL)),
     JSON: connect(Json, mapReadPretty(ReadPretty.JSON)),
-    ReadPretty: ReadPretty.Input
+    ReadPretty: ReadPretty.Input,
+    Preview: ReadPretty.Preview
 });
 const input_Input = Input_Input;
 export { Input_Input as Input, ReadPretty as InputReadPretty, input_Input as default };

package/es/schema-component/antd/input/ReadPretty.d.ts

@@ -18,4 +18,5 @@ export declare const ReadPretty: {
         ellipsis: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
     JSON: (props: any) => import("react/jsx-runtime").JSX.Element;
+    Preview: (props: any) => any;
 };

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

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { usePrefixCls } from "@tachybase/components";
+import { useFieldSchema } from "@tachybase/schema";
 import { css } from "@emotion/css";
-import { Typography } from "antd";
+import { usePrefixCls } from "@tego/client";
+import { Image, Typography } from "antd";
 import classnames from "classnames";
 import { useCompile } from "../../index.mjs";
 import { EllipsisWithTooltip } from "./EllipsisWithTooltip.mjs";
@@ -151,9 +152,36 @@ const _JSON = (props)=>{
         children: null != props.value ? JSON.stringify(props.value, null, null != (_props_space = props.space) ? _props_space : 2) : ''
     });
 };
+const sizes = {
+    small: 24,
+    middle: 48,
+    large: 72,
+    oversized: 120
+};
+const _Preview = (props)=>{
+    var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
+    const fieldSchema = useFieldSchema();
+    const size = (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['size']) || 'small';
+    const objectFit = (null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['objectFit']) || 'cover';
+    if (!props.value) return props.value;
+    return /*#__PURE__*/ jsx(Image, {
+        style: [
+            'small',
+            'middle',
+            'large',
+            'oversized'
+        ].includes(size) ? {
+            width: sizes[size],
+            height: sizes[size],
+            objectFit
+        } : {},
+        src: props.value
+    });
+};
 ReadPretty.Input = _Input;
 ReadPretty.TextArea = _TextArea;
 ReadPretty.URL = _URL;
 ReadPretty.Html = _Html;
 ReadPretty.JSON = _JSON;
+ReadPretty.Preview = _Preview;
 export { ReadPretty };

package/es/schema-component/antd/input-number/ReadPretty.mjs

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { isValid } from "@tachybase/schema";
-import { toFixedByStep } from "@tachybase/utils/client";
+import { toFixedByStep } from "@tego/client";
 import { format as external_d3_format_format } from "d3-format";
 import { round } from "mathjs";
 function countDecimalPlaces(value) {

package/es/schema-component/antd/list/List.Decorator.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo } from "react";
-import { FormLayout } from "@tachybase/components";
 import { FormContext, createForm, useField } from "@tachybase/schema";
+import { FormLayout } from "@tego/client";
 import { createStyles } from "antd-style";
 import lodash from "lodash";
 import { withDynamicSchemaProps } from "../../../application/hoc/withDynamicSchemaProps.mjs";

package/es/schema-component/antd/list/List.Designer.mjs

@@ -1,7 +1,7 @@
 import { jsx, jsxs } 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 { useFormBlockContext } from "../../../block-provider/index.mjs";

package/es/schema-component/antd/menu/Menu.Designer.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TreeSelect } from "@tachybase/components";
 import { onFieldChange, useField, useFieldSchema } from "@tachybase/schema";
+import { TreeSelect } from "@tego/client";
 import { App } from "antd";
 import { saveAs } from "file-saver";
 import { useTranslation } from "react-i18next";

package/es/schema-component/antd/menu/Menu.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { FieldContext, RecursionField, SchemaContext, SchemaExpressionScopeContext, observer, uid, useField, useFieldSchema } from "@tachybase/schema";
-import { error } from "@tachybase/utils/client";
 import { PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { error } from "@tego/client";
 import { Button, Menu, Popover } from "antd";
 import { createPortal } from "react-dom";
 import { DndContext, SortableItem, createDesignable, useDesignable, useDesigner } from "../../index.mjs";

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

@@ -1,6 +1,5 @@
 import { useField, useFieldSchema } from "@tachybase/schema";
 import { useTranslation } from "react-i18next";
-import { useMatch } from "react-router";
 import { useDesignable } from "../../index.mjs";
 import { SchemaSettings } from "../../../application/schema-settings/index.mjs";
 import { useSchemaToolbar } from "../../../application/schema-toolbar/index.mjs";
@@ -37,38 +36,6 @@ const pageSettings = new SchemaSettings({
                 };
             }
         },
-        {
-            name: 'enablesharePage',
-            type: 'switch',
-            useVisible () {
-                const isShare = useMatch('/share/:name');
-                return !isShare;
-            },
-            useComponentProps () {
-                var _fieldSchema_xcomponentprops;
-                const { dn } = useDesignable();
-                const { t } = useTranslation();
-                const fieldSchema = useFieldSchema();
-                const { title } = useSchemaToolbar();
-                return {
-                    title: t('Enable Share page'),
-                    checked: null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.enableSharePage,
-                    onChange (v) {
-                        fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
-                        fieldSchema['x-component-props']['enableSharePage'] = v;
-                        if (!fieldSchema.title) fieldSchema.title = title;
-                        dn.emit('patch', {
-                            schema: {
-                                ['x-uid']: fieldSchema['x-uid'],
-                                ['x-component-props']: fieldSchema['x-component-props'],
-                                title: fieldSchema.title
-                            }
-                        });
-                        dn.refresh();
-                    }
-                };
-            }
-        },
         {
             name: 'divider',
             type: 'divider',

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

@@ -1,17 +1,17 @@
 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 { FormLayout } from "@tego/client";
+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/preview/Preview.mjs

@@ -1,8 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Lightbox } from "@tachybase/components";
 import { connect, mapReadPretty } from "@tachybase/schema";
 import { DeleteOutlined, DownloadOutlined, PlusOutlined } from "@ant-design/icons";
+import { Lightbox } from "@tego/client";
 import { Button, Progress, Space, Upload } from "antd";
 import classnames from "classnames";
 import { saveAs } from "file-saver";

package/es/schema-component/antd/quick-edit/QuickEdit.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import react, { useMemo, useRef } from "react";
-import { FormItem } from "@tachybase/components";
 import { FormContext, RecursionField, createForm, observer, useField, useFieldSchema } from "@tachybase/schema";
+import { FormItem } from "@tego/client";
 import { createStyles } from "antd-style";
 import { useCollectionManager_deprecated } from "../../../collection-manager/index.mjs";
 import { StablePopover } from "../popover/index.mjs";

package/es/schema-component/antd/record-picker/util.mjs

@@ -1,6 +1,6 @@
 import react from "react";
 import { isArr } from "@tachybase/schema";
-import { getDefaultFormat, str2moment } from "@tachybase/utils/client";
+import { getDefaultFormat, str2moment } from "@tego/client";
 import { Tag } from "antd";
 import { useCollectionManager_deprecated } from "../../../collection-manager/index.mjs";
 const useLabelUiSchema = (collectionField, label)=>{

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

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { isValid, toArr, useFieldSchema, useForm } from "@tachybase/schema";
-import { isPlainObject } from "@tachybase/utils/client";
 import { CloseCircleFilled, CloseOutlined } from "@ant-design/icons";
+import { isPlainObject } from "@tego/client";
 import { Empty, Select, Spin, Tag } from "antd";
 import { useAPIClient, useRequest } from "../../../api-client/index.mjs";
 import { useCollection_deprecated } from "../../../collection-manager/index.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, _fieldSchema_xcomponentprops;
     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 = fieldSchema['x-component-props']) ? void 0 : null == (_fieldSchema_xcomponentprops_fieldNames = _fieldSchema_xcomponentprops.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 };