@tachybase/client 1.3.20 → 1.3.22

package/lib/schema-component/antd/input/Input.js

@@ -50,7 +50,8 @@ const Input = Object.assign((0, schema_namespaceObject.connect)(external_antd_na
         })), (0, schema_namespaceObject.mapReadPretty)(external_ReadPretty_js_namespaceObject.ReadPretty.TextArea)),
     URL: (0, schema_namespaceObject.connect)(external_antd_namespaceObject.Input, (0, schema_namespaceObject.mapReadPretty)(external_ReadPretty_js_namespaceObject.ReadPretty.URL)),
     JSON: (0, schema_namespaceObject.connect)(external_Json_js_namespaceObject.Json, (0, schema_namespaceObject.mapReadPretty)(external_ReadPretty_js_namespaceObject.ReadPretty.JSON)),
-    ReadPretty: external_ReadPretty_js_namespaceObject.ReadPretty.Input
+    ReadPretty: external_ReadPretty_js_namespaceObject.ReadPretty.Input,
+    Preview: external_ReadPretty_js_namespaceObject.ReadPretty.Preview
 });
 const input_Input = Input;
 exports.Input = __webpack_exports__.Input;

package/lib/schema-component/antd/input/ReadPretty.js

@@ -37,8 +37,9 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
-const components_namespaceObject = require("@tachybase/components");
+const schema_namespaceObject = require("@tachybase/schema");
 const css_namespaceObject = require("@emotion/css");
+const client_namespaceObject = require("@tego/client");
 const external_antd_namespaceObject = require("antd");
 const external_classnames_namespaceObject = require("classnames");
 var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_classnames_namespaceObject);
