@nocobase/plugin-mobile-client 0.12.0-alpha.2 → 0.12.0-alpha.4

package/dist/client/core/schema/hooks/useSchemaPatch.d.ts

@@ -1,3 +1,3 @@
 export declare const useSchemaPatch: () => {
-    onUpdateComponentProps: (data: any) => void;
+    onUpdateComponentProps: (this: any, data: any) => Promise<void>;
 };

package/dist/client/index.js

@@ -12,8 +12,8 @@
   }
 })();
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@nocobase/client"), require("react-router-dom"), require("antd"), require("react-i18next"), require("@ant-design/icons"), require("@formily/react"), require("lodash"), require("@formily/shared"), require("@formily/antd-v5")) : typeof define === "function" && define.amd ? define(["exports", "react", "@nocobase/client", "react-router-dom", "antd", "react-i18next", "@ant-design/icons", "@formily/react", "lodash", "@formily/shared", "@formily/antd-v5"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["@nocobase/plugin-mobile-client"] = {}, global2.react, global2["@nocobase/client"], global2["react-router-dom"], global2.antd, global2["react-i18next"], global2["@ant-design/icons"], global2["@formily/react"], global2.lodash, global2["@formily/shared"], global2["@formily/antd-v5"]));
-})(this, function(exports2, React, client, reactRouterDom, antd, reactI18next, icons, react, lodash, shared, antdV5) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@nocobase/client"), require("react-router-dom"), require("antd"), require("react-i18next"), require("@ant-design/icons"), require("@formily/react"), require("lodash"), require("ahooks"), require("@formily/shared"), require("@formily/antd-v5")) : typeof define === "function" && define.amd ? define(["exports", "react", "@nocobase/client", "react-router-dom", "antd", "react-i18next", "@ant-design/icons", "@formily/react", "lodash", "ahooks", "@formily/shared", "@formily/antd-v5"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["@nocobase/plugin-mobile-client"] = {}, global2.react, global2["@nocobase/client"], global2["react-router-dom"], global2.antd, global2["react-i18next"], global2["@ant-design/icons"], global2["@formily/react"], global2.lodash, global2.ahooks, global2["@formily/shared"], global2["@formily/antd-v5"]));
+})(this, function(exports2, React, client, reactRouterDom, antd, reactI18next, icons, react, lodash, ahooks, shared, antdV5) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -84,6 +84,14 @@ var __publicField = (obj, key, value) => {
   }
   const AppConfiguration = () => {
     const { t: t2 } = useTranslation();
+    const location = reactRouterDom.useLocation();
+    const targetUrl = React.useMemo(() => {
+      let baseUrl = "/mobile";
+      if (location.pathname.startsWith("/apps")) {
+        baseUrl = location.pathname.split("/").slice(0, 3).join("/");
+      }
+      return baseUrl;
+    }, [location.pathname]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       antd.Card,
       {
@@ -93,9 +101,9 @@ var __publicField = (obj, key, value) => {
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Form, { layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           antd.Form.Item,
           {
-            tooltip: `${t2("The full address is")} ${window.origin}/mobile`,
+            tooltip: `${t2("The full address is")} ${window.origin}${targetUrl}`,
             label: t2("Mobile client access address"),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Input, { value: "/mobile", disabled: true })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Input, { value: targetUrl, disabled: true })
           }
         ) })
       }
