@tachybase/client 1.0.6 → 1.0.25

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

@@ -214,10 +214,6 @@ const fieldSettingsFormItem = new __WEBPACK_EXTERNAL_MODULE__application_schema_
                     },
                     {
                         name: 'setDefaultValue',
-                        useVisible () {
-                            const { isAllowToSetDefaultValue } = (0, __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.useIsAllowToSetDefaultValue)();
-                            return isAllowToSetDefaultValue();
-                        },
                         Component: __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsDefaultValue
                     },
                     {
@@ -479,10 +475,6 @@ const fieldSettingsFormItem = new __WEBPACK_EXTERNAL_MODULE__application_schema_
                     },
                     {
                         ...__WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.fieldComponentSettingsItem
-                    },
-                    {
-                        name: 'editDefaultValue',
-                        Component: __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsDefaultValue
                     }
                 ];
             }

package/es/modules/blocks/data-blocks/form/hooks/useEditFormBlockDecoratorProps.d.ts

@@ -1,6 +1,4 @@
 export declare function useEditFormBlockDecoratorProps(props: any): {
-    params: {
-        filterByTk: any;
-    };
+    params: any;
     parentRecord: any;
 };

package/es/modules/blocks/data-blocks/form/hooks/useEditFormBlockDecoratorProps.mjs

@@ -5,7 +5,10 @@ function useEditFormBlockDecoratorProps(props) {
     let parentRecord;
     if (props.association) parentRecord = (0, __WEBPACK_EXTERNAL_MODULE__details_single_hooks_useDetailsDecoratorProps_mjs__.useDetailsParentRecord)(props.association);
     return {
-        params,
+        params: {
+            ...params,
+            ...props.params
+        },
         parentRecord
     };
 }

package/es/modules/fields/component/InputNumber/inputNumberComponentFieldSettings.mjs