@@ -64,7 +65,7 @@ function _templateObject() {
 }
 const ReadPretty = ()=>null;
 const _Input = (props)=>{
-    const prefixCls = (0, components_namespaceObject.usePrefixCls)("description-input", props);
+    const prefixCls = (0, client_namespaceObject.usePrefixCls)("description-input", props);
     const compile = (0, external_index_js_namespaceObject.useCompile)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: external_classnames_default()(prefixCls, props.className),
@@ -88,7 +89,7 @@ const _Input = (props)=>{
     });
 };
 const _TextArea = (props)=>{
-    const prefixCls = (0, components_namespaceObject.usePrefixCls)("description-textarea", props);
+    const prefixCls = (0, client_namespaceObject.usePrefixCls)("description-textarea", props);
     const compile = (0, external_index_js_namespaceObject.useCompile)();
     var _props_value;
     const value = compile(null != (_props_value = props.value) ? _props_value : '');
@@ -128,7 +129,7 @@ function convertToText(html) {
     return (null == text ? void 0 : text.replace(/[\n\r]/g, '')) || '';
 }
 const _Html = (props)=>{
-    const prefixCls = (0, components_namespaceObject.usePrefixCls)("description-textarea", props);
+    const prefixCls = (0, client_namespaceObject.usePrefixCls)("description-textarea", props);
     const compile = (0, external_index_js_namespaceObject.useCompile)();
     var _props_value;
     const value = compile(null != (_props_value = props.value) ? _props_value : '');
@@ -161,7 +162,7 @@ const _Html = (props)=>{
 };
 const _URL = (props)=>{
     var _props_value;
-    const prefixCls = (0, components_namespaceObject.usePrefixCls)("description-url", props);
+    const prefixCls = (0, client_namespaceObject.usePrefixCls)("description-url", props);
     const content = props.value && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Typography.Link, {
         ellipsis: true,
         target: '_blank',
@@ -181,7 +182,7 @@ const _URL = (props)=>{
     });
 };
 const _JSON = (props)=>{
-    const prefixCls = (0, components_namespaceObject.usePrefixCls)('json', props);
+    const prefixCls = (0, client_namespaceObject.usePrefixCls)('json', props);
     var _props_space;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", {
         className: external_classnames_default()(prefixCls, props.className, (0, css_namespaceObject.css)(_templateObject())),
@@ -189,11 +190,38 @@ 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 = (0, schema_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.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;
 exports.ReadPretty = __webpack_exports__.ReadPretty;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "ReadPretty"

package/lib/schema-component/antd/input-number/ReadPretty.js

@@ -33,7 +33,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const schema_namespaceObject = require("@tachybase/schema");
-const client_namespaceObject = require("@tachybase/utils/client");
+const client_namespaceObject = require("@tego/client");
 const external_d3_format_namespaceObject = require("d3-format");
 const external_mathjs_namespaceObject = require("mathjs");
 function countDecimalPlaces(value) {

package/lib/schema-component/antd/list/List.Decorator.js

@@ -40,8 +40,8 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
-const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
+const client_namespaceObject = require("@tego/client");
 const external_antd_style_namespaceObject = require("antd-style");
 const external_lodash_namespaceObject = require("lodash");
 var external_lodash_default = /*#__PURE__*/ __webpack_require__.n(external_lodash_namespaceObject);
@@ -98,7 +98,7 @@ const InternalListBlockProvider = (props)=>{
         },
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(schema_namespaceObject.FormContext.Provider, {
             value: form,
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.FormLayout, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.FormLayout, {
                 layout: 'vertical',
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                     className: styles.container,

package/lib/schema-component/antd/list/List.Designer.js

@@ -37,8 +37,8 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
-const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
+const client_namespaceObject = require("@tego/client");
 const external_lodash_namespaceObject = require("lodash");
 var external_lodash_default = /*#__PURE__*/ __webpack_require__.n(external_lodash_namespaceObject);
 const external_react_i18next_namespaceObject = require("react-i18next");
@@ -99,7 +99,7 @@ const ListDesigner = ()=>{
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_settings_index_js_namespaceObject.SchemaSettingsModalItem, {
                 title: t('Set default sorting rules'),
                 components: {
-                    ArrayItems: components_namespaceObject.ArrayItems
+                    ArrayItems: client_namespaceObject.ArrayItems
                 },
                 schema: {
                     type: 'object',

package/lib/schema-component/antd/menu/Menu.Designer.js

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     MenuDesigner: ()=>MenuDesigner
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
+const client_namespaceObject = require("@tego/client");
 const external_antd_namespaceObject = require("antd");
 const external_file_saver_namespaceObject = require("file-saver");
 const external_react_i18next_namespaceObject = require("react-i18next");
@@ -391,7 +391,7 @@ const MenuDesigner = (props)=>{
                 title: t('Move to'),
                 eventKey: "move-to",
                 components: {
-                    TreeSelect: components_namespaceObject.TreeSelect
+                    TreeSelect: client_namespaceObject.TreeSelect
                 },
                 effects: effects,
                 icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject_3.Icon, {

package/lib/schema-component/antd/menu/Menu.js

@@ -29,8 +29,8 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const schema_namespaceObject = require("@tachybase/schema");
-const client_namespaceObject = require("@tachybase/utils/client");
 const core_namespaceObject = require("@dnd-kit/core");
+const client_namespaceObject = require("@tego/client");
 const external_antd_namespaceObject = require("antd");
 const external_react_dom_namespaceObject = require("react-dom");
 const external_index_js_namespaceObject = require("../../index.js");

package/lib/schema-component/antd/page/Page.Settings.js

@@ -28,7 +28,6 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const schema_namespaceObject = require("@tachybase/schema");
 const external_react_i18next_namespaceObject = require("react-i18next");
-const external_react_router_namespaceObject = require("react-router");
 const external_index_js_namespaceObject = require("../../index.js");
 const index_js_namespaceObject = require("../../../application/schema-settings/index.js");
 const schema_toolbar_index_js_namespaceObject = require("../../../application/schema-toolbar/index.js");
@@ -65,38 +64,6 @@ const pageSettings = new index_js_namespaceObject.SchemaSettings({
                 };
             }
         },
-        {
-            name: 'enablesharePage',
-            type: 'switch',
-            useVisible () {
-                const isShare = (0, external_react_router_namespaceObject.useMatch)('/share/:name');
-                return !isShare;
-            },
-            useComponentProps () {
-                var _fieldSchema_xcomponentprops;
-                const { dn } = (0, external_index_js_namespaceObject.useDesignable)();
-                const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
-                const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
-                const { title } = (0, schema_toolbar_index_js_namespaceObject.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/lib/schema-component/antd/page/Page.js

@@ -37,11 +37,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
-const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
 const icons_namespaceObject = require("@ant-design/icons");
 const pro_layout_namespaceObject = require("@ant-design/pro-layout");
 const core_namespaceObject = require("@dnd-kit/core");
+const client_namespaceObject = require("@tego/client");
 const external_antd_namespaceObject = require("antd");
 const external_antd_style_namespaceObject = require("antd-style");
 const external_classnames_namespaceObject = require("classnames");
@@ -66,7 +66,6 @@ const external_hooks_index_js_namespaceObject = require("../../hooks/index.js");
 const external_error_fallback_index_js_namespaceObject = require("../error-fallback/index.js");
 const external_FixedBlock_js_namespaceObject = require("./FixedBlock.js");
 var external_FixedBlock_js_default = /*#__PURE__*/ __webpack_require__.n(external_FixedBlock_js_namespaceObject);
-const useShareActions_js_namespaceObject = require("./hooks/useShareActions.js");
 const external_Page_style_js_namespaceObject = require("./Page.style.js");
 const external_PageDesigner_js_namespaceObject = require("./PageDesigner.js");
 const external_PageTabDesigner_js_namespaceObject = require("./PageTabDesigner.js");
@@ -128,29 +127,21 @@ const Page = (props)=>{
     }));
 };
 const 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 } = (0, theme_index_js_namespaceObject.useGlobalTheme)();
     const options = (0, external_react_namespaceObject.useContext)(schema_namespaceObject.SchemaOptionsContext);
     const compile = (0, external_hooks_index_js_namespaceObject.useCompile)();
-    const [open, setOpen] = (0, external_react_namespaceObject.useState)(false);
-    const [imageOpen, setImageOpen] = (0, external_react_namespaceObject.useState)(false);
     const { showScrollArea } = (0, useContextMenu_js_namespaceObject.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 = (0, external_react_router_dom_namespaceObject.useMatch)('/share/:name');
     const items = fieldSchema.mapProperties((schema)=>({
             key: schema.name,
             label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabItem, {
                 schema: schema
             })
         }));
-    const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
-    const { styles } = (0, external_style_js_namespaceObject.useStyles)();
-    const { copyLink, imageAction } = (0, useShareActions_js_namespaceObject.useShareActions)({
-        title: pageHeaderTitle,
-        uid: ''
-    });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         ref: (ref)=>{
             setHeight(Math.floor((null == ref ? void 0 : ref.getBoundingClientRect().height) || 0) + 1);
@@ -162,12 +153,29 @@ const PageHeader = (props)=>{
                 ghost: false,
                 title: pageHeaderTitle || ' ',
                 ...parentProps,
-                extra: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HeaderExtra, {
-                    enablePageTabs: enablePageTabs,
-                    showScrollArea: showScrollArea,
-                    isShare: isShare,
-                    setOpen: setOpen,
-                    enableSharePage: enableSharePage
+                extra: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.PageExtendComponentProvider, {
+                                ...componentProps,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_core_index_js_namespaceObject.SchemaComponent, {
+                                    schema: schema
+                                })
+                            });
+                        }),
+                        !enablePageTabs && showScrollArea && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.ScrollArea, {})
+                    ]
                 }),
                 footer: enablePageTabs && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabComponent, {
                     activeKey: activeKey,
@@ -179,84 +187,27 @@ const PageHeader = (props)=>{
                     items: items
                 })
             }),
-            disablePageHeader && enableSharePage && !isShare && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "tb-page-header-button",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
-                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ShareAltOutlined, {}),
-                    onClick: ()=>{
-                        setOpen(true);
-                    },
-                    children: t('Share')
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Modal, {
-                open: open,
-                className: styles.firstmodal,
-                title: t('Share'),
-                footer: null,
-                width: 500,
-                onCancel: ()=>{
-                    setOpen(false);
-                },
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                        className: styles.secondmodal,
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                className: "tb-header-modal-list",
-                                onClick: copyLink,
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icon_index_js_namespaceObject.Icon, {
-                                        type: "PaperClipOutlined"
-                                    }),
-                                    t('Copy link')
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                className: "tb-header-modal-list",
-                                onClick: ()=>{
-                                    setImageOpen(true);
-                                },
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icon_index_js_namespaceObject.Icon, {
-                                        type: "QrcodeOutlined"
-                                    }),
-                                    t('Generate QR code')
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.PageExtendComponentProvider, {
+                    ...componentProps,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_core_index_js_namespaceObject.SchemaComponent, {
+                        schema: schema
                     })
-                ]
+                });
             })
         ]
     });
 };