@@ -111,7 +119,18 @@ var __publicField = (obj, key, value) => {
   const InterfaceRouter = React.memo(() => {
     const plugin = client.usePlugin(MobileClientPlugin);
     const MobileRouter = plugin.getMobileRouterComponent();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(InterfaceProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(MobileRouter, {}) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(InterfaceProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: client.css`
+          display: flex;
+          width: 100%;
+          height: 100%;
+          position: relative;
+        `,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(MobileRouter, {})
+      }
+    ) });
   });
   InterfaceRouter.displayName = "InterfaceRouter";
   const iOS6 = (props) => {
@@ -143,6 +162,7 @@ var __publicField = (obj, key, value) => {
           display: flex;
           justify-content: center;
           align-items: center;
+          margin-top: 50px;
         `
         ),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -312,31 +332,6 @@ var __publicField = (obj, key, value) => {
     document.addEventListener("touchstart", () => {
     }, true);
   }
-  function __read(o, n2) {
-    var m2 = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m2)
-      return o;
-    var i = m2.call(o), r, ar = [], e2;
-    try {
-      while ((n2 === void 0 || n2-- > 0) && !(r = i.next()).done)
-        ar.push(r.value);
-    } catch (error) {
-      e2 = { error };
-    } finally {
-      try {
-        if (r && !r.done && (m2 = i["return"]))
-          m2.call(i);
-      } finally {
-        if (e2)
-          throw e2.error;
-      }
-    }
-    return ar;
-  }
-  typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
-    var e2 = new Error(message);
-    return e2.name = "SuppressedError", e2.error = error, e2.suppressed = suppressed, e2;
-  };
   function attachPropertiesToComponent(component, properties) {
     const ret = component;
     for (const key in properties) {
@@ -470,14 +465,14 @@ var __publicField = (obj, key, value) => {
   var isObject_1 = isObject$3;
   var baseGetTag$2 = _baseGetTag, isObject$2 = isObject_1;
   var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-  function isFunction$3(value) {
+  function isFunction$2(value) {
     if (!isObject$2(value)) {
       return false;
     }
     var tag = baseGetTag$2(value);
     return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
   }
-  var isFunction_1 = isFunction$3;
+  var isFunction_1 = isFunction$2;
   var root = _root;
   var coreJsData$1 = root["__core-js_shared__"];
   var _coreJsData = coreJsData$1;
@@ -506,7 +501,7 @@ var __publicField = (obj, key, value) => {
     return "";
   }
   var _toSource = toSource$1;
-  var isFunction$2 = isFunction_1, isMasked = _isMasked, isObject$1 = isObject_1, toSource = _toSource;
+  var isFunction$1 = isFunction_1, isMasked = _isMasked, isObject$1 = isObject_1, toSource = _toSource;
   var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
   var reIsHostCtor = /^\[object .+?Constructor\]$/;
   var funcProto = Function.prototype, objectProto$5 = Object.prototype;
@@ -519,7 +514,7 @@ var __publicField = (obj, key, value) => {
     if (!isObject$1(value) || isMasked(value)) {
       return false;
     }
-    var pattern = isFunction$2(value) ? reIsNative : reIsHostCtor;
+    var pattern = isFunction$1(value) ? reIsNative : reIsHostCtor;
     return pattern.test(toSource(value));
   }
   var _baseIsNative = baseIsNative$1;
@@ -675,9 +670,9 @@ var __publicField = (obj, key, value) => {
     return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER$1;
   }
   var isLength_1 = isLength$2;
-  var isFunction$1 = isFunction_1, isLength$1 = isLength_1;
+  var isFunction = isFunction_1, isLength$1 = isLength_1;
   function isArrayLike$2(value) {
-    return value != null && isLength$1(value.length) && !isFunction$1(value);
+    return value != null && isLength$1(value.length) && !isFunction(value);
   }
   var isArrayLike_1 = isArrayLike$2;
   var MAX_SAFE_INTEGER = 9007199254740991;
@@ -877,40 +872,6 @@ var __publicField = (obj, key, value) => {
     }
     return ret;
   }
-  var isFunction = function(value) {
-    return typeof value === "function";
-  };
-  var isDev = false;
-  const isDev$1 = isDev;
-  function useMemoizedFn(fn) {
-    if (isDev$1) {
-      if (!isFunction(fn)) {
-        console.error("useMemoizedFn expected parameter is a function, got ".concat(typeof fn));
-      }
-    }
-    var fnRef = React.useRef(fn);
-    fnRef.current = React.useMemo(function() {
-      return fn;
-    }, [fn]);
-    var memoizedFn = React.useRef();
-    if (!memoizedFn.current) {
-      memoizedFn.current = function() {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
-        }
-        return fnRef.current.apply(this, args);
-      };
-    }
-    return memoizedFn.current;
-  }
-  var useUpdate = function() {
-    var _a = __read(React.useState({}), 2), setState = _a[1];
-    return React.useCallback(function() {
-      return setState({});
-    }, []);
-  };
-  const useUpdate$1 = useUpdate;
   function LeftOutline(props) {
     return /* @__PURE__ */ React__namespace.createElement("svg", Object.assign({
       width: "1em",
@@ -1021,12 +982,12 @@ var __publicField = (obj, key, value) => {
       defaultValue,
       onChange
     } = options;
-    const update = useUpdate$1();
+    const update = ahooks.useUpdate();
     const stateRef = React.useRef(value !== void 0 ? value : defaultValue);
     if (value !== void 0) {
       stateRef.current = value;
     }
-    const setState = useMemoizedFn((v2, forceTrigger = false) => {
+    const setState = ahooks.useMemoizedFn((v2, forceTrigger = false) => {
       const nextValue = typeof v2 === "function" ? v2(stateRef.current) : v2;
       if (!forceTrigger && nextValue === stateRef.current)
         return;
@@ -1382,10 +1343,10 @@ var __publicField = (obj, key, value) => {
     const { dn } = client.useDesignable();
     const fieldSchema = react.useFieldSchema();
     const field = react.useField();
-    const onUpdateComponentProps = React.useCallback((data) => {
+    const onUpdateComponentProps = ahooks.useMemoizedFn(async (data) => {
       lodash.set(fieldSchema, "x-component-props", data);
       field.componentProps = { ...field.componentProps, ...data };
-      dn.emit("patch", {
+      await dn.emit("patch", {
         schema: {
           ["x-uid"]: fieldSchema["x-uid"],
           "x-component-props": fieldSchema["x-component-props"],
@@ -1397,8 +1358,8 @@ var __publicField = (obj, key, value) => {
           ]
         }
       });
-      dn.refresh();
-    }, []);
+      await dn.refresh();
+    });
     return { onUpdateComponentProps };
   };
   const menuItemSchema = {
@@ -1563,12 +1524,12 @@ var __publicField = (obj, key, value) => {
   const ContainerDesigner = () => {
     const { t: t2 } = useTranslation();
     const fieldSchema = react.useFieldSchema();
+    const { onUpdateComponentProps } = useSchemaPatch();
+    const field = react.useField();
     const { dn } = client.useDesignable();
-    const tabBarSchema = fieldSchema.reduceProperties(
-      (schema, next) => schema || next["x-component"] === "MTabBar" && next
-    );
     const navigate = reactRouterDom.useNavigate();
-    const field = react.useField();
+    const tabBarSchema = findSchema(fieldSchema, "MTabBar");
+    const tabBarEnabled = tabBarSchema && field.componentProps.tabBarEnabled !== false;
     const schemaSettingsProps = {
       dn,
       field,
@@ -1594,44 +1555,39 @@ var __publicField = (obj, key, value) => {
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           client.SchemaSettings.SwitchItem,
           {
-            checked: !!tabBarSchema,
+            checked: tabBarEnabled,
             title: t2("Enable TabBar"),
             onChange: async (v2) => {
-              var _a;
               if (v2) {
-                const pageSchema = findSchema(fieldSchema, "MPage");
-                if (!pageSchema)
-                  return;
-                await dn.remove(pageSchema);
-                await dn.insertBeforeEnd({
-                  type: "void",
-                  "x-component": "MTabBar",
-                  "x-component-props": {},
-                  name: "tabBar",
-                  properties: {
-                    [shared.uid()]: {
-                      type: "void",
-                      "x-component": "MTabBar.Item",
-                      "x-designer": "MTabBar.Item.Designer",
-                      "x-component-props": {
-                        icon: "HomeOutlined",
-                        title: generateNTemplate("Untitled")
-                      },
-                      properties: {
-                        page: pageSchema.toJSON()
+                if (!tabBarSchema) {
+                  const pageSchema = findSchema(fieldSchema, "MPage");
+                  await dn.insertBeforeEnd({
+                    type: "void",
+                    "x-component": "MTabBar",
+                    "x-component-props": {},
+                    name: "tabBar",
+                    properties: {
+                      [shared.uid()]: {
+                        type: "void",
+                        "x-component": "MTabBar.Item",
+                        "x-designer": "MTabBar.Item.Designer",
+                        "x-component-props": {
+                          icon: "HomeOutlined",
+                          title: generateNTemplate("Untitled")
+                        },
+                        properties: {
+                          page: pageSchema.toJSON()
+                        }
                       }
                     }
-                  }
-                });
-              } else {
-                const tabBarSchemaFirstKey = (_a = Object.keys(tabBarSchema.properties || {})) == null ? void 0 : _a[0];
-                const pageSchema = tabBarSchemaFirstKey ? findSchema(tabBarSchema.properties[tabBarSchemaFirstKey], "MPage") : null;
-                await dn.remove(tabBarSchema);
-                await dn.insertBeforeEnd(pageSchema || PageSchema, {
-                  onSuccess() {
-                    navigate("../");
-                  }
-                });
+                  });
+                }
+              }
+              await onUpdateComponentProps({
+                tabBarEnabled: v2
+              });
+              if (v2 === false) {
+                navigate("../");
               }
             }
           }
@@ -1701,6 +1657,8 @@ var __publicField = (obj, key, value) => {
     const navigate = reactRouterDom.useNavigate();
     const params = reactRouterDom.useParams();
     const location = reactRouterDom.useLocation();
+    const field = react.useField();
+    const isTabBarEnabled = field.componentProps.tabBarEnabled !== false;
     const tabBarSchema = (_a = fieldSchema == null ? void 0 : fieldSchema.properties) == null ? void 0 : _a["tabBar"];
     const tabBarCurrentFirstKey = (tabBarSchema == null ? void 0 : tabBarSchema.properties) ? Object.keys(tabBarSchema.properties)[0] : null;
     let redirectToUid = null;
@@ -1733,7 +1691,7 @@ var __publicField = (obj, key, value) => {
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: client.cx("nb-mobile-container-tab-bar", styles.tabBar), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      isTabBarEnabled && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: client.cx("nb-mobile-container-tab-bar", styles.tabBar), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         client.SchemaComponent,
         {
           onlyRenderProperties: true,
@@ -1909,14 +1867,17 @@ var __publicField = (obj, key, value) => {
   MTabBar.Item = TabBarItem;
   MTabBar.displayName = "MTabBar";
   const PageDesigner = (props) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const { showBack } = props;
     const { t: t2 } = useTranslation();
+    const field = react.useField();
     const fieldSchema = react.useFieldSchema();
     const { dn } = client.useDesignable();
+    const { onUpdateComponentProps } = useSchemaPatch();
     const headerSchema = (_a = fieldSchema == null ? void 0 : fieldSchema.properties) == null ? void 0 : _a["header"];
-    const tabsSchema = (_b = fieldSchema == null ? void 0 : fieldSchema.properties) == null ? void 0 : _b["tabs"];
-    const field = react.useField();
+    const isHeaderEnabled = !!headerSchema && ((_b = field.componentProps) == null ? void 0 : _b.headerEnabled) !== false;
+    const tabsSchema = (_c = fieldSchema == null ? void 0 : fieldSchema.properties) == null ? void 0 : _c["tabs"];
+    const isTabsEnabled = !!tabsSchema && ((_d = field.componentProps) == null ? void 0 : _d.tabsEnabled) !== false;
     const schemaSettingsProps = {
       dn,
       field,
@@ -1943,11 +1904,11 @@ var __publicField = (obj, key, value) => {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             client.SchemaSettings.SwitchItem,
             {
-              checked: !!headerSchema,
+              checked: isHeaderEnabled,
               title: t2("Enable Header"),
               onChange: async (v2) => {
                 var _a2;
-                if (v2) {
+                if (!headerSchema) {
                   await dn.insertAfterBegin({
                     type: "void",
                     name: "header",
@@ -1958,56 +1919,51 @@ var __publicField = (obj, key, value) => {
                       showBack
                     }
                   });
-                } else {
-                  await dn.remove(headerSchema);
                 }
-                dn.refresh();
+                await onUpdateComponentProps({
+                  headerEnabled: v2
+                });
               }
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             client.SchemaSettings.SwitchItem,
             {
-              checked: !!tabsSchema,
+              checked: isTabsEnabled,
               title: t2("Enable Tabs"),
               onChange: async (v2) => {
-                if (v2) {
+                if (!tabsSchema) {
                   const gridSchema = findGridSchema(fieldSchema);
-                  if (gridSchema) {
-                    return dn.remove(gridSchema).then(() => {
-                      return dn.insertBeforeEnd({
+                  await dn.remove(gridSchema);
+                  return dn.insertBeforeEnd({
+                    type: "void",
+                    name: "tabs",
+                    "x-component": "Tabs",
+                    "x-component-props": {},
+                    "x-initializer": "TabPaneInitializers",
+                    "x-initializer-props": {
+                      gridInitializer: "MBlockInitializers"
+                    },
+                    properties: {
+                      tab1: {
                         type: "void",
-                        name: "tabs",
-                        "x-component": "Tabs",
+                        title: generateNTemplate("Untitled"),
+                        "x-component": "Tabs.TabPane",
+                        "x-designer": "Tabs.Designer",
                         "x-component-props": {},
-                        "x-initializer": "TabPaneInitializers",
-                        "x-initializer-props": {
-                          gridInitializer: "MBlockInitializers"
-                        },
                         properties: {
-                          tab1: {
-                            type: "void",
-                            title: generateNTemplate("Untitled"),
-                            "x-component": "Tabs.TabPane",
-                            "x-designer": "Tabs.Designer",
-                            "x-component-props": {},
-                            properties: {
-                              grid: {
-                                ...gridSchema,
-                                "x-uid": shared.uid()
-                              }
-                            }
+                          grid: {
+                            ...gridSchema,
+                            "x-uid": shared.uid()
                           }
                         }
-                      });
-                    });
-                  }
-                } else {
-                  const gridSchema = findGridSchema(tabsSchema.properties[Object.keys(tabsSchema.properties)[0]]);
-                  if (gridSchema) {
-                    return dn.remove(tabsSchema).then(() => dn.insertBeforeEnd(gridSchema, {}));
-                  }
+                      }
+                    }
+                  });
                 }
+                await onUpdateComponentProps({
+                  tabsEnabled: v2
+                });
               }
             }
           )
@@ -2053,18 +2009,30 @@ var __publicField = (obj, key, value) => {
     };
   });
   const InternalPage = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { styles } = useStyles();
     const Designer2 = client.useDesigner();
+    const field = react.useField();
     const fieldSchema = react.useFieldSchema();
     const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
     const tabsSchema = (_a = fieldSchema.properties) == null ? void 0 : _a["tabs"];
+    const isHeaderEnabled = field.componentProps.headerEnabled !== false;
+    const isTabsEnabled = field.componentProps.tabsEnabled !== false;
+    let pageSchema = findSchema(fieldSchema, "MPage");
+    if (!isTabsEnabled && !pageSchema && tabsSchema) {
+      const schemaArr = Object.values(tabsSchema.properties || {}).sort((k1, k2) => {
+        return k1["x-index"] - k2["x-index"];
+      });
+      if (schemaArr.length !== 0) {
+        pageSchema = (_b = Object.values(schemaArr[0].properties)) == null ? void 0 : _b[0];
+      }
+    }
     const onlyInPage = fieldSchema.root === fieldSchema.parent;
     let hasGlobalActions = false;
     if (!tabsSchema && fieldSchema.properties) {
       hasGlobalActions = countGridCol(fieldSchema.properties["grid"], 2) === 1;
-    } else if (searchParams.has("tab") && ((_b = tabsSchema == null ? void 0 : tabsSchema.properties) == null ? void 0 : _b[searchParams.get("tab")])) {
-      hasGlobalActions = countGridCol((_d = (_c = tabsSchema.properties[searchParams.get("tab")]) == null ? void 0 : _c.properties) == null ? void 0 : _d["grid"], 2) === 1;
+    } else if (searchParams.has("tab") && ((_c = tabsSchema == null ? void 0 : tabsSchema.properties) == null ? void 0 : _c[searchParams.get("tab")])) {
+      hasGlobalActions = countGridCol((_e = (_d = tabsSchema.properties[searchParams.get("tab")]) == null ? void 0 : _d.properties) == null ? void 0 : _e["grid"], 2) === 1;
     } else if (tabsSchema == null ? void 0 : tabsSchema.properties) {
       const schema = Object.values(tabsSchema.properties).sort((t1, t2) => t1["x-index"] - t2["x-index"])[0];
       if (schema) {
@@ -2085,22 +2053,19 @@ var __publicField = (obj, key, value) => {
     );
     const GlobalActionProvider = React.useCallback(
       (props2) => {
-        if (hasGlobalActions) {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(client.TabsContextProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            client.ActionBarProvider,
-            {
-              container: (typeof props2.active !== "undefined" ? props2.active : true) && onlyInPage ? document.getElementById("nb-position-container") : null,
-              forceProps: {
-                layout: "one-column",
-                className: styles.globalActionCSS
-              },
-              children: props2.children
-            }
-          ) });
-        }
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: props2.children });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(client.TabsContextProvider, { children: hasGlobalActions ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          client.ActionBarProvider,
+          {
+            container: (typeof props2.active !== "undefined" ? props2.active : true) && onlyInPage ? document.getElementById("nb-position-container") : null,
+            forceProps: {
+              layout: "one-column",
+              className: styles.globalActionCSS
+            },
+            children: props2.children
+          }
+        ) : props2.children });
       },
-      [hasGlobalActions, onlyInPage]
+      [hasGlobalActions, onlyInPage, styles.globalActionCSS]
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(client.SortableItem, { eid: "nb-mobile-scroll-wrapper", className: client.cx("nb-mobile-page", styles.mobilePage), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Designer2, { ...fieldSchema == null ? void 0 : fieldSchema["x-designer-props"] }),
@@ -2112,7 +2077,7 @@ var __publicField = (obj, key, value) => {
           },
           className: client.cx("nb-mobile-page-header", styles.mobilePageHeader),
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            isHeaderEnabled && /* @__PURE__ */ jsxRuntimeExports.jsx(
               react.RecursionField,
               {
                 schema: fieldSchema,
@@ -2130,9 +2095,9 @@ var __publicField = (obj, key, value) => {
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   react.RecursionField,
                   {
-                    schema: fieldSchema,
+                    schema: isTabsEnabled ? fieldSchema : pageSchema,
                     filterProperties: (s) => {
-                      return "Tabs" === s["x-component"];
+                      return "Tabs" === s["x-component"] || "Grid.Row" === s["x-component"];
                     }
                   }
                 )
@@ -2323,6 +2288,28 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
+  const OpenInNewTab = () => {
+    const location = reactRouterDom.useLocation();
+    const { t: t2 } = useTranslation();
+    const onOpenInNewTab = () => {
+      let baseUrl = window.origin;
+      if (window.location.pathname.startsWith("/apps")) {
+        baseUrl = window.origin + window.location.pathname.split("/").slice(0, 3).join("/");
+      }
+      window.open(`${baseUrl}${location.pathname}${location.search}`);
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: client.css`
+        position: absolute;
+        top: -40px;
+        right: 0;
+      `,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { type: "dashed", onClick: onOpenInNewTab, icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.LinkOutlined, {}), children: t2("Open in new tab") })
+      }
+    );
+  };
   const commonCSSVariables = client.css`
   --nb-spacing: 14px;
 `;
@@ -2395,15 +2382,17 @@ var __publicField = (obj, key, value) => {
       return interfaceContext ? React.Fragment : client.AdminProvider;
     }, [interfaceContext]);
     client.useViewport();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(MobileCore, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.ActionContextProvider, { modalProps, drawerProps, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: client.cx(
-          "nb-mobile-application",
-          commonDesignerCSS,
-          commonCSSVariables,
-          commonCSSOverride,
-          client.css`
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(MobileCore, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(OpenInNewTab, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(client.ActionContextProvider, { modalProps, drawerProps, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: client.cx(
+            "nb-mobile-application",
+            commonDesignerCSS,
+            commonCSSVariables,
+            commonCSSOverride,
+            client.css`
                 display: flex;
                 flex-direction: column;
                 width: 100%;
@@ -2411,13 +2400,14 @@ var __publicField = (obj, key, value) => {
                 position: relative;
                 overflow: hidden;
               `
-        ),
-        children: [
-          params.name && !params.name.startsWith("tab_") ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Outlet, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(client.RemoteSchemaComponent, { uid: mobileSchemaUid, children: props.children }, mobileSchemaUid),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "nb-position-container" })
-        ]
-      }
-    ) }) }) });
+          ),
+          children: [
+            params.name && !params.name.startsWith("tab_") ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Outlet, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(client.RemoteSchemaComponent, { uid: mobileSchemaUid, children: props.children }, mobileSchemaUid),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "nb-position-container" })
+          ]
+        }
+      ) })
+    ] }) });
   };
   class MobileClientPlugin extends client.Plugin {
     constructor() {

package/dist/client/router/OpenInNewTab.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const OpenInNewTab: () => React.JSX.Element;

package/dist/locale/zh-CN.d.ts

@@ -28,5 +28,6 @@ declare const locale: {
     'Delete menu block': string;
     'Mobile client access address': string;
     'The full address is': string;
+    'Open in new tab': string;
 };
 export default locale;

package/dist/locale/zh-CN.js

@@ -29,7 +29,8 @@ const locale = {
   "Delete settings block": "\u5220\u9664\u8BBE\u7F6E\u533A\u5757",
   "Delete menu block": "\u5220\u9664\u83DC\u5355\u533A\u5757",
   "Mobile client access address": "\u79FB\u52A8\u7AEF\u8BBF\u95EE\u5730\u5740",
-  "The full address is": "\u5B8C\u6574\u7684\u5730\u5740\u662F"
+  "The full address is": "\u5B8C\u6574\u7684\u5730\u5740\u662F",
+  "Open in new tab": "\u5728\u65B0\u6807\u7B7E\u9875\u6253\u5F00"
 };
 var zh_CN_default = locale;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocobase/plugin-mobile-client",
-  "version": "0.12.0-alpha.2",
+  "version": "0.12.0-alpha.4",
   "main": "./dist/server/index.js",
   "displayName": "Mobile-client",
   "displayName.zh-CN": "移动端",
@@ -13,6 +13,7 @@
     "@formily/shared": "2.x",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "ahooks": "^3.7.2",
     "antd": "5.x",
     "antd-mobile": "^5.29.1",
     "antd-style": "^3.3.0",
@@ -29,5 +30,5 @@
     "@nocobase/test": "0.x",
     "@nocobase/utils": "0.x"
   },
-  "gitHead": "a95e9e2666f0318c955113a4735bc005a2c9a767"
+  "gitHead": "215dc3b2437c501ca903b56cc378ab5e81c8a11c"
 }