@@ -1,11 +1,102 @@
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
 import * as __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__ from "../../../../application/schema-settings/SchemaSettings.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../../schema-component/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_form_item_FormItem_Settings_mjs__ from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_table_v2_Table_Column_Decorator_mjs__ from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettingsNumberFormat_mjs__ from "../../../../schema-settings/SchemaSettingsNumberFormat.mjs";
 const inputNumberComponentFieldSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__.SchemaSettings({
     name: 'fieldSettings:component:InputNumber',
     items: [
+        {
+            name: 'setSliderMAXNumber',
+            type: 'modal',
+            useVisible () {
+                var _fieldSchema_xcomponentprops;
+                const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+                return 'Slider' === fieldSchema['x-component'] || (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.component) === 'Slider';
+            },
+            useComponentProps () {
+                var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
+                const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+                const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+                const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+                const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
+                return {
+                    title: t('MAX'),
+                    value: null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.max,
+                    schema: {
+                        type: 'object',
+                        title: t('Edit Slider Max'),
+                        properties: {
+                            maxNumber: {
+                                default: (null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : _fieldSchema_xcomponentprops1.max) || 100,
+                                'x-decorator': 'FormItem',
+                                'x-component': 'Input',
+                                'x-component-props': {}
+                            }
+                        }
+                    },
+                    onSubmit (number) {
+                        if (Number(number.maxNumber) > (field.componentProps['min'] || 0)) {
+                            fieldSchema['x-component-props']['max'] = Number(number.maxNumber);
+                            field.componentProps['max'] = Number(number.maxNumber);
+                            dn.emit('patch', {
+                                schema: {
+                                    'x-uid': fieldSchema['x-uid'],
+                                    'x-component-props': fieldSchema['x-component-props']
+                                }
+                            });
+                        } else __WEBPACK_EXTERNAL_MODULE_antd__.message.warning(t('Cannot be less than or equal to the minimum value'));
+                    }
+                };
+            }
+        },
+        {
+            name: 'setSliderMinNumber',
+            type: 'modal',
+            useVisible () {
+                var _fieldSchema_xcomponentprops;
+                const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+                return 'Slider' === fieldSchema['x-component'] || (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.component) === 'Slider';
+            },
+            useComponentProps () {
+                var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
+                const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+                const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+                const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+                const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
+                return {
+                    title: t('MIN'),
+                    value: null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.min,
+                    schema: {
+                        type: 'object',
+                        title: t('Edit Slider Min'),
+                        properties: {
+                            minNumber: {
+                                default: (null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : _fieldSchema_xcomponentprops1.min) || 0,
+                                'x-decorator': 'FormItem',
+                                'x-component': 'Input',
+                                'x-component-props': {}
+                            }
+                        }
+                    },
+                    onSubmit (number) {
+                        if (Number(number.minNumber) < (field.componentProps['max'] || 0)) {
+                            fieldSchema['x-component-props']['min'] = Number(number.minNumber);
+                            field.componentProps['min'] = Number(number.minNumber);
+                            dn.emit('patch', {
+                                schema: {
+                                    'x-uid': fieldSchema['x-uid'],
+                                    'x-component-props': fieldSchema['x-component-props']
+                                }
+                            });
+                        } else __WEBPACK_EXTERNAL_MODULE_antd__.message.warning(t('Cannot be greater than or equal to the maximum value'));
+                    }
+                };
+            }
+        },
         {
             name: 'displayFormat',
             Component: __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettingsNumberFormat_mjs__.SchemaSettingsNumberFormat,

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

@@ -15,6 +15,7 @@ export * from './collection-select';
 export * from './color-picker';
 export * from './color-select';
 export * from './cron';
+export * from './slider';
 export * from './custom-cascader';
 export * from './date-picker';
 export * from './details';
@@ -58,5 +59,6 @@ export * from './unixTimestamp';
 export * from './upload';
 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

@@ -17,6 +17,7 @@ export * from "./collection-select/index.mjs";
 export * from "./color-picker/index.mjs";
 export * from "./color-select/index.mjs";
 export * from "./cron/index.mjs";
+export * from "./slider/index.mjs";
 export * from "./custom-cascader/index.mjs";
 export * from "./date-picker/index.mjs";
 export * from "./details/index.mjs";
@@ -60,6 +61,7 @@ export * from "./unixTimestamp/index.mjs";
 export * from "./upload/index.mjs";
 export * from "./variable/index.mjs";
 export * from "./media-card/index.mjs";
+export * from "./tracking-link/index.mjs";
 var __webpack_exports__CodeMirror = __WEBPACK_EXTERNAL_MODULE__tachybase_components__.CodeMirror;
 var __webpack_exports__PageHeader = __WEBPACK_EXTERNAL_MODULE__ant_design_pro_layout__.PageHeader;
 var __webpack_exports__genStyleHook = __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHook;

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

@@ -1,5 +1,6 @@
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE_react_router__ from "react-router";
 import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__application_schema_settings_index_mjs__ from "../../../application/schema-settings/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__application_schema_toolbar_index_mjs__ from "../../../application/schema-toolbar/index.mjs";
@@ -36,6 +37,38 @@ const pageSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_settings_
                 };
             }
         },
+        {
+            name: 'enablesharePage',
+            type: 'switch',
+            useVisible () {
+                const isShare = (0, __WEBPACK_EXTERNAL_MODULE_react_router__.useMatch)('/share/:name');
+                return !isShare;
+            },
+            useComponentProps () {
+                var _fieldSchema_xcomponentprops;
+                const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesignable)();
+                const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+                const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+                const { title } = (0, __WEBPACK_EXTERNAL_MODULE__application_schema_toolbar_index_mjs__.useSchemaToolbar)();
+                return {
+                    title: t('Enable Share page'),
+                    checked: null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? 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

@@ -27,18 +27,20 @@ import * as __WEBPACK_EXTERNAL_MODULE__core_index_mjs__ from "../../core/index.m
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__error_fallback_index_mjs__ from "../error-fallback/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__FixedBlock_mjs__ from "./FixedBlock.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_useShareActions_mjs__ from "./hooks/useShareActions.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__Page_style_mjs__ from "./Page.style.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__PageDesigner_mjs__ from "./PageDesigner.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__PageTabDesigner_mjs__ from "./PageTabDesigner.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__style_mjs__ from "./style.mjs";
 const Page = (props)=>{
-    var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
+    var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1, _fieldSchema_xcomponentprops2;
     const { children, ...others } = props;
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
     const { title, setTitle } = (0, __WEBPACK_EXTERNAL_MODULE__built_in_document_title_index_mjs__.useDocumentTitle)();
     const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
     const disablePageHeader = null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.disablePageHeader;
     const enablePageTabs = null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : _fieldSchema_xcomponentprops1.enablePageTabs;
+    const enableSharePage = null === (_fieldSchema_xcomponentprops2 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops2 ? void 0 : _fieldSchema_xcomponentprops2.enableSharePage;
     const [searchParams, setSearchParams] = (0, __WEBPACK_EXTERNAL_MODULE_react_router_dom__.useSearchParams)();
     const [loading, setLoading] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const activeKey = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>searchParams.get('tab') || Object.keys(fieldSchema.properties || {}).shift(), [
@@ -70,6 +72,7 @@ const Page = (props)=>{
                     parentProps: others,
                     setHeight: setHeight,
                     setLoading: setLoading,
+                    enableSharePage: enableSharePage,
                     setSearchParams: setSearchParams
                 }),
                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(PageContentComponent, {
@@ -87,40 +90,132 @@ const Page = (props)=>{
 };
 const PageHeader = (props)=>{
     var _fieldSchema_xcomponentprops;
-    const { disablePageHeader, enablePageTabs, setHeight, activeKey, setLoading, setSearchParams, fieldSchema, title, parentProps } = props;
+    const { disablePageHeader, enablePageTabs, setHeight, activeKey, setLoading, setSearchParams, fieldSchema, title, parentProps, enableSharePage } = props;
     const { theme } = (0, __WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__.useGlobalTheme)();
     const options = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaOptionsContext);
     const compile = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCompile)();
+    const [open, setOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [imageOpen, setImageOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const { showScrollArea } = (0, __WEBPACK_EXTERNAL_MODULE__built_in_context_menu_useContextMenu_mjs__.useContextMenu)();
     const hidePageTitle = null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.hidePageTitle;
     const pageHeaderTitle = hidePageTitle ? void 0 : fieldSchema.title || compile(title);
+    const isShare = (0, __WEBPACK_EXTERNAL_MODULE_react_router_dom__.useMatch)('/share/:name');
     const items = fieldSchema.mapProperties((schema)=>({
             key: schema.name,
             label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(TabItem, {
                 schema: schema
             })
         }));
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__style_mjs__.useStyles)();
+    const { copyLink, imageAction } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useShareActions_mjs__.useShareActions)({
+        title: pageHeaderTitle,
+        uid: ''
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
         ref: (ref)=>{
             setHeight(Math.floor((null == ref ? void 0 : ref.getBoundingClientRect().height) || 0) + 1);
         },
         className: "tb-page-header-wrapper",
-        children: !disablePageHeader && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_pro_layout__.PageHeader, {
-            className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])('pageHeaderCss', pageHeaderTitle || enablePageTabs ? '' : 'height0'),
-            ghost: false,
-            title: pageHeaderTitle || ' ',
-            ...parentProps,
-            extra: !enablePageTabs && showScrollArea && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.ScrollArea, {}),
-            footer: enablePageTabs && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(TabComponent, {
-                activeKey: activeKey,
-                setLoading: setLoading,
-                setSearchParams: setSearchParams,
-                showScrollArea: showScrollArea,
-                options: options,
-                theme: theme,
-                items: items
+        children: [
+            !disablePageHeader && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_pro_layout__.PageHeader, {
+                className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])('pageHeaderCss', pageHeaderTitle || enableSharePage ? '' : 'height0'),
+                ghost: false,
+                title: pageHeaderTitle || ' ',
+                ...parentProps,
+                extra: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(HeaderExtra, {
+                    enablePageTabs: enablePageTabs,
+                    showScrollArea: showScrollArea,
+                    isShare: isShare,
+                    setOpen: setOpen,
+                    enableSharePage: enableSharePage
+                }),
+                footer: enablePageTabs && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(TabComponent, {
+                    activeKey: activeKey,
+                    setLoading: setLoading,
+                    setSearchParams: setSearchParams,
+                    showScrollArea: showScrollArea,
+                    options: options,
+                    theme: theme,
+                    items: items
+                })
+            }),
+            disablePageHeader && enableSharePage && !isShare && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                className: "tb-page-header-button",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.ShareAltOutlined, {}),
+                    onClick: ()=>{
+                        setOpen(true);
+                    },
+                    children: t('Share')
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Modal, {
+                open: open,
+                className: styles.firstmodal,
+                title: t('Share'),
+                footer: null,
+                width: 500,
+                onCancel: ()=>{
+                    setOpen(false);
+                },
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                        className: styles.secondmodal,
+                        children: [
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                                className: "tb-header-modal-list",
+                                onClick: copyLink,
+                                children: [
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+                                        type: "PaperClipOutlined"
+                                    }),
+                                    t('Copy link')
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                                className: "tb-header-modal-list",
+                                onClick: ()=>{
+                                    setImageOpen(true);
+                                },
+                                children: [
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+                                        type: "QrcodeOutlined"
+                                    }),
+                                    t('Generate QR code')
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Modal, {
+                        className: styles.imageModal,
+                        open: imageOpen,
+                        footer: null,
+                        onCancel: ()=>{
+                            setImageOpen(false);
+                        },
+                        children: imageAction()
+                    })
+                ]
             })
-        })
+        ]
+    });
+};
+const HeaderExtra = (param)=>{
+    let { enablePageTabs, showScrollArea, isShare, setOpen, enableSharePage } = param;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+        children: [
+            !isShare && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.ShareAltOutlined, {}),
+                onClick: ()=>{
+                    setOpen(true);
+                },
+                style: {
+                    visibility: "".concat(enableSharePage ? 'visible' : 'hidden')
+                }
+            }),
+            !enablePageTabs && showScrollArea && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.ScrollArea, {})
+        ]
     });
 };
 const TabComponent = (props)=>{

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const useShareActions: ({ title, uid }: {
+    title: any;
+    uid: any;
+}) => {
+    copyLink: () => void;
+    imageAction: () => import("react/jsx-runtime").JSX.Element;
+};