@tachybase/client 1.3.20 → 1.3.21

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

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

package/es/modules/fields/component/Select/selectComponentFieldSettings.mjs

@@ -7,11 +7,11 @@ 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 { useCollectionField } from "../../../../data-source/index.mjs";
+import { useCollectionField, useDataSourceManager } from "../../../../data-source/index.mjs";
 import { useRecord } from "../../../../record-provider/index.mjs";
-import { removeNullCondition, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
+import { removeNullCondition, useCompile, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
 import { isSubMode } from "../../../../schema-component/antd/association-field/util.mjs";
-import { useIsAssociationField, useIsFieldReadPretty, useIsMuiltipleAble, useIsSelectFieldMode, useTitleFieldOptions } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
+import { useIsAssociationField, useIsFieldReadPretty, useIsSelectFieldMode, useTitleFieldOptions } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
 import { VariableInput, getShouldChange, useFormulaTitleOptions } from "../../../../schema-settings/index.mjs";
 import { useIsShowMultipleSwitch } from "../../../../schema-settings/hooks/useIsShowMultipleSwitch.mjs";
@@ -271,6 +271,7 @@ const fieldComponent = {
     name: 'fieldComponent',
     type: 'select',
     useComponentProps () {
+        var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions;
         const { t } = useTranslation();
         const field = useField();
         const collectionFieldCurrent = useCollectionField();
@@ -285,7 +286,8 @@ const fieldComponent = {
         const fieldMode = useFieldComponentName();
         const { dn } = useDesignable();
         const isMuiltipleSelect = [
-            'select'
+            'select',
+            'multipleSelect'
         ].includes(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
         const optionsMuiltipleSelect = [
             {
@@ -297,9 +299,27 @@ const fieldComponent = {
                 value: 'Radio group'
             }
         ];
+        if ((null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface) === 'multipleSelect') {
+            const index = optionsMuiltipleSelect.findIndex((item)=>'Radio group' === item.value);
+            optionsMuiltipleSelect.splice(index, 1);
+        }
+        const dm = useDataSourceManager();
+        const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
+        const compile = useCompile();
+        if (fieldSchema['x-component-props']['multiple']) {
+            const index = fieldModeOptions.findIndex((item)=>'Radio group' === item.value);
+            fieldModeOptions.splice(index, 1);
+        }
+        const componentOptions = isMuiltipleSelect ? 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: isMuiltipleSelect ? optionsMuiltipleSelect : fieldModeOptions,
+            options: componentOptions,
             value: fieldMode,
             onChange (mode) {
                 const schema = {
@@ -390,8 +410,7 @@ const selectComponentFieldSettings = new SchemaSettings({
     name: 'fieldSettings:component:Select',
     items: [
         {
-            ...fieldComponent,
-            useVisible: useIsMuiltipleAble
+            ...fieldComponent
         },
         {
             ...setTheDataScope,

package/es/schema-component/antd/association-field/InternalViewer.mjs

@@ -11,9 +11,9 @@ import { FormProvider } from "../../core/index.mjs";
 import { useCompile } from "../../hooks/index.mjs";
 import { ActionContextProvider, useActionContext } from "../action/index.mjs";
 import { EllipsisWithTooltip } from "../input/EllipsisWithTooltip.mjs";
-import { useAssociationFieldContext, useFieldNames, useInsertSchema } from "./hooks.mjs";
+import { useAssociationFieldContext, useCustomTitle, useFieldNames, useInsertSchema } from "./hooks.mjs";
 import { transformNestedData } from "./InternalCascadeSelect.mjs";
-import schema_0 from "./schema.mjs";
+import schema from "./schema.mjs";
 import { getLabelFormatValue, useLabelUiSchemaV2 } from "./util.mjs";
 const toValue = (value, placeholder)=>{
     if (null == value) return placeholder;
@@ -41,7 +41,7 @@ const ReadPrettyInternalViewer = observer((props)=>{
     const isTreeCollection = (null == targetCollection ? void 0 : targetCollection.template) === 'tree';
     const ellipsisWithTooltipRef = useRef();
     const getLabelUiSchema = useLabelUiSchemaV2();
-    const { formulaRecord, fieldNames } = customTitle(recordCtx, fieldSchema, defFieldNames);
+    const { formulaRecord, fieldNames } = useCustomTitle(recordCtx, fieldSchema, defFieldNames);
     const renderRecords = ()=>toArr(formulaRecord[fieldSchema['name']] || props.value).map((record, index, arr)=>{
             var _getCollection_options, _getCollection, _targetCollection_fieldsMap_, _targetCollection_fieldsMap, _getCollection_options1, _getCollection1, _targetCollection_fieldsMap_1, _targetCollection_fieldsMap1;
             const value = null == record ? void 0 : record[(null == fieldNames ? void 0 : fieldNames.label) || 'label'];
@@ -57,7 +57,7 @@ const ReadPrettyInternalViewer = observer((props)=>{
                                 var _ellipsisWithTooltipRef_current;
                                 e.stopPropagation();
                                 e.preventDefault();
-                                if (designable) insertViewer(schema_0.Viewer);
+                                if (designable) insertViewer(schema.Viewer);
                                 setVisible(true);
                                 setRecord(record);
                                 null == ellipsisWithTooltipRef || null == (_ellipsisWithTooltipRef_current = ellipsisWithTooltipRef.current) || _ellipsisWithTooltipRef_current.setPopoverVisible(false);
@@ -134,58 +134,4 @@ const ReadPrettyInternalViewer = observer((props)=>{
 }, {
     displayName: 'ReadPrettyInternalViewer'
 });
-const customTitle = (record, schema, fieldNames)=>{
-    var _schema_xcomponentprops, _schema_xcomponentprops_fieldNames, _schema_xcomponentprops1;
-    if ((null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.mode) === 'CustomTitle' && (null == (_schema_xcomponentprops1 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops1.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula)) {
-        var _schema_xcomponentprops_fieldNames1, _schema_xcomponentprops2;
-        const regex = /{{(.*?)}}/g;
-        const valueOject = {};
-        let outputStr = '';
-        let match;
-        const formula = null == (_schema_xcomponentprops2 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames1 = _schema_xcomponentprops2.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames1.formula;
-        while(match = regex.exec(formula))if (match[1].includes('.')) {
-            const fieldList = [
-                schema.name
-            ];
-            fieldList.push(...match[1].split('.'));
-            const result = {
-                currRecord: record,
-                value: ''
-            };
-            fieldList.forEach((value, index)=>{
-                var _result_currRecord;
-                if (fieldList.length - 1 !== index) {
-                    var _result_currRecord1;
-                    result.currRecord = null == (_result_currRecord1 = result.currRecord) ? void 0 : _result_currRecord1[value];
-                    return;
-                }
-                result.value = null == (_result_currRecord = result.currRecord) ? void 0 : _result_currRecord[value];
-            });
-            var _result_value;
-            valueOject[match[1]] = null != (_result_value = result.value) ? _result_value : '';
-        } else {
-            var _record_schema_name;
-            valueOject[match[1]] = (null == (_record_schema_name = record[schema['name']]) ? void 0 : _record_schema_name[match[1]]) || '';
-        }
-        outputStr = replacePlaceholders(formula, valueOject);
-        record[schema['name']] = {
-            ...record[schema['name']],
-            customLabel: outputStr
-        };
-        return {
-            formulaRecord: record,
-            fieldNames: {
-                ...fieldNames,
-                label: 'customLabel'
-            }
-        };
-    }
-    return {
-        formulaRecord: record,
-        fieldNames
-    };
-};
-const replacePlaceholders = (inputStr, values)=>inputStr.replace(/{{(.*?)}}/g, function(match, placeholder) {
-        return Object.prototype.hasOwnProperty.call(values, placeholder) ? values[placeholder] : match;
-    });
 export { ReadPrettyInternalViewer, isObject };

package/es/schema-component/antd/association-field/hooks.d.ts

@@ -27,3 +27,7 @@ export declare const useSubFormValue: () => {
     formValue: any;
     collection: Collection;
 };
+export declare const useCustomTitle: (record: any, schema: any, fieldNames: any) => {
+    formulaRecord: any;
+    fieldNames: any;
+};

package/es/schema-component/antd/association-field/hooks.mjs

@@ -147,4 +147,55 @@ const useSubFormValue = ()=>{
         collection
     };
 };
-export { SubFormProvider, useServiceOptions as default, useAssociationFieldContext, useFieldNames, useInsertSchema, useSubFormValue };
+const useCustomTitle = (record, schema, fieldNames)=>{
+    var _schema_xcomponentprops, _schema_xcomponentprops_fieldNames, _schema_xcomponentprops1;
+    if ((null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.mode) === 'CustomTitle' && (null == (_schema_xcomponentprops1 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops1.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula)) {
+        if (Array.isArray(record[schema['name']])) record[schema['name']].forEach((recordItem)=>{
+            recordItem['customLabel'] = getCustomLabel(recordItem, schema);
+        });
+        else record[schema['name']]['customLabel'] = getCustomLabel(record[schema['name']], schema);
+        return {
+            formulaRecord: record,
+            fieldNames: {
+                ...fieldNames,
+                label: 'customLabel'
+            }
+        };
+    }
+    return {
+        formulaRecord: record,
+        fieldNames
+    };
+};
+const getCustomLabel = (record, schema)=>{
+    var _schema_xcomponentprops_fieldNames, _schema_xcomponentprops;
+    const regex = /{{(.*?)}}/g;
+    const valueOject = {};
+    let outputStr = '';
+    let match;
+    const formula = null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula;
+    while(match = regex.exec(formula))if (match[1].includes('.')) {
+        const fieldList = match[1].split('.');
+        const result = {
+            currRecord: record,
+            value: ''
+        };
+        fieldList.forEach((value, index)=>{
+            var _result_currRecord;
+            if (fieldList.length - 1 !== index) {
+                var _result_currRecord1;
+                result.currRecord = null == (_result_currRecord1 = result.currRecord) ? void 0 : _result_currRecord1[value];
+                return;
+            }
+            result.value = null == (_result_currRecord = result.currRecord) ? void 0 : _result_currRecord[value];
+        });
+        var _result_value;
+        valueOject[match[1]] = null != (_result_value = result.value) ? _result_value : '';
+    } else valueOject[match[1]] = record[match[1]] || '';
+    outputStr = replacePlaceholders(formula, valueOject);
+    return outputStr;
+};
+const replacePlaceholders = (inputStr, values)=>inputStr.replace(/{{(.*?)}}/g, function(match, placeholder) {
+        return Object.prototype.hasOwnProperty.call(values, placeholder) ? values[placeholder] : match;
+    });
+export { SubFormProvider, useServiceOptions as default, useAssociationFieldContext, useCustomTitle, useFieldNames, useInsertSchema, useSubFormValue };

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 { 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/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

@@ -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;
-}>;