-const HeaderExtra = (param)=>{
-    let { enablePageTabs, showScrollArea, isShare, setOpen, enableSharePage } = param;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-        children: [
-            !isShare && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
-                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ShareAltOutlined, {}),
-                onClick: ()=>{
-                    setOpen(true);
-                },
-                style: {
-                    visibility: "".concat(enableSharePage ? 'visible' : 'hidden')
-                }
-            }),
-            !enablePageTabs && showScrollArea && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.ScrollArea, {})
-        ]
-    });
-};
 const TabComponent = (props)=>{
     const { activeKey, setLoading, setSearchParams, showScrollArea, options, theme, items } = props;
     const { styles } = (0, external_Page_style_js_namespaceObject.useStyles)();
@@ -378,7 +329,7 @@ const AddTabForm = (props)=>{
         components: {
             ...options.components
         },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.FormLayout, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.FormLayout, {
             layout: 'vertical',
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_core_index_js_namespaceObject.SchemaComponent, {
                 schema: {

package/lib/schema-component/antd/page/hooks/index.js

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_modules__ = {
-    "./useShareActions": function(module) {
-        module.exports = require("./useShareActions.js");
+    "./useIsBlockInPage": function(module) {
+        module.exports = require("./useIsBlockInPage.js");
     }
 };
 var __webpack_module_cache__ = {};
@@ -47,10 +47,10 @@ function __webpack_require__(moduleId) {
 var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
-    var _useShareActions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./useShareActions");
+    var _useIsBlockInPage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./useIsBlockInPage");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _useShareActions__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _useShareActions__WEBPACK_IMPORTED_MODULE_0__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _useIsBlockInPage__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useIsBlockInPage__WEBPACK_IMPORTED_MODULE_0__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 })();

package/lib/schema-component/antd/page/index.js

@@ -17,6 +17,9 @@ var __webpack_modules__ = {
     },
     "./hooks?5620": function(module) {
         module.exports = require("./hooks/index.js");
+    },
+    "./pageExtendComponentProvider": function(module) {
+        module.exports = require("./pageExtendComponentProvider.js");
     }
 };
 var __webpack_module_cache__ = {};
@@ -98,6 +101,12 @@ var __webpack_exports__ = {};
         return _hooks__WEBPACK_IMPORTED_MODULE_5__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _pageExtendComponentProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./pageExtendComponentProvider");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _pageExtendComponentProvider__WEBPACK_IMPORTED_MODULE_6__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _pageExtendComponentProvider__WEBPACK_IMPORTED_MODULE_6__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 })();
 for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/lib/{application/components/ShareSchemaComponent.js → schema-component/antd/page/pageExtendComponentProvider.js}

@@ -24,20 +24,25 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    ShareSchemaComponent: ()=>ShareSchemaComponent
+    usePageExtendComponentContext: ()=>usePageExtendComponentContext,
+    PageExtendComponentContext: ()=>PageExtendComponentContext,
+    PageExtendComponentProvider: ()=>PageExtendComponentProvider
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_router_namespaceObject = require("react-router");
-const index_js_namespaceObject = require("../../schema-component/index.js");
-function ShareSchemaComponent() {
-    const params = (0, external_react_router_namespaceObject.useParams)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.RemoteSchemaComponent, {
-        uid: params.name
+const external_react_namespaceObject = require("react");
+const PageExtendComponentContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({});
+const PageExtendComponentProvider = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PageExtendComponentContext.Provider, {
+        value: props,
+        children: props.children
     });
-}
-exports.ShareSchemaComponent = __webpack_exports__.ShareSchemaComponent;
+const usePageExtendComponentContext = ()=>(0, external_react_namespaceObject.useContext)(PageExtendComponentContext);
+exports.PageExtendComponentContext = __webpack_exports__.PageExtendComponentContext;
+exports.PageExtendComponentProvider = __webpack_exports__.PageExtendComponentProvider;
+exports.usePageExtendComponentContext = __webpack_exports__.usePageExtendComponentContext;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "ShareSchemaComponent"
+    "PageExtendComponentContext",
+    "PageExtendComponentProvider",
+    "usePageExtendComponentContext"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/lib/schema-component/antd/page/style.js

@@ -24,46 +24,9 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    getStyles: ()=>getStyles,
-    useStyles: ()=>useStyles
+    getStyles: ()=>getStyles
 });
-const external_antd_style_namespaceObject = require("antd-style");
 const index_js_namespaceObject = require("../__builtins__/index.js");
-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 = (0, index_js_namespaceObject.genStyleHook)('tb-page', (token)=>{
     const { componentCls } = token;
     return {
@@ -208,19 +171,9 @@ const getStyles = (0, index_js_namespaceObject.genStyleHook)('tb-page', (token)=
         }
     };
 });
-const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
-    let { css, token } = param;
-    return {
-        firstmodal: css(_templateObject()),
-        secondmodal: css(_templateObject1()),
-        imageModal: css(_templateObject2())
-    };
-});
 exports.getStyles = __webpack_exports__.getStyles;
-exports.useStyles = __webpack_exports__.useStyles;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "getStyles",
-    "useStyles"
+    "getStyles"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/lib/schema-component/antd/preview/Preview.js

@@ -39,9 +39,9 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
-const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
 const icons_namespaceObject = require("@ant-design/icons");
+const client_namespaceObject = require("@tego/client");
 const external_antd_namespaceObject = require("antd");
 const external_classnames_namespaceObject = require("classnames");
 var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_classnames_namespaceObject);
@@ -266,7 +266,7 @@ const FileSelector = (props)=>{
                     ]
                 })
             }),
