@nocobase/plugin-mobile-client 0.11.1-alpha.5 → 0.12.0-alpha.1

package/dist/client/index.js

@@ -0,0 +1,2465 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.id = "@nocobase/plugin-mobile-client";
+      elementStyle.appendChild(document.createTextNode(":root {\n  --adm-radius-s: 4px;\n  --adm-radius-m: 8px;\n  --adm-radius-l: 12px;\n  --adm-font-size-1: 9px;\n  --adm-font-size-2: 10px;\n  --adm-font-size-3: 11px;\n  --adm-font-size-4: 12px;\n  --adm-font-size-5: 13px;\n  --adm-font-size-6: 14px;\n  --adm-font-size-7: 15px;\n  --adm-font-size-8: 16px;\n  --adm-font-size-9: 17px;\n  --adm-font-size-10: 18px;\n  --adm-color-primary: #1677ff;\n  --adm-color-success: #00b578;\n  --adm-color-warning: #ff8f1f;\n  --adm-color-danger: #ff3141;\n  --adm-color-text: #333333;\n  --adm-color-text-secondary: #666666;\n  --adm-color-weak: #999999;\n  --adm-color-light: #cccccc;\n  --adm-color-border: #eeeeee;\n  --adm-color-background: #ffffff;\n  --adm-color-white: #ffffff;\n  --adm-color-box: #f5f5f5;\n  --adm-color-text-light-solid: var(--adm-color-white);\n  --adm-color-text-dark-solid: #000000;\n  --adm-color-fill-content: var(--adm-color-box);\n  --adm-font-size-main: var(--adm-font-size-5);\n  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',\n    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',\n    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;\n  --adm-border-color: var(--adm-color-border);\n}\nhtml[data-prefers-color-scheme='dark'] {\n  --adm-color-primary: #3086ff;\n  --adm-color-success: #34b368;\n  --adm-color-warning: #ffa930;\n  --adm-color-danger: #ff4a58;\n  --adm-color-text: #e6e6e6;\n  --adm-color-text-secondary: #b3b3b3;\n  --adm-color-weak: #808080;\n  --adm-color-light: #4d4d4d;\n  --adm-color-border: #2b2b2b;\n  --adm-color-box: #0a0a0a;\n  --adm-color-background: #1a1a1a;\n  --adm-border-color: var(--adm-color-border);\n}\n:root {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n  color: var(--adm-color-text);\n  font-size: var(--adm-font-size-main);\n  font-family: var(--adm-font-family);\n}\na,\nbutton {\n  cursor: pointer;\n}\na {\n  color: var(--adm-color-primary);\n  transition: opacity ease-in-out 0.2s;\n}\na:active {\n  opacity: 0.8;\n}\n.adm-plain-anchor {\n  color: unset;\n  transition: none;\n}\n.adm-plain-anchor:active {\n  opacity: unset;\n}\nbody.adm-overflow-hidden {\n  overflow: hidden !important;\n}\ndiv.adm-px-tester {\n  --size: 1;\n  height: calc(var(--size) / 2 * 2px);\n  width: 0;\n  position: fixed;\n  right: -100vw;\n  bottom: -100vh;\n  -webkit-user-select: none;\n          user-select: none;\n  pointer-events: none;\n}\n.adm-safe-area {\n  --multiple: var(--adm-safe-area-multiple, 1);\n  display: block;\n  width: 100%;\n}\n.adm-safe-area-position-top {\n  padding-top: calc(env(safe-area-inset-top) * var(--multiple));\n}\n.adm-safe-area-position-bottom {\n  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));\n}\n.adm-badge-wrapper {\n  display: inline-block;\n  position: relative;\n}\n.adm-badge {\n  display: inline-flex;\n  vertical-align: middle;\n  box-sizing: content-box;\n  border-radius: 100px;\n  background-color: var(--color);\n  --right: 0;\n  --top: 0;\n  --color: var(--adm-badge-color, #ff411c);\n}\n.adm-badge-content {\n  color: var(--adm-color-text-light-solid);\n  box-sizing: border-box;\n  min-width: 8px;\n  padding: 1px 4px;\n  font-size: var(--adm-font-size-1);\n  line-height: 12px;\n  white-space: nowrap;\n  font-weight: normal;\n  text-align: center;\n}\n.adm-badge-fixed {\n  position: absolute;\n  right: var(--right);\n  top: var(--top);\n  transform: translate(50%, -50%);\n}\n.adm-badge-dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  border-radius: 5px;\n}\n.adm-badge-bordered {\n  border: solid 1px var(--adm-color-text-light-solid);\n}\n.adm-list {\n  --header-font-size: var(--adm-font-size-7);\n  --prefix-width: 'auto';\n  --prefix-padding-right: 12px;\n  --align-items: center;\n  --active-background-color: var(--adm-color-border);\n  --border-inner: solid 1px var(--adm-color-border);\n  --border-top: solid 1px var(--adm-color-border);\n  --border-bottom: solid 1px var(--adm-color-border);\n  --padding-left: 12px;\n  --padding-right: 12px;\n  --font-size: var(--adm-font-size-9);\n  --extra-max-width: 70%;\n}\n.adm-list-header {\n  color: var(--adm-color-weak);\n  font-size: var(--header-font-size);\n  padding: 8px var(--padding-right) 8px var(--padding-left);\n}\n.adm-list-body {\n  background-color: var(--adm-color-background);\n  overflow: hidden;\n  font-size: var(--font-size);\n}\n.adm-list-body-inner {\n  margin-top: -1px;\n}\n.adm-list-default .adm-list-body {\n  border-top: var(--border-top);\n  border-bottom: var(--border-bottom);\n}\n.adm-list-card {\n  margin: 12px;\n}\n.adm-list-card .adm-list-body {\n  border-radius: 8px;\n}\n.adm-list-card .adm-list-header {\n  padding-left: 0;\n}\n.adm-list-item {\n  display: block;\n  padding-left: var(--padding-left);\n  position: relative;\n  background-color: var(--adm-color-background);\n  line-height: 1.5;\n}\n.adm-list-item-title,\n.adm-list-item-description {\n  color: var(--adm-color-weak);\n  font-size: var(--adm-font-size-main);\n}\n.adm-list-item-content {\n  display: flex;\n  align-items: var(--align-items);\n  justify-content: flex-start;\n  border-top: var(--border-inner);\n  padding-right: var(--padding-right);\n}\n.adm-list-item-content-prefix {\n  width: var(--prefix-width);\n  flex: none;\n  padding-right: var(--prefix-padding-right);\n}\n.adm-list-item-content-main {\n  flex: auto;\n  padding: 12px 0;\n}\n.adm-list-item-content-extra {\n  flex: none;\n  padding-left: 12px;\n  font-size: var(--adm-font-size-7);\n  color: var(--adm-color-weak);\n  max-width: var(--extra-max-width);\n}\n.adm-list-item-content-arrow {\n  flex: none;\n  display: flex;\n  align-items: center;\n  margin-left: 4px;\n  color: var(--adm-color-light);\n  font-size: 19px;\n}\n.adm-list-item-disabled {\n  cursor: not-allowed;\n}\n.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {\n  opacity: 0.4;\n  pointer-events: none;\n}\na.adm-list-item:active:not(.adm-list-item-disabled) {\n  background-color: var(--active-background-color);\n}\na.adm-list-item:active:not(.adm-list-item-disabled)::after {\n  content: ' ';\n  display: block;\n  position: absolute;\n  width: 100%;\n  bottom: -1px;\n  left: 0;\n  border-bottom: var(--border-inner);\n}\n.adm-nav-bar {\n  --height: 45px;\n  --border-bottom: none;\n  display: flex;\n  align-items: center;\n  height: var(--height);\n  border-bottom: var(--border-bottom);\n  padding: 0 12px;\n  white-space: nowrap;\n}\n.adm-nav-bar-left,\n.adm-nav-bar-right {\n  flex: 1;\n}\n.adm-nav-bar-title {\n  flex: auto;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.adm-nav-bar-back {\n  display: flex;\n  align-items: center;\n  margin-right: 16px;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.adm-nav-bar-back-arrow {\n  font-size: 24px;\n  margin-right: 4px;\n}\n.adm-nav-bar-left {\n  font-size: var(--adm-font-size-7);\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n.adm-nav-bar-title {\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--adm-font-size-10);\n  padding: 0 12px;\n}\n.adm-nav-bar-right {\n  text-align: right;\n}\n.adm-tab-bar-wrap {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: hidden;\n  min-height: 48px;\n}\n.adm-tab-bar-item {\n  flex: 1;\n  color: var(--adm-color-text-secondary);\n  white-space: nowrap;\n  padding: 4px 8px;\n  width: -webkit-min-content;\n  width: min-content;\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n.adm-tab-bar-item-icon {\n  font-size: 24px;\n  height: 24px;\n  line-height: 1;\n}\n.adm-tab-bar-item-title {\n  font-size: var(--adm-font-size-2);\n  line-height: 15px;\n}\n.adm-tab-bar-item-title-with-icon {\n  margin-top: 2px;\n}\n.adm-tab-bar-item-active {\n  color: var(--adm-color-primary);\n}\n.adm-tab-bar-icon-badge {\n  --top: 6px;\n}\n.adm-tab-bar-title-badge {\n  --right: -2px;\n  --top: -2px;\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+(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) {
+  "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) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+  function _interopNamespaceDefault(e2) {
+    const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    if (e2) {
+      for (const k2 in e2) {
+        if (k2 !== "default") {
+          const d2 = Object.getOwnPropertyDescriptor(e2, k2);
+          Object.defineProperty(n2, k2, d2.get ? d2 : {
+            enumerable: true,
+            get: () => e2[k2]
+          });
+        }
+      }
+    }
+    n2.default = e2;
+    return Object.freeze(n2);
+  }
+  const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+  function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+  }
+  var jsxRuntime = { exports: {} };
+  var reactJsxRuntime_production_min = {};
+  /**
+   * @license React
+   * react-jsx-runtime.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var f$1 = React, k$1 = Symbol.for("react.element"), l$1 = Symbol.for("react.fragment"), m$1 = Object.prototype.hasOwnProperty, n$1 = f$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p$1 = { key: true, ref: true, __self: true, __source: true };
+  function q$1(c2, a, g2) {
+    var b2, d2 = {}, e2 = null, h2 = null;
+    void 0 !== g2 && (e2 = "" + g2);
+    void 0 !== a.key && (e2 = "" + a.key);
+    void 0 !== a.ref && (h2 = a.ref);
+    for (b2 in a)
+      m$1.call(a, b2) && !p$1.hasOwnProperty(b2) && (d2[b2] = a[b2]);
+    if (c2 && c2.defaultProps)
+      for (b2 in a = c2.defaultProps, a)
+        void 0 === d2[b2] && (d2[b2] = a[b2]);
+    return { $$typeof: k$1, type: c2, key: e2, ref: h2, props: d2, _owner: n$1.current };
+  }
+  reactJsxRuntime_production_min.Fragment = l$1;
+  reactJsxRuntime_production_min.jsx = q$1;
+  reactJsxRuntime_production_min.jsxs = q$1;
+  {
+    jsxRuntime.exports = reactJsxRuntime_production_min;
+  }
+  var jsxRuntimeExports = jsxRuntime.exports;
+  const NAMESPACE = "mobile-client";
+  function generateNTemplate(key) {
+    return `{{t('${key}', { ns: '${NAMESPACE}', nsMode: 'fallback' })}}`;
+  }
+  function useTranslation() {
+    return reactI18next.useTranslation([NAMESPACE, "client"], {
+      nsMode: "fallback"
+    });
+  }
+  const AppConfiguration = () => {
+    const { t: t2 } = useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      antd.Card,
+      {
+        style: {
+          minHeight: "600px"
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Form, { layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.Form.Item,
+          {
+            tooltip: `${t2("The full address is")} ${window.origin}/mobile`,
+            label: t2("Mobile client access address"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Input, { value: "/mobile", disabled: true })
+          }
+        ) })
+      }
+    );
+  };
+  const InterfaceContext = React.createContext(null);
+  const InterfaceProvider = (props) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(InterfaceContext.Provider, { value: { interface: true }, children: props.children });
+  };
+  const useInterfaceContext = () => {
+    return React.useContext(InterfaceContext);
+  };
+  const InterfaceRouter = React.memo(() => {
+    const plugin = client.usePlugin(MobileClientPlugin);
+    const MobileRouter = plugin.getMobileRouterComponent();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(InterfaceProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(MobileRouter, {}) });
+  });
+  InterfaceRouter.displayName = "InterfaceRouter";
+  const iOS6 = (props) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: client.cx(
+          "nb-mobile-device-ios6",
+          client.css(`
+          display: flex;
+          width: 375px;
+          height: 667px;
+      `),
+          props.className
+        ),
+        children: props.children
+      }
+    );
+  };
+  const MobileDevice = (props) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: client.cx(
+          "nb-mobile-device-wrapper",
+          client.css`
+          width: 100%;
+          height: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        `
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          iOS6,
+          {
+            className: client.css`
+          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
+        `,
+            ...props
+          }
+        )
+      }
+    );
+  };
+  const InterfaceConfiguration = () => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(MobileDevice, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InterfaceRouter, {}) });
+  };
+  const getJsBridge = () => window.JsBridge;
+  const invoke = (params, cb) => {
+    return getJsBridge().invoke(params, cb);
+  };
+  const isJSBridge = () => !!getJsBridge();
+  const JSBridgeFunction = {
+    /**
+     * @description JSBridge injects
+     */
+    onBackPressed: () => {
+      if (history.length === 1) {
+        invoke({ action: "moveTaskToBack" });
+      } else {
+        history.back();
+      }
+    }
+  };
+  Object.keys(JSBridgeFunction).forEach((key) => {
+    window[key] = JSBridgeFunction[key];
+  });
+  const MobileClientProvider = React.memo((props) => {
+    const { t: t2 } = useTranslation();
+    const location = reactRouterDom.useLocation();
+    const navigation = reactRouterDom.useNavigate();
+    React.useEffect(() => {
+      if (isJSBridge() && location.pathname === "/admin") {
+        navigation("/mobile", { replace: true });
+      }
+    }, [location.pathname, navigation]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SettingsCenterProvider,
+      {
+        settings: {
+          ["mobile-client"]: {
+            title: t2("Mobile Client-side"),
+            icon: "MobileOutlined",
+            tabs: {
+              interface: {
+                title: t2("Interface Configuration"),
+                component: InterfaceConfiguration
+              },
+              app: {
+                title: t2("App Configuration"),
+                component: AppConfiguration
+              }
+            }
+          }
+        },
+        children: props.children
+      }
+    );
+  });
+  const MBlockInitializers = {
+    title: '{{t("Add block")}}',
+    icon: "PlusOutlined",
+    wrap: client.gridRowColWrap,
+    items: [
+      {
+        key: "dataBlocks",
+        type: "itemGroup",
+        title: '{{t("Data blocks")}}',
+        children: [
+          {
+            key: "GridCard",
+            type: "item",
+            title: '{{t("Grid Card")}}',
+            component: "GridCardBlockInitializer"
+          },
+          {
+            key: "table",
+            type: "item",
+            title: '{{t("Table")}}',
+            component: "TableBlockInitializer"
+          },
+          {
+            key: "form",
+            type: "item",
+            title: '{{t("Form")}}',
+            component: "FormBlockInitializer"
+          },
+          {
+            key: "details",
+            type: "item",
+            title: '{{t("Details")}}',
+            component: "DetailsBlockInitializer"
+          },
+          {
+            key: "calendar",
+            type: "item",
+            title: '{{t("Calendar")}}',
+            component: "CalendarBlockInitializer"
+          },
+          {
+            key: "mapBlock",
+            type: "item",
+            title: generateNTemplate("Map"),
+            component: "MapBlockInitializer"
+          }
+        ]
+      },
+      {
+        key: "otherBlocks",
+        type: "itemGroup",
+        title: '{{t("Other blocks")}}',
+        children: [
+          {
+            key: "menu",
+            type: "item",
+            title: generateNTemplate("Menu"),
+            component: "MMenuBlockInitializer",
+            sort: 100
+          },
+          {
+            key: "markdown",
+            type: "item",
+            title: '{{t("Markdown")}}',
+            component: "MarkdownBlockInitializer"
+          },
+          {
+            key: "settings",
+            type: "item",
+            title: generateNTemplate("Settings"),
+            component: "MSettingsBlockInitializer",
+            sort: 100
+          }
+        ]
+      }
+    ]
+  };
+  const MMenuBlockInitializer = (props) => {
+    const { insert } = props;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaInitializer.Item,
+      {
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MenuOutlined, {}),
+        onClick: async () => {
+          insert({
+            type: "void",
+            "x-component": "MMenu",
+            "x-designer": "MMenu.Designer",
+            "x-component-props": {}
+          });
+        }
+      }
+    );
+  };
+  const global$1 = "";
+  const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
+  if (canUseDom) {
+    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) {
+      if (properties.hasOwnProperty(key)) {
+        ret[key] = properties[key];
+      }
+    }
+    return ret;
+  }
+  var classnames = { exports: {} };
+  /*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  */
+  (function(module2) {
+    (function() {
+      var hasOwn = {}.hasOwnProperty;
+      function classNames2() {
+        var classes = [];
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (!arg)
+            continue;
+          var argType = typeof arg;
+          if (argType === "string" || argType === "number") {
+            classes.push(arg);
+          } else if (Array.isArray(arg)) {
+            if (arg.length) {
+              var inner = classNames2.apply(null, arg);
+              if (inner) {
+                classes.push(inner);
+              }
+            }
+          } else if (argType === "object") {
+            if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+              classes.push(arg.toString());
+              continue;
+            }
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
+            }
+          }
+        }
+        return classes.join(" ");
+      }
+      if (module2.exports) {
+        classNames2.default = classNames2;
+        module2.exports = classNames2;
+      } else {
+        window.classNames = classNames2;
+      }
+    })();
+  })(classnames);
+  var classnamesExports = classnames.exports;
+  const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+  function withNativeProps(props, element) {
+    const p2 = Object.assign({}, element.props);
+    if (props.className) {
+      p2.className = classNames(element.props.className, props.className);
+    }
+    if (props.style) {
+      p2.style = Object.assign(Object.assign({}, p2.style), props.style);
+    }
+    if (props.tabIndex !== void 0) {
+      p2.tabIndex = props.tabIndex;
+    }
+    for (const key in props) {
+      if (!props.hasOwnProperty(key))
+        continue;
+      if (key.startsWith("data-") || key.startsWith("aria-")) {
+        p2[key] = props[key];
+      }
+    }
+    return React.cloneElement(element, p2);
+  }
+  var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+  var _freeGlobal = freeGlobal$1;
+  var freeGlobal = _freeGlobal;
+  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+  var root$2 = freeGlobal || freeSelf || Function("return this")();
+  var _root = root$2;
+  var root$1 = _root;
+  var Symbol$3 = root$1.Symbol;
+  var _Symbol = Symbol$3;
+  var Symbol$2 = _Symbol;
+  var objectProto$7 = Object.prototype;
+  var hasOwnProperty$5 = objectProto$7.hasOwnProperty;
+  var nativeObjectToString$1 = objectProto$7.toString;
+  var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
+  function getRawTag$1(value) {
+    var isOwn = hasOwnProperty$5.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+    try {
+      value[symToStringTag$1] = void 0;
+      var unmasked = true;
+    } catch (e2) {
+    }
+    var result = nativeObjectToString$1.call(value);
+    if (unmasked) {
+      if (isOwn) {
+        value[symToStringTag$1] = tag;
+      } else {
+        delete value[symToStringTag$1];
+      }
+    }
+    return result;
+  }
+  var _getRawTag = getRawTag$1;
+  var objectProto$6 = Object.prototype;
+  var nativeObjectToString = objectProto$6.toString;
+  function objectToString$1(value) {
+    return nativeObjectToString.call(value);
+  }
+  var _objectToString = objectToString$1;
+  var Symbol$1 = _Symbol, getRawTag = _getRawTag, objectToString = _objectToString;
+  var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+  var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
+  function baseGetTag$3(value) {
+    if (value == null) {
+      return value === void 0 ? undefinedTag : nullTag;
+    }
+    return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+  }
+  var _baseGetTag = baseGetTag$3;
+  function isObject$3(value) {
+    var type = typeof value;
+    return value != null && (type == "object" || type == "function");
+  }
+  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) {
+    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 root = _root;
+  var coreJsData$1 = root["__core-js_shared__"];
+  var _coreJsData = coreJsData$1;
+  var coreJsData = _coreJsData;
+  var maskSrcKey = function() {
+    var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
+    return uid ? "Symbol(src)_1." + uid : "";
+  }();
+  function isMasked$1(func) {
+    return !!maskSrcKey && maskSrcKey in func;
+  }
+  var _isMasked = isMasked$1;
+  var funcProto$1 = Function.prototype;
+  var funcToString$1 = funcProto$1.toString;
+  function toSource$1(func) {
+    if (func != null) {
+      try {
+        return funcToString$1.call(func);
+      } catch (e2) {
+      }
+      try {
+        return func + "";
+      } catch (e2) {
+      }
+    }
+    return "";
+  }
+  var _toSource = toSource$1;
+  var isFunction$2 = 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;
+  var funcToString = funcProto.toString;
+  var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
+  var reIsNative = RegExp(
+    "^" + funcToString.call(hasOwnProperty$4).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  );
+  function baseIsNative$1(value) {
+    if (!isObject$1(value) || isMasked(value)) {
+      return false;
+    }
+    var pattern = isFunction$2(value) ? reIsNative : reIsHostCtor;
+    return pattern.test(toSource(value));
+  }
+  var _baseIsNative = baseIsNative$1;
+  function getValue$1(object, key) {
+    return object == null ? void 0 : object[key];
+  }
+  var _getValue = getValue$1;
+  var baseIsNative = _baseIsNative, getValue = _getValue;
+  function getNative$1(object, key) {
+    var value = getValue(object, key);
+    return baseIsNative(value) ? value : void 0;
+  }
+  var _getNative = getNative$1;
+  var getNative = _getNative;
+  var defineProperty$2 = function() {
+    try {
+      var func = getNative(Object, "defineProperty");
+      func({}, "", {});
+      return func;
+    } catch (e2) {
+    }
+  }();
+  var _defineProperty = defineProperty$2;
+  var defineProperty$1 = _defineProperty;
+  function baseAssignValue$2(object, key, value) {
+    if (key == "__proto__" && defineProperty$1) {
+      defineProperty$1(object, key, {
+        "configurable": true,
+        "enumerable": true,
+        "value": value,
+        "writable": true
+      });
+    } else {
+      object[key] = value;
+    }
+  }
+  var _baseAssignValue = baseAssignValue$2;
+  function eq$2(value, other) {
+    return value === other || value !== value && other !== other;
+  }
+  var eq_1 = eq$2;
+  var baseAssignValue$1 = _baseAssignValue, eq$1 = eq_1;
+  var objectProto$4 = Object.prototype;
+  var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
+  function assignValue$1(object, key, value) {
+    var objValue = object[key];
+    if (!(hasOwnProperty$3.call(object, key) && eq$1(objValue, value)) || value === void 0 && !(key in object)) {
+      baseAssignValue$1(object, key, value);
+    }
+  }
+  var _assignValue = assignValue$1;
+  var assignValue = _assignValue, baseAssignValue = _baseAssignValue;
+  function copyObject$1(source, props, object, customizer) {
+    var isNew = !object;
+    object || (object = {});
+    var index = -1, length = props.length;
+    while (++index < length) {
+      var key = props[index];
+      var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
+      if (newValue === void 0) {
+        newValue = source[key];
+      }
+      if (isNew) {
+        baseAssignValue(object, key, newValue);
+      } else {
+        assignValue(object, key, newValue);
+      }
+    }
+    return object;
+  }
+  var _copyObject = copyObject$1;
+  function identity$2(value) {
+    return value;
+  }
+  var identity_1 = identity$2;
+  function apply$1(func, thisArg, args) {
+    switch (args.length) {
+      case 0:
+        return func.call(thisArg);
+      case 1:
+        return func.call(thisArg, args[0]);
+      case 2:
+        return func.call(thisArg, args[0], args[1]);
+      case 3:
+        return func.call(thisArg, args[0], args[1], args[2]);
+    }
+    return func.apply(thisArg, args);
+  }
+  var _apply = apply$1;
+  var apply = _apply;
+  var nativeMax = Math.max;
+  function overRest$1(func, start, transform) {
+    start = nativeMax(start === void 0 ? func.length - 1 : start, 0);
+    return function() {
+      var args = arguments, index = -1, length = nativeMax(args.length - start, 0), array = Array(length);
+      while (++index < length) {
+        array[index] = args[start + index];
+      }
+      index = -1;
+      var otherArgs = Array(start + 1);
+      while (++index < start) {
+        otherArgs[index] = args[index];
+      }
+      otherArgs[start] = transform(array);
+      return apply(func, this, otherArgs);
+    };
+  }
+  var _overRest = overRest$1;
+  function constant$1(value) {
+    return function() {
+      return value;
+    };
+  }
+  var constant_1 = constant$1;
+  var constant = constant_1, defineProperty = _defineProperty, identity$1 = identity_1;
+  var baseSetToString$1 = !defineProperty ? identity$1 : function(func, string) {
+    return defineProperty(func, "toString", {
+      "configurable": true,
+      "enumerable": false,
+      "value": constant(string),
+      "writable": true
+    });
+  };
+  var _baseSetToString = baseSetToString$1;
+  var HOT_COUNT = 800, HOT_SPAN = 16;
+  var nativeNow = Date.now;
+  function shortOut$1(func) {
+    var count = 0, lastCalled = 0;
+    return function() {
+      var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
+      lastCalled = stamp;
+      if (remaining > 0) {
+        if (++count >= HOT_COUNT) {
+          return arguments[0];
+        }
+      } else {
+        count = 0;
+      }
+      return func.apply(void 0, arguments);
+    };
+  }
+  var _shortOut = shortOut$1;
+  var baseSetToString = _baseSetToString, shortOut = _shortOut;
+  var setToString$1 = shortOut(baseSetToString);
+  var _setToString = setToString$1;
+  var identity = identity_1, overRest = _overRest, setToString = _setToString;
+  function baseRest$1(func, start) {
+    return setToString(overRest(func, start, identity), func + "");
+  }
+  var _baseRest = baseRest$1;
+  var MAX_SAFE_INTEGER$1 = 9007199254740991;
+  function isLength$2(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;
+  function isArrayLike$2(value) {
+    return value != null && isLength$1(value.length) && !isFunction$1(value);
+  }
+  var isArrayLike_1 = isArrayLike$2;
+  var MAX_SAFE_INTEGER = 9007199254740991;
+  var reIsUint = /^(?:0|[1-9]\d*)$/;
+  function isIndex$2(value, length) {
+    var type = typeof value;
+    length = length == null ? MAX_SAFE_INTEGER : length;
+    return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+  }
+  var _isIndex = isIndex$2;
+  var eq = eq_1, isArrayLike$1 = isArrayLike_1, isIndex$1 = _isIndex, isObject = isObject_1;
+  function isIterateeCall$1(value, index, object) {
+    if (!isObject(object)) {
+      return false;
+    }
+    var type = typeof index;
+    if (type == "number" ? isArrayLike$1(object) && isIndex$1(index, object.length) : type == "string" && index in object) {
+      return eq(object[index], value);
+    }
+    return false;
+  }
+  var _isIterateeCall = isIterateeCall$1;
+  var baseRest = _baseRest, isIterateeCall = _isIterateeCall;
+  function createAssigner$1(assigner) {
+    return baseRest(function(object, sources) {
+      var index = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
+      customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
+      if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+        customizer = length < 3 ? void 0 : customizer;
+        length = 1;
+      }
+      object = Object(object);
+      while (++index < length) {
+        var source = sources[index];
+        if (source) {
+          assigner(object, source, index, customizer);
+        }
+      }
+      return object;
+    });
+  }
+  var _createAssigner = createAssigner$1;
+  function baseTimes$1(n2, iteratee) {
+    var index = -1, result = Array(n2);
+    while (++index < n2) {
+      result[index] = iteratee(index);
+    }
+    return result;
+  }
+  var _baseTimes = baseTimes$1;
+  function isObjectLike$3(value) {
+    return value != null && typeof value == "object";
+  }
+  var isObjectLike_1 = isObjectLike$3;
+  var baseGetTag$1 = _baseGetTag, isObjectLike$2 = isObjectLike_1;
+  var argsTag$1 = "[object Arguments]";
+  function baseIsArguments$1(value) {
+    return isObjectLike$2(value) && baseGetTag$1(value) == argsTag$1;
+  }
+  var _baseIsArguments = baseIsArguments$1;
+  var baseIsArguments = _baseIsArguments, isObjectLike$1 = isObjectLike_1;
+  var objectProto$3 = Object.prototype;
+  var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
+  var propertyIsEnumerable = objectProto$3.propertyIsEnumerable;
+  var isArguments$1 = baseIsArguments(function() {
+    return arguments;
+  }()) ? baseIsArguments : function(value) {
+    return isObjectLike$1(value) && hasOwnProperty$2.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+  };
+  var isArguments_1 = isArguments$1;
+  var isArray$1 = Array.isArray;
+  var isArray_1 = isArray$1;
+  var isBuffer$1 = { exports: {} };
+  function stubFalse() {
+    return false;
+  }
+  var stubFalse_1 = stubFalse;
+  isBuffer$1.exports;
+  (function(module2, exports3) {
+    var root2 = _root, stubFalse2 = stubFalse_1;
+    var freeExports = exports3 && !exports3.nodeType && exports3;
+    var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
+    var moduleExports = freeModule && freeModule.exports === freeExports;
+    var Buffer2 = moduleExports ? root2.Buffer : void 0;
+    var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
+    var isBuffer2 = nativeIsBuffer || stubFalse2;
+    module2.exports = isBuffer2;
+  })(isBuffer$1, isBuffer$1.exports);
+  var isBufferExports = isBuffer$1.exports;
+  var baseGetTag = _baseGetTag, isLength = isLength_1, isObjectLike = isObjectLike_1;
+  var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", weakMapTag = "[object WeakMap]";
+  var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+  var typedArrayTags = {};
+  typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+  typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+  function baseIsTypedArray$1(value) {
+    return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+  }
+  var _baseIsTypedArray = baseIsTypedArray$1;
+  function baseUnary$1(func) {
+    return function(value) {
+      return func(value);
+    };
+  }
+  var _baseUnary = baseUnary$1;
+  var _nodeUtil = { exports: {} };
+  _nodeUtil.exports;
+  (function(module2, exports3) {
+    var freeGlobal2 = _freeGlobal;
+    var freeExports = exports3 && !exports3.nodeType && exports3;
+    var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
+    var moduleExports = freeModule && freeModule.exports === freeExports;
+    var freeProcess = moduleExports && freeGlobal2.process;
+    var nodeUtil2 = function() {
+      try {
+        var types = freeModule && freeModule.require && freeModule.require("util").types;
+        if (types) {
+          return types;
+        }
+        return freeProcess && freeProcess.binding && freeProcess.binding("util");
+      } catch (e2) {
+      }
+    }();
+    module2.exports = nodeUtil2;
+  })(_nodeUtil, _nodeUtil.exports);
+  var _nodeUtilExports = _nodeUtil.exports;
+  var baseIsTypedArray = _baseIsTypedArray, baseUnary = _baseUnary, nodeUtil = _nodeUtilExports;
+  var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+  var isTypedArray$1 = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+  var isTypedArray_1 = isTypedArray$1;
+  var baseTimes = _baseTimes, isArguments = isArguments_1, isArray = isArray_1, isBuffer = isBufferExports, isIndex = _isIndex, isTypedArray = isTypedArray_1;
+  var objectProto$2 = Object.prototype;
+  var hasOwnProperty$1 = objectProto$2.hasOwnProperty;
+  function arrayLikeKeys$1(value, inherited) {
+    var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
+    for (var key in value) {
+      if ((inherited || hasOwnProperty$1.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
+      (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+      isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
+      isIndex(key, length)))) {
+        result.push(key);
+      }
+    }
+    return result;
+  }
+  var _arrayLikeKeys = arrayLikeKeys$1;
+  var objectProto$1 = Object.prototype;
+  function isPrototype$1(value) {
+    var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$1;
+    return value === proto;
+  }
+  var _isPrototype = isPrototype$1;
+  function overArg$1(func, transform) {
+    return function(arg) {
+      return func(transform(arg));
+    };
+  }
+  var _overArg = overArg$1;
+  var overArg = _overArg;
+  var nativeKeys$1 = overArg(Object.keys, Object);
+  var _nativeKeys = nativeKeys$1;
+  var isPrototype = _isPrototype, nativeKeys = _nativeKeys;
+  var objectProto = Object.prototype;
+  var hasOwnProperty = objectProto.hasOwnProperty;
+  function baseKeys$1(object) {
+    if (!isPrototype(object)) {
+      return nativeKeys(object);
+    }
+    var result = [];
+    for (var key in Object(object)) {
+      if (hasOwnProperty.call(object, key) && key != "constructor") {
+        result.push(key);
+      }
+    }
+    return result;
+  }
+  var _baseKeys = baseKeys$1;
+  var arrayLikeKeys = _arrayLikeKeys, baseKeys = _baseKeys, isArrayLike = isArrayLike_1;
+  function keys$1(object) {
+    return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
+  }
+  var keys_1 = keys$1;
+  var copyObject = _copyObject, createAssigner = _createAssigner, keys = keys_1;
+  var assignWith = createAssigner(function(object, source, srcIndex, customizer) {
+    copyObject(source, keys(source), object, customizer);
+  });
+  var assignWith_1 = assignWith;
+  const assignWith$1 = /* @__PURE__ */ getDefaultExportFromCjs(assignWith_1);
+  function mergeProps(...items) {
+    function customizer(objValue, srcValue) {
+      return srcValue === void 0 ? objValue : srcValue;
+    }
+    let ret = Object.assign({}, items[0]);
+    for (let i = 1; i < items.length; i++) {
+      ret = assignWith$1(ret, items[i], customizer);
+    }
+    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",
+      height: "1em",
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink"
+    }, props, {
+      style: Object.assign({
+        verticalAlign: "-0.125em"
+      }, props.style),
+      className: ["antd-mobile-icon", props.className].filter(Boolean).join(" ")
+    }), /* @__PURE__ */ React__namespace.createElement("g", {
+      id: "LeftOutline-LeftOutline",
+      stroke: "none",
+      strokeWidth: 1,
+      fill: "none",
+      fillRule: "evenodd"
+    }, /* @__PURE__ */ React__namespace.createElement("g", {
+      id: "LeftOutline-编组"
+    }, /* @__PURE__ */ React__namespace.createElement("rect", {
+      id: "LeftOutline-矩形",
+      fill: "#FFFFFF",
+      opacity: 0,
+      x: 0,
+      y: 0,
+      width: 48,
+      height: 48
+    }), /* @__PURE__ */ React__namespace.createElement("path", {
+      d: "M31.7053818,5.11219264 L13.5234393,22.6612572 L13.5234393,22.6612572 C12.969699,23.2125856 12.9371261,24.0863155 13.4257204,24.6755735 L13.5234393,24.7825775 L31.7045714,42.8834676 C31.7795345,42.9580998 31.8810078,43 31.9867879,43 L35.1135102,43 C35.3344241,43 35.5135102,42.8209139 35.5135102,42.6 C35.5135102,42.4936115 35.4711279,42.391606 35.3957362,42.316542 L16.7799842,23.7816937 L16.7799842,23.7816937 L35.3764658,5.6866816 C35.5347957,5.53262122 35.5382568,5.27937888 35.3841964,5.121049 C35.3088921,5.04365775 35.205497,5 35.0975148,5 L31.9831711,5 C31.8795372,5 31.7799483,5.04022164 31.7053818,5.11219264 Z",
+      id: "LeftOutline-路径",
+      fill: "currentColor",
+      fillRule: "nonzero"
+    }))));
+  }
+  function RightOutline(props) {
+    return /* @__PURE__ */ React__namespace.createElement("svg", Object.assign({
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink"
+    }, props, {
+      style: Object.assign({
+        verticalAlign: "-0.125em"
+      }, props.style),
+      className: ["antd-mobile-icon", props.className].filter(Boolean).join(" ")
+    }), /* @__PURE__ */ React__namespace.createElement("g", {
+      id: "RightOutline-RightOutline",
+      stroke: "none",
+      strokeWidth: 1,
+      fill: "none",
+      fillRule: "evenodd"
+    }, /* @__PURE__ */ React__namespace.createElement("g", {
+      id: "RightOutline-RightOutlined"
+    }, /* @__PURE__ */ React__namespace.createElement("rect", {
+      id: "RightOutline-矩形",
+      fill: "#FFFFFF",
+      opacity: 0,
+      x: 0,
+      y: 0,
+      width: 48,
+      height: 48
+    }), /* @__PURE__ */ React__namespace.createElement("path", {
+      d: "M17.3947957,5.11219264 L35.5767382,22.6612572 L35.5767382,22.6612572 C36.1304785,23.2125856 36.1630514,24.0863155 35.6744571,24.6755735 L35.5767382,24.7825775 L17.3956061,42.8834676 C17.320643,42.9580998 17.2191697,43 17.1133896,43 L13.9866673,43 C13.7657534,43 13.5866673,42.8209139 13.5866673,42.6 C13.5866673,42.4936115 13.6290496,42.391606 13.7044413,42.316542 L32.3201933,23.7816937 L32.3201933,23.7816937 L13.7237117,5.6866816 C13.5653818,5.53262122 13.5619207,5.27937888 13.7159811,5.121049 C13.7912854,5.04365775 13.8946805,5 14.0026627,5 L17.1170064,5 C17.2206403,5 17.3202292,5.04022164 17.3947957,5.11219264 Z",
+      id: "RightOutline-right",
+      fill: "currentColor",
+      fillRule: "nonzero"
+    }))));
+  }
+  const safeArea = "";
+  const classPrefix$5 = "adm-safe-area";
+  const SafeArea = (props) => {
+    return withNativeProps(props, React.createElement("div", {
+      className: classNames(classPrefix$5, `${classPrefix$5}-position-${props.position}`)
+    }));
+  };
+  const badge = "";
+  const classPrefix$4 = `adm-badge`;
+  const dot = React.createElement(React.Fragment, null);
+  const Badge$1 = (props) => {
+    const {
+      content,
+      color,
+      children
+    } = props;
+    const isDot = content === dot;
+    const badgeCls = classNames(classPrefix$4, !!children && `${classPrefix$4}-fixed`, isDot && `${classPrefix$4}-dot`, props.bordered && `${classPrefix$4}-bordered`);
+    const element = content || content === 0 ? withNativeProps(props, React.createElement("div", {
+      className: badgeCls,
+      style: {
+        "--color": color
+      }
+    }, !isDot && React.createElement("div", {
+      className: `${classPrefix$4}-content`
+    }, content))) : null;
+    return children ? React.createElement("div", {
+      className: classNames(`${classPrefix$4}-wrapper`, props.wrapperClassName),
+      style: props.wrapperStyle
+    }, children, element) : element;
+  };
+  const Badge = attachPropertiesToComponent(Badge$1, {
+    dot
+  });
+  function usePropsValue(options) {
+    const {
+      value,
+      defaultValue,
+      onChange
+    } = options;
+    const update = useUpdate$1();
+    const stateRef = React.useRef(value !== void 0 ? value : defaultValue);
+    if (value !== void 0) {
+      stateRef.current = value;
+    }
+    const setState = useMemoizedFn((v2, forceTrigger = false) => {
+      const nextValue = typeof v2 === "function" ? v2(stateRef.current) : v2;
+      if (!forceTrigger && nextValue === stateRef.current)
+        return;
+      stateRef.current = nextValue;
+      update();
+      return onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    });
+    return [stateRef.current, setState];
+  }
+  var reactIs = { exports: {} };
+  var reactIs_production_min = {};
+  /**
+   * @license React
+   * react-is.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var b = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), e = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), k = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), n = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), t = Symbol.for("react.offscreen"), u;
+  u = Symbol.for("react.module.reference");
+  function v(a) {
+    if ("object" === typeof a && null !== a) {
+      var r = a.$$typeof;
+      switch (r) {
+        case b:
+          switch (a = a.type, a) {
+            case d:
+            case f:
+            case e:
+            case m:
+            case n:
+              return a;
+            default:
+              switch (a = a && a.$$typeof, a) {
+                case k:
+                case h:
+                case l:
+                case q:
+                case p:
+                case g:
+                  return a;
+                default:
+                  return r;
+              }
+          }
+        case c:
+          return r;
+      }
+    }
+  }
+  reactIs_production_min.ContextConsumer = h;
+  reactIs_production_min.ContextProvider = g;
+  reactIs_production_min.Element = b;
+  reactIs_production_min.ForwardRef = l;
+  reactIs_production_min.Fragment = d;
+  reactIs_production_min.Lazy = q;
+  reactIs_production_min.Memo = p;
+  reactIs_production_min.Portal = c;
+  reactIs_production_min.Profiler = f;
+  reactIs_production_min.StrictMode = e;
+  reactIs_production_min.Suspense = m;
+  reactIs_production_min.SuspenseList = n;
+  reactIs_production_min.isAsyncMode = function() {
+    return false;
+  };
+  reactIs_production_min.isConcurrentMode = function() {
+    return false;
+  };
+  reactIs_production_min.isContextConsumer = function(a) {
+    return v(a) === h;
+  };
+  reactIs_production_min.isContextProvider = function(a) {
+    return v(a) === g;
+  };
+  reactIs_production_min.isElement = function(a) {
+    return "object" === typeof a && null !== a && a.$$typeof === b;
+  };
+  reactIs_production_min.isForwardRef = function(a) {
+    return v(a) === l;
+  };
+  reactIs_production_min.isFragment = function(a) {
+    return v(a) === d;
+  };
+  reactIs_production_min.isLazy = function(a) {
+    return v(a) === q;
+  };
+  reactIs_production_min.isMemo = function(a) {
+    return v(a) === p;
+  };
+  reactIs_production_min.isPortal = function(a) {
+    return v(a) === c;
+  };
+  reactIs_production_min.isProfiler = function(a) {
+    return v(a) === f;
+  };
+  reactIs_production_min.isStrictMode = function(a) {
+    return v(a) === e;
+  };
+  reactIs_production_min.isSuspense = function(a) {
+    return v(a) === m;
+  };
+  reactIs_production_min.isSuspenseList = function(a) {
+    return v(a) === n;
+  };
+  reactIs_production_min.isValidElementType = function(a) {
+    return "string" === typeof a || "function" === typeof a || a === d || a === f || a === e || a === m || a === n || a === t || "object" === typeof a && null !== a && (a.$$typeof === q || a.$$typeof === p || a.$$typeof === g || a.$$typeof === h || a.$$typeof === l || a.$$typeof === u || void 0 !== a.getModuleId) ? true : false;
+  };
+  reactIs_production_min.typeOf = v;
+  {
+    reactIs.exports = reactIs_production_min;
+  }
+  var reactIsExports = reactIs.exports;
+  function traverseReactNode(children, fn) {
+    let i = 0;
+    function handle(target) {
+      React.Children.forEach(target, (child) => {
+        if (!reactIsExports.isFragment(child)) {
+          fn(child, i);
+          i += 1;
+        } else {
+          handle(child.props.children);
+        }
+      });
+    }
+    handle(children);
+  }
+  const list = "";
+  const classPrefix$3 = `adm-list`;
+  const defaultProps$2 = {
+    mode: "default"
+  };
+  const List$1 = React.forwardRef((p2, ref) => {
+    const props = mergeProps(defaultProps$2, p2);
+    const nativeElementRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => ({
+      get nativeElement() {
+        return nativeElementRef.current;
+      }
+    }));
+    return withNativeProps(props, React.createElement("div", {
+      className: classNames(classPrefix$3, `${classPrefix$3}-${props.mode}`),
+      ref: nativeElementRef
+    }, props.header && React.createElement("div", {
+      className: `${classPrefix$3}-header`
+    }, props.header), React.createElement("div", {
+      className: `${classPrefix$3}-body`
+    }, React.createElement("div", {
+      className: `${classPrefix$3}-body-inner`
+    }, props.children))));
+  });
+  function isNodeWithContent(node) {
+    return node !== void 0 && node !== null && node !== false;
+  }
+  const classPrefix$2 = `adm-list-item`;
+  const ListItem = (props) => {
+    var _a;
+    const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
+    const arrow = props.arrow === void 0 ? clickable : props.arrow;
+    const content = React.createElement("div", {
+      className: `${classPrefix$2}-content`
+    }, isNodeWithContent(props.prefix) && React.createElement("div", {
+      className: `${classPrefix$2}-content-prefix`
+    }, props.prefix), React.createElement("div", {
+      className: `${classPrefix$2}-content-main`
+    }, isNodeWithContent(props.title) && React.createElement("div", {
+      className: `${classPrefix$2}-title`
+    }, props.title), props.children, isNodeWithContent(props.description) && React.createElement("div", {
+      className: `${classPrefix$2}-description`
+    }, props.description)), isNodeWithContent(props.extra) && React.createElement("div", {
+      className: `${classPrefix$2}-content-extra`
+    }, props.extra), isNodeWithContent(arrow) && React.createElement("div", {
+      className: `${classPrefix$2}-content-arrow`
+    }, arrow === true ? React.createElement(RightOutline, null) : arrow));
+    return withNativeProps(props, React.createElement(clickable ? "a" : "div", {
+      className: classNames(`${classPrefix$2}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$2}-disabled`),
+      onClick: props.disabled ? void 0 : props.onClick
+    }, content));
+  };
+  const List = attachPropertiesToComponent(List$1, {
+    Item: ListItem
+  });
+  const navBar = "";
+  const classPrefix$1 = `adm-nav-bar`;
+  const defaultProps$1 = {
+    backArrow: true
+  };
+  const NavBar = (p2) => {
+    const props = mergeProps(defaultProps$1, p2);
+    const {
+      back,
+      backArrow
+    } = props;
+    return withNativeProps(props, React.createElement("div", {
+      className: classNames(classPrefix$1)
+    }, React.createElement("div", {
+      className: `${classPrefix$1}-left`,
+      role: "button"
+    }, back !== null && React.createElement("div", {
+      className: `${classPrefix$1}-back`,
+      onClick: props.onBack
+    }, backArrow && React.createElement("span", {
+      className: `${classPrefix$1}-back-arrow`
+    }, backArrow === true ? React.createElement(LeftOutline, null) : backArrow), React.createElement("span", {
+      "aria-hidden": "true"
+    }, back)), props.left), React.createElement("div", {
+      className: `${classPrefix$1}-title`
+    }, props.children), React.createElement("div", {
+      className: `${classPrefix$1}-right`
+    }, props.right)));
+  };
+  const tabBar = "";
+  const TabBarItem$1 = () => {
+    return null;
+  };
+  const classPrefix = `adm-tab-bar`;
+  const defaultProps = {
+    safeArea: false
+  };
+  const TabBar$1 = (p2) => {
+    var _a;
+    const props = mergeProps(defaultProps, p2);
+    let firstActiveKey = null;
+    const items = [];
+    traverseReactNode(props.children, (child, index) => {
+      if (!React.isValidElement(child))
+        return;
+      const key = child.key;
+      if (typeof key !== "string")
+        return;
+      if (index === 0) {
+        firstActiveKey = key;
+      }
+      items.push(child);
+    });
+    const [activeKey, setActiveKey] = usePropsValue({
+      value: props.activeKey,
+      defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
+      onChange: (v2) => {
+        var _a2;
+        if (v2 === null)
+          return;
+        (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, v2);
+      }
+    });
+    return withNativeProps(props, React.createElement("div", {
+      className: classPrefix
+    }, React.createElement("div", {
+      className: `${classPrefix}-wrap`
+    }, items.map((item) => {
+      const active = item.key === activeKey;
+      function renderContent() {
+        const iconElement = item.props.icon && React.createElement("div", {
+          className: `${classPrefix}-item-icon`
+        }, typeof item.props.icon === "function" ? item.props.icon(active) : item.props.icon);
+        const titleElement = item.props.title && React.createElement("div", {
+          className: classNames(`${classPrefix}-item-title`, Boolean(iconElement) && `${classPrefix}-item-title-with-icon`)
+        }, typeof item.props.title === "function" ? item.props.title(active) : item.props.title);
+        if (iconElement) {
+          return React.createElement(React.Fragment, null, React.createElement(Badge, {
+            content: item.props.badge,
+            className: `${classPrefix}-icon-badge`
+          }, iconElement), titleElement);
+        } else if (titleElement) {
+          return React.createElement(Badge, {
+            content: item.props.badge,
+            className: `${classPrefix}-title-badge`
+          }, titleElement);
+        }
+        return null;
+      }
+      return withNativeProps(item.props, React.createElement("div", {
+        key: item.key,
+        onClick: () => {
+          const {
+            key
+          } = item;
+          if (key === void 0 || key === null)
+            return;
+          setActiveKey(key.toString());
+        },
+        className: classNames(`${classPrefix}-item`, {
+          [`${classPrefix}-item-active`]: active
+        })
+      }, renderContent()));
+    })), props.safeArea && React.createElement(SafeArea, {
+      position: "bottom"
+    })));
+  };
+  const TabBar = attachPropertiesToComponent(TabBar$1, {
+    Item: TabBarItem$1
+  });
+  const PageSchema = {
+    type: "void",
+    "x-component": "MPage",
+    "x-designer": "MPage.Designer",
+    "x-component-props": {},
+    properties: {
+      grid: {
+        type: "void",
+        "x-component": "Grid",
+        "x-initializer": "MBlockInitializers",
+        "x-component-props": {
+          showDivider: false
+        }
+      }
+    }
+  };
+  const MenuDesigner = (props) => {
+    const { t: t2 } = useTranslation();
+    const fieldSchema = react.useFieldSchema();
+    const { dn } = client.useDesignable();
+    const field = react.useField();
+    const schemaSettingsProps = {
+      dn,
+      field,
+      fieldSchema
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaSettings,
+      {
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.Button,
+          {
+            style: {
+              borderColor: "var(--colorSettings)",
+              color: "var(--colorSettings)"
+            },
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MenuOutlined, {}),
+            type: "dashed",
+            children: t2("Menu configuration")
+          }
+        ),
+        ...schemaSettingsProps,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          client.SchemaSettings.Remove,
+          {
+            removeParentsIfNoChildren: true,
+            confirm: {
+              title: t2("Delete menu block")
+            },
+            breakRemoveOn: {
+              "x-component": "Grid"
+            }
+          },
+          "remove"
+        )
+      }
+    );
+  };
+  const useSchemaPatch = () => {
+    const { dn } = client.useDesignable();
+    const fieldSchema = react.useFieldSchema();
+    const field = react.useField();
+    const onUpdateComponentProps = React.useCallback((data) => {
+      lodash.set(fieldSchema, "x-component-props", data);
+      field.componentProps = { ...field.componentProps, ...data };
+      dn.emit("patch", {
+        schema: {
+          ["x-uid"]: fieldSchema["x-uid"],
+          "x-component-props": fieldSchema["x-component-props"],
+          "x-server-hooks": [
+            {
+              type: "onSelfSave",
+              method: "extractTextToLocale"
+            }
+          ]
+        }
+      });
+      dn.refresh();
+    }, []);
+    return { onUpdateComponentProps };
+  };
+  const menuItemSchema = {
+    properties: {
+      name: {
+        type: "string",
+        title: generateNTemplate("Menu name"),
+        required: true,
+        "x-component": "Input",
+        "x-decorator": "FormItem"
+      },
+      icon: {
+        "x-decorator": "FormItem",
+        "x-component": "IconPicker",
+        title: generateNTemplate("Icon"),
+        "x-component-props": {}
+      }
+    }
+  };
+  const InternalMenuItem = (props) => {
+    const { icon, name } = props;
+    const Designer2 = client.useDesigner();
+    const navigate = reactRouterDom.useNavigate();
+    const location = reactRouterDom.useLocation();
+    const fieldSchema = react.useFieldSchema();
+    const compile = client.useCompile();
+    const params = reactRouterDom.useParams();
+    const onToPage = () => {
+      const locationPath = location.pathname.endsWith("/") ? location.pathname.slice(0, -1) : location.pathname;
+      navigate(params.name ? `/mobile/${fieldSchema["x-uid"]}` : `${locationPath}/${fieldSchema["x-uid"]}`);
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      client.SortableItem,
+      {
+        className: client.cx(
+          "nb-mobile-menu-item",
+          client.css`
+          width: 100%;
+          background: var(--adm-color-background);
+          > .adm-list-item {
+            background: inherit;
+          }
+        `
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(List.Item, { arrow: true, clickable: true, ...props, prefix: /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { type: icon }), onClick: onToPage, children: compile(name) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Designer2, {})
+        ]
+      }
+    );
+  };
+  const MenuItemDesigner = () => {
+    const { t: t2 } = useTranslation();
+    const { onUpdateComponentProps } = useSchemaPatch();
+    const field = react.useField();
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(client.GeneralSchemaDesigner, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        client.SchemaSettings.ModalItem,
+        {
+          title: t2("Edit menu info"),
+          initialValues: field.componentProps,
+          schema: menuItemSchema,
+          onSubmit: onUpdateComponentProps
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        client.SchemaSettings.Remove,
+        {
+          removeParentsIfNoChildren: true,
+          confirm: {
+            title: t2("Delete menu item?")
+          },
+          breakRemoveOn: {
+            "x-component": "MMenu"
+          }
+        },
+        "remove"
+      )
+    ] });
+  };
+  const MenuItem = InternalMenuItem;
+  MenuItem.Designer = MenuItemDesigner;
+  const useStyles$2 = client.createStyles(({ token, css }) => {
+    return {
+      mobileMenu: css`
+      --adm-color-primary: ${token.colorPrimary};
+      --adm-color-primary-hover: ${token.colorPrimaryHover};
+      --adm-color-primary-active: ${token.colorPrimaryActive};
+      --padding-left: ${token.paddingSM}px;
+      --adm-color-background: ${token.colorBgContainer};
+      --adm-color-border: ${token.colorBorder};
+
+      background: ${token.colorBgContainer};
+      width: 100%;
+      margin-bottom: var(--nb-spacing);
+    `
+    };
+  });
+  const InternalMenu = (props) => {
+    const { styles } = useStyles$2();
+    const Designer2 = client.useDesigner();
+    const fieldSchema = react.useFieldSchema();
+    const { insertBeforeEnd, designable } = client.useDesignable();
+    const { t: t2 } = useTranslation();
+    const onAddMenuItem = (values) => {
+      const properties = {
+        page: PageSchema
+      };
+      return insertBeforeEnd({
+        type: "void",
+        title: values.name,
+        "x-component": "MMenu.Item",
+        "x-component-props": values,
+        "x-designer": "MMenu.Item.Designer",
+        properties
+      });
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.SortableItem, { className: client.cx("nb-mobile-menu", styles.mobileMenu), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(List, { children: [
+      designable && /* @__PURE__ */ jsxRuntimeExports.jsx(List.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Designer2, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(client.DndContext, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { onlyRenderProperties: true, schema: fieldSchema }) }),
+      designable ? /* @__PURE__ */ jsxRuntimeExports.jsx(List.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        client.SchemaInitializer.ActionModal,
+        {
+          buttonText: t2("Add menu item"),
+          title: t2("Add menu item"),
+          schema: menuItemSchema,
+          onSubmit: onAddMenuItem
+        }
+      ) }) : null
+    ] }) });
+  };
+  const MMenu = InternalMenu;
+  MMenu.Item = MenuItem;
+  MMenu.Designer = MenuDesigner;
+  const findSchema = (schema, component) => {
+    const gridSchema = schema.reduceProperties(
+      (schema2, next) => schema2 || next["x-component"] === component && next
+    );
+    return gridSchema;
+  };
+  const findGridSchema = (schema) => {
+    return findSchema(schema, "Grid");
+  };
+  const allowComponents = ["Grid", "Grid.Row"];
+  const plusComponent = ["Grid.Col"];
+  const countGridCol = (schema, countToStop) => {
+    if (!schema)
+      return 0;
+    let count = 0;
+    if (plusComponent.includes(schema["x-component"])) {
+      count += 1;
+    }
+    if (typeof countToStop === "number" && count >= countToStop)
+      return count;
+    if (allowComponents.includes(schema["x-component"])) {
+      schema.mapProperties((schema2) => {
+        count += countGridCol(schema2, countToStop);
+      });
+    }
+    return count;
+  };
+  const ContainerDesigner = () => {
+    const { t: t2 } = useTranslation();
+    const fieldSchema = react.useFieldSchema();
+    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 schemaSettingsProps = {
+      dn,
+      field,
+      fieldSchema
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaSettings,
+      {
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.Button,
+          {
+            style: {
+              borderColor: "var(--colorSettings)",
+              color: "var(--colorSettings)",
+              width: "100%"
+            },
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MenuOutlined, {}),
+            type: "dashed",
+            children: t2("App level Configuration")
+          }
+        ),
+        ...schemaSettingsProps,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          client.SchemaSettings.SwitchItem,
+          {
+            checked: !!tabBarSchema,
+            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()
+                      }
+                    }
+                  }
+                });
+              } 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("../");
+                  }
+                });
+              }
+            }
+          }
+        )
+      }
+    );
+  };
+  const useStyles$1 = client.createStyles(({ token, css }) => {
+    return {
+      mobileContainer: css`
+      --adm-color-primary: ${token.colorPrimary};
+
+      & > .general-schema-designer > .general-schema-designer-icons {
+        right: unset;
+        left: 2px;
+      }
+      background: var(--nb-box-bg);
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      height: 100%;
+      overflow-y: scroll;
+      position: initial !important;
+    `,
+      tabBar: css`
+      & > .general-schema-designer {
+        --nb-designer-top: ${token.marginMD}px;
+      }
+      position: absolute;
+      background: ${token.colorBgContainer};
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      z-index: 1000;
+    `
+    };
+  });
+  const findGrid = (schema, uid) => {
+    return schema.reduceProperties((final, next) => {
+      if (final)
+        return final;
+      if (next["x-component"] === "MTabBar") {
+        return findGrid(next, uid);
+      }
+      if (next["x-component"] === "MTabBar.Item" && uid === next["x-uid"]) {
+        return next;
+      }
+    });
+  };
+  const TabContentComponent = () => {
+    const { name } = reactRouterDom.useParams();
+    const fieldSchema = react.useFieldSchema();
+    if (!name)
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+    const gridSchema = findGrid(fieldSchema.properties["tabBar"], name.replace("tab_", ""));
+    if (!gridSchema) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Navigate, { replace: true, to: "../" });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { schema: gridSchema });
+  };
+  const InternalContainer = (props) => {
+    var _a, _b;
+    const { styles } = useStyles$1();
+    const { token } = client.useToken();
+    const Designer2 = client.useDesigner();
+    const fieldSchema = react.useFieldSchema();
+    const navigate = reactRouterDom.useNavigate();
+    const params = reactRouterDom.useParams();
+    const location = reactRouterDom.useLocation();
+    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;
+    if (tabBarCurrentFirstKey) {
+      redirectToUid = (_b = tabBarSchema == null ? void 0 : tabBarSchema.properties[tabBarCurrentFirstKey]) == null ? void 0 : _b["x-uid"];
+    }
+    React.useEffect(() => {
+      if (redirectToUid && !params.name) {
+        const locationPath = location.pathname.endsWith("/") ? location.pathname.slice(0, -1) : location.pathname;
+        navigate(`${locationPath}/tab_${redirectToUid}`, { replace: true });
+      }
+    }, [location.pathname, navigate, params.name, redirectToUid]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(client.SortableItem, { eid: "nb-mobile-scroll-wrapper", className: client.cx("nb-mobile-container", styles.mobileContainer), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Designer2, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          style: {
+            paddingBottom: redirectToUid ? token.paddingLG * 2 : 0
+          },
+          className: "nb-mobile-container-content",
+          children: redirectToUid ? /* @__PURE__ */ jsxRuntimeExports.jsx(TabContentComponent, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            client.SchemaComponent,
+            {
+              filterProperties: (schema) => {
+                return schema["x-component"] !== "MTabBar";
+              },
+              schema: fieldSchema
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: client.cx("nb-mobile-container-tab-bar", styles.tabBar), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        client.SchemaComponent,
+        {
+          onlyRenderProperties: true,
+          filterProperties: (schema) => {
+            return schema["x-component"] === "MTabBar";
+          },
+          schema: fieldSchema
+        }
+      ) })
+    ] });
+  };
+  const MContainer = InternalContainer;
+  MContainer.Designer = ContainerDesigner;
+  MContainer.displayName = "MContainer";
+  const tabItemSchema = {
+    properties: {
+      title: {
+        type: "string",
+        title: `{{ t('Title') }}`,
+        required: true,
+        "x-component": "Input",
+        "x-decorator": "FormItem"
+      },
+      icon: {
+        required: true,
+        "x-decorator": "FormItem",
+        "x-component": "IconPicker",
+        title: `{{ t('Icon') }}`,
+        "x-component-props": {}
+      }
+    }
+  };
+  const InternalItem = () => {
+    const Designer2 = client.useDesigner();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SortableItem,
+      {
+        className: client.cx(
+          "nb-mobile-tab-bar-item",
+          client.css`
+          position: absolute !important;
+          width: 100%;
+          height: 100%;
+          top: 0;
+          left: 0;
+        `
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Designer2, {})
+      }
+    );
+  };
+  const Designer = () => {
+    const { t: t2 } = useTranslation();
+    const fieldSchema = react.useFieldSchema();
+    const { onUpdateComponentProps } = useSchemaPatch();
+    const field = react.useField();
+    const tabItems = Object.keys(fieldSchema.parent.properties).length;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(client.GeneralSchemaDesigner, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        client.SchemaSettings.ModalItem,
+        {
+          title: t2("Edit info"),
+          initialValues: field.componentProps,
+          schema: tabItemSchema,
+          onSubmit: onUpdateComponentProps
+        }
+      ),
+      tabItems > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        client.SchemaSettings.Remove,
+        {
+          removeParentsIfNoChildren: true,
+          confirm: {
+            title: t2("Delete tab item?")
+          },
+          breakRemoveOn: {
+            "x-component": "MTabBar"
+          }
+        },
+        "remove"
+      ) : null
+    ] });
+  };
+  const TabBarItem = InternalItem;
+  TabBarItem.Designer = Designer;
+  const InternalTabBar = (props) => {
+    const fieldSchema = react.useFieldSchema();
+    const { designable } = client.useDesignable();
+    const { t: t2 } = useTranslation();
+    const { insertBeforeEnd } = client.useDesignable();
+    const navigate = reactRouterDom.useNavigate();
+    const params = reactRouterDom.useParams();
+    const compile = client.useCompile();
+    const onAddTab = React.useCallback((values) => {
+      return insertBeforeEnd({
+        type: "void",
+        "x-component": "MTabBar.Item",
+        "x-component-props": values,
+        "x-designer": "MTabBar.Item.Designer",
+        properties: {
+          [shared.uid()]: PageSchema
+        },
+        "x-server-hooks": [
+          {
+            type: "onSelfSave",
+            method: "extractTextToLocale"
+          }
+        ]
+      });
+    }, []);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SortableItem,
+      {
+        className: client.cx(
+          "nb-mobile-tab-bar",
+          client.css`
+          position: relative;
+          width: 100%;
+          display: flex;
+          align-items: center;
+        `
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.DndContext, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          TabBar,
+          {
+            activeKey: params.name,
+            onChange: (key) => {
+              if (key === "add-tab") {
+                return;
+              }
+              navigate(`/mobile/${key}`);
+            },
+            safeArea: true,
+            className: client.cx(
+              client.css`
+              width: 100%;
+            `
+            ),
+            children: [
+              fieldSchema.mapProperties((schema, name) => {
+                const cp = schema["x-component-props"];
+                return /* @__PURE__ */ React.createElement(
+                  TabBar.Item,
+                  {
+                    ...cp,
+                    key: `tab_${schema["x-uid"]}`,
+                    title: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                      t2(compile(cp.title)),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { schema, name })
+                    ] }),
+                    icon: cp.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { type: cp.icon }) : void 0
+                  }
+                );
+              }),
+              designable && (!fieldSchema.properties || Object.keys(fieldSchema.properties).length < 5) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                TabBar.Item,
+                {
+                  className: client.css`
+                .adm-tab-bar-item-icon {
+                  height: auto;
+                }
+              `,
+                  icon: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaInitializer.ActionModal, { title: t2("Add tab"), onSubmit: onAddTab, schema: tabItemSchema })
+                },
+                "add-tab"
+              ) : null
+            ]
+          }
+        ) })
+      }
+    );
+  };
+  const MTabBar = InternalTabBar;
+  MTabBar.Item = TabBarItem;
+  MTabBar.displayName = "MTabBar";
+  const PageDesigner = (props) => {
+    var _a, _b;
+    const { showBack } = props;
+    const { t: t2 } = useTranslation();
+    const fieldSchema = react.useFieldSchema();
+    const { dn } = client.useDesignable();
+    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 schemaSettingsProps = {
+      dn,
+      field,
+      fieldSchema
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      client.SchemaSettings,
+      {
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.Button,
+          {
+            style: {
+              borderColor: "var(--colorSettings)",
+              color: "var(--colorSettings)",
+              width: "100%"
+            },
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MenuOutlined, {}),
+            type: "dashed",
+            children: t2("Page configuration")
+          }
+        ),
+        ...schemaSettingsProps,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            client.SchemaSettings.SwitchItem,
+            {
+              checked: !!headerSchema,
+              title: t2("Enable Header"),
+              onChange: async (v2) => {
+                var _a2;
+                if (v2) {
+                  await dn.insertAfterBegin({
+                    type: "void",
+                    name: "header",
+                    "x-component": "MHeader",
+                    "x-designer": "MHeader.Designer",
+                    "x-component-props": {
+                      title: (_a2 = fieldSchema.parent["x-component-props"]) == null ? void 0 : _a2.name,
+                      showBack
+                    }
+                  });
+                } else {
+                  await dn.remove(headerSchema);
+                }
+                dn.refresh();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            client.SchemaSettings.SwitchItem,
+            {
+              checked: !!tabsSchema,
+              title: t2("Enable Tabs"),
+              onChange: async (v2) => {
+                if (v2) {
+                  const gridSchema = findGridSchema(fieldSchema);
+                  if (gridSchema) {
+                    return dn.remove(gridSchema).then(() => {
+                      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",
+                            title: generateNTemplate("Untitled"),
+                            "x-component": "Tabs.TabPane",
+                            "x-designer": "Tabs.Designer",
+                            "x-component-props": {},
+                            properties: {
+                              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, {}));
+                  }
+                }
+              }
+            }
+          )
+        ]
+      }
+    );
+  };
+  const useStyles = client.createStyles(({ token, css }) => {
+    return {
+      globalActionCSS: css`
+      #nb-position-container > & {
+        height: ${token.sizeXXL}px;
+        border-top: 1px solid var(--nb-box-bg);
+        margin-bottom: 0px !important;
+        padding: 0 var(--nb-spacing);
+        align-items: center;
+        overflow-x: auto;
+        background: ${token.colorBgContainer};
+        z-index: 100;
+      }
+    `,
+      mobilePage: css`
+      background: var(--nb-box-bg);
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      height: 100%;
+      overflow-x: hidden;
+      overflow-y: auto;
+      padding-bottom: var(--nb-spacing);
+    `,
+      mobilePageHeader: css`
+      & > .ant-tabs > .ant-tabs-nav {
+        .ant-tabs-tab {
+          margin: 0 !important;
+          padding: 0 ${token.paddingContentHorizontal}px !important;
+        }
+        background: ${token.colorBgContainer};
+      }
+      display: flex;
+      flex-direction: column;
+    `
+    };
+  });
+  const InternalPage = (props) => {
+    var _a, _b, _c, _d;
+    const { styles } = useStyles();
+    const Designer2 = client.useDesigner();
+    const fieldSchema = react.useFieldSchema();
+    const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
+    const tabsSchema = (_a = fieldSchema.properties) == null ? void 0 : _a["tabs"];
+    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 (tabsSchema == null ? void 0 : tabsSchema.properties) {
+      const schema = Object.values(tabsSchema.properties).sort((t1, t2) => t1["x-index"] - t2["x-index"])[0];
+      if (schema) {
+        setTimeout(() => {
+          setSearchParams([["tab", schema.name.toString()]], {
+            replace: true
+          });
+        });
+      }
+    }
+    const onTabsChange = React.useCallback(
+      (key) => {
+        setSearchParams([["tab", key]], {
+          replace: true
+        });
+      },
+      [setSearchParams]
+    );
+    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 });
+      },
+      [hasGlobalActions, onlyInPage]
+    );
+    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"] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          style: {
+            paddingBottom: tabsSchema ? null : "var(--nb-spacing)"
+          },
+          className: client.cx("nb-mobile-page-header", styles.mobilePageHeader),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              react.RecursionField,
+              {
+                schema: fieldSchema,
+                filterProperties: (s) => {
+                  return "MHeader" === s["x-component"];
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              client.TabsContextProvider,
+              {
+                PaneRoot: GlobalActionProvider,
+                activeKey: searchParams.get("tab"),
+                onChange: onTabsChange,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  react.RecursionField,
+                  {
+                    schema: fieldSchema,
+                    filterProperties: (s) => {
+                      return "Tabs" === s["x-component"];
+                    }
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalActionProvider, { children: !tabsSchema && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        react.RecursionField,
+        {
+          schema: fieldSchema,
+          filterProperties: (s) => {
+            return s["x-component"] !== "MHeader";
+          }
+        }
+      ) })
+    ] });
+  };
+  const MPage = InternalPage;
+  MPage.Designer = PageDesigner;
+  MPage.displayName = "MPage";
+  const HeaderDesigner = () => {
+    const field = react.useField();
+    const { onUpdateComponentProps } = useSchemaPatch();
+    const { t: t2 } = useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.GeneralSchemaDesigner, { draggable: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaSettings.ModalItem,
+      {
+        title: t2("Edit info"),
+        components: { Switch: antdV5.Switch },
+        initialValues: field.componentProps,
+        schema: {
+          properties: {
+            title: {
+              type: "string",
+              title: t2("Title"),
+              required: true,
+              "x-component": "Input",
+              "x-decorator": "FormItem"
+            },
+            showBack: {
+              type: "boolean",
+              title: t2("Display back button"),
+              "x-component": "Switch",
+              "x-decorator": "FormItem"
+            }
+          }
+        },
+        onSubmit: onUpdateComponentProps
+      }
+    ) });
+  };
+  const InternalHeader = (props) => {
+    const field = react.useField();
+    const { title = generateNTemplate("Untitled"), showBack = false } = { ...props, ...field == null ? void 0 : field.componentProps };
+    const Designer2 = client.useDesigner();
+    const compile = client.useCompile();
+    const compiledTitle = compile(title);
+    const navigate = reactRouterDom.useNavigate();
+    const { setTitle } = client.useDocumentTitle();
+    const { token } = client.useToken();
+    React.useEffect(() => {
+      setTitle(compiledTitle);
+    }, [compiledTitle]);
+    const style = React.useMemo(() => {
+      return {
+        width: "100%",
+        background: token.colorBgContainer
+      };
+    }, [token.colorBgContainer]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(client.SortableItem, { className: client.cx("nb-mobile-header"), style, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(NavBar, { backArrow: showBack, onBack: () => navigate(-1), children: compiledTitle }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Designer2, {})
+    ] });
+  };
+  const MHeader = InternalHeader;
+  MHeader.Designer = HeaderDesigner;
+  const SettingsDesigner = () => {
+    const { t: t2 } = useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.GeneralSchemaDesigner, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaSettings.Remove,
+      {
+        removeParentsIfNoChildren: true,
+        confirm: {
+          title: t2("Delete settings block")
+        },
+        breakRemoveOn: {
+          "x-component": "Grid"
+        }
+      },
+      "remove"
+    ) });
+  };
+  const InternalSettings = () => {
+    const Designer2 = client.useDesigner();
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      client.SortableItem,
+      {
+        className: client.cx(
+          "nb-mobile-setting",
+          client.css`
+          margin-bottom: var(--nb-spacing);
+        `
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Designer2, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(client.SettingsMenu, { redirectUrl: "/mobile" })
+        ]
+      }
+    );
+  };
+  const MSettings = InternalSettings;
+  MSettings.Designer = SettingsDesigner;
+  const MSettingsBlockInitializer = (props) => {
+    const { insert } = props;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaInitializer.Item,
+      {
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.SettingOutlined, {}),
+        onClick: async () => {
+          insert({
+            type: "void",
+            "x-component": "MSettings",
+            "x-designer": "MSettings.Designer",
+            "x-component-props": {}
+          });
+        }
+      }
+    );
+  };
+  const listCss = client.css`
+  padding: 0 var(--nb-spacing);
+  & > .nb-action-bar {
+    padding: unset !important;
+    background: unset !important;
+  }
+`;
+  const useGridCardBlockItemProps = () => {
+    return {
+      className: listCss
+    };
+  };
+  const columnCountConfig = {
+    xs: 1,
+    sm: 1,
+    md: 1,
+    lg: 1,
+    xl: 1,
+    xxl: 1
+  };
+  const useGridCardBlockProps = () => {
+    const isInterface = useInterfaceContext();
+    return {
+      columnCount: isInterface ? columnCountConfig : null,
+      pagination: {
+        simple: true
+      }
+    };
+  };
+  const MobileCore = (props) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaInitializerProvider,
+      {
+        initializers: {
+          MBlockInitializers
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          client.SchemaComponentOptions,
+          {
+            components: {
+              MMenuBlockInitializer,
+              MSettingsBlockInitializer,
+              MContainer,
+              MMenu,
+              MTabBar,
+              MPage,
+              MHeader,
+              MSettings
+            },
+            scope: {
+              useGridCardBlockItemProps,
+              useGridCardBlockProps
+            },
+            children: props.children
+          }
+        )
+      }
+    );
+  };
+  const commonCSSVariables = client.css`
+  --nb-spacing: 14px;
+`;
+  const commonCSSOverride = client.css``;
+  const commonDesignerCSS = client.css`
+  --nb-designer-top: 2px;
+  --nb-designer-right: 2px;
+  .nb-sortable-designer:hover {
+    position: relative;
+    > .general-schema-designer {
+      display: block;
+    }
+  }
+  .general-schema-designer {
+    position: absolute;
+    z-index: 999;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: none;
+    border: 0;
+    pointer-events: none;
+    > .general-schema-designer-icons {
+      position: absolute;
+      top: var(--nb-designer-top);
+      right: var(--nb-designer-right);
+      line-height: 16px;
+      pointer-events: all;
+      .ant-space-item {
+        background-color: var(--colorSettings);
+        color: #fff;
+        line-height: 16px;
+        width: 16px;
+        padding-left: 1px;
+        align-self: stretch;
+      }
+    }
+  }
+`;
+  const drawerProps = {
+    getContainer: ".nb-mobile-application",
+    width: "90%",
+    style: {
+      position: "absolute"
+    }
+  };
+  const modalProps = {
+    ...drawerProps,
+    style: {
+      maxWidth: "calc(100% - 16px)"
+    },
+    maskStyle: {
+      position: "absolute"
+    },
+    wrapClassName: client.css`
+    position: absolute !important;
+  `
+  };
+  const useMobileSchemaUid = () => {
+    var _a, _b, _c;
+    const ctx = client.useSystemSettings();
+    return (_c = (_b = (_a = ctx == null ? void 0 : ctx.data) == null ? void 0 : _a.data) == null ? void 0 : _b.options) == null ? void 0 : _c.mobileSchemaUid;
+  };
+  const MApplication = (props) => {
+    const mobileSchemaUid = useMobileSchemaUid();
+    const params = reactRouterDom.useParams();
+    const interfaceContext = useInterfaceContext();
+    const Provider = React.useMemo(() => {
+      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`
+                display: flex;
+                flex-direction: column;
+                width: 100%;
+                height: 100%;
+                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" })
+        ]
+      }
+    ) }) }) });
+  };
+  class MobileClientPlugin extends client.Plugin {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "mobileRouter");
+    }
+    async load() {
+      this.setMobileRouter();
+      this.addRoutes();
+      this.app.use(MobileClientProvider);
+    }
+    setMobileRouter() {
+      const router = client.createRouterManager({ type: "hash" });
+      router.add("root", {
+        path: "/",
+        element: /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Navigate, { replace: true, to: "/mobile" })
+      });
+      router.add("mobile", {
+        path: "/mobile",
+        element: /* @__PURE__ */ jsxRuntimeExports.jsx(MApplication, {})
+      });
+      router.add("mobile.page", {
+        path: "/mobile/:name",
+        element: /* @__PURE__ */ jsxRuntimeExports.jsx(client.RouteSchemaComponent, {})
+      });
+      this.mobileRouter = router;
+    }
+    getMobileRouterComponent() {
+      return this.mobileRouter.getRouterComponent();
+    }
+    addRoutes() {
+      this.app.router.add("mobile", {
+        path: "/mobile",
+        element: /* @__PURE__ */ jsxRuntimeExports.jsx(MApplication, {})
+      });
+      this.app.router.add("mobile.page", {
+        path: "/mobile/:name",
+        Component: "RouteSchemaComponent"
+      });
+    }
+  }
+  exports2.MobileClientPlugin = MobileClientPlugin;
+  exports2.default = MobileClientPlugin;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});