-            visible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.Lightbox, {
+            visible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.Lightbox, {
                 mainSrc: null == (_fileList_photoIndex = fileList[photoIndex]) ? void 0 : _fileList_photoIndex.imageUrl,
                 nextSrc: null == (_fileList_ = fileList[(photoIndex + 1) % fileList.length]) ? void 0 : _fileList_.imageUrl,
                 prevSrc: null == (_fileList_1 = fileList[(photoIndex + fileList.length - 1) % fileList.length]) ? void 0 : _fileList_1.imageUrl,

package/lib/schema-component/antd/quick-edit/QuickEdit.js

@@ -39,8 +39,8 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
-const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
+const client_namespaceObject = require("@tego/client");
 const external_antd_style_namespaceObject = require("antd-style");
 const index_js_namespaceObject = require("../../../collection-manager/index.js");
 const external_popover_index_js_namespaceObject = require("../popover/index.js");
@@ -96,7 +96,7 @@ const Editable = (0, schema_namespaceObject.observer)((props)=>{
         });
         return child;
     });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.FormItem, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.FormItem, {
         ...props,
         labelStyle: {
             display: 'none'
@@ -142,7 +142,7 @@ const QuickEdit = (0, schema_namespaceObject.observer)((props)=>{
     if (!collectionField) return null;
     return field.editable ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Editable, {
         ...props
-    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.FormItem, {
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.FormItem, {
         ...props,
         style: {
             padding: '0 8px'