@fecp/mobile 1.0.67 → 1.0.68

package/es/mobile.css

@@ -119,6 +119,28 @@
 :root,:host{--van-tabbar-height: 50px;--van-tabbar-z-index: 1;--van-tabbar-background: var(--van-background-2)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}
 :root,:host{--van-tabbar-item-font-size: var(--van-font-size-sm);--van-tabbar-item-text-color: var(--van-text-color);--van-tabbar-item-active-color: var(--van-primary-color);--van-tabbar-item-active-background: var(--van-background-2);--van-tabbar-item-line-height: 1;--van-tabbar-item-icon-size: 22px;--van-tabbar-item-icon-margin-bottom: var(--van-padding-base)}.van-tabbar-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--van-tabbar-item-text-color);font-size:var(--van-tabbar-item-font-size);line-height:var(--van-tabbar-item-line-height);cursor:pointer}.van-tabbar-item__icon{margin-bottom:var(--van-tabbar-item-icon-margin-bottom);font-size:var(--van-tabbar-item-icon-size)}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon .van-badge{margin-top:var(--van-padding-base)}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:var(--van-tabbar-item-active-color);background-color:var(--van-tabbar-item-active-background)}
 :root,:host{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
+
+.fec-layout-container[data-v-dda4fb0e] {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  flex-basis: auto;
+  box-sizing: border-box;
+  min-width: 0;
+  height: 100%;
+}
+.fec-layout-footer[data-v-dda4fb0e],
+.fec-layout-header[data-v-dda4fb0e] {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+.fec-layout-main[data-v-dda4fb0e] {
+  display: block;
+  flex: 1;
+  flex-basis: auto;
+  padding: 20px;
+  overflow: auto;
+}
 :root {
   --vxe-ui-border-radius: 8px;
 }

package/es/packages/mobile/index.mjs

@@ -61,6 +61,7 @@ import { MobileTabs } from "./src/components/navigation/tabs/index.mjs";
 import { MobileTabbar } from "./src/components/navigation/tabbar/index.mjs";
 import { MobileTabbarItem } from "./src/components/navigation/tabbarItem/index.mjs";
 import { MobileTreeSelect } from "./src/components/navigation/treeSelect/index.mjs";
+import { MobileLayout } from "./src/components/layout/layout/index.mjs";
 import { closeDialog, showConfirmDialog, showDialog } from "../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/dialog/function-call.mjs";
 import { showImagePreview } from "../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/image-preview/function-call.mjs";
 import { closeNotify, showNotify } from "../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/notify/function-call.mjs";
@@ -108,6 +109,7 @@ export {
   MobileImage,
   MobileIndexAnchor,
   MobileIndexBar,
+  MobileLayout,
   MobileList,
   MobileLoading,
   MobileNavBar,

package/es/packages/mobile/src/components/all.mjs

@@ -58,6 +58,7 @@ import { MobileTabs } from "./navigation/tabs/index.mjs";
 import { MobileTabbar } from "./navigation/tabbar/index.mjs";
 import { MobileTabbarItem } from "./navigation/tabbarItem/index.mjs";
 import { MobileTreeSelect } from "./navigation/treeSelect/index.mjs";
+import { MobileLayout } from "./layout/layout/index.mjs";
 export {
   MobileActionBar,
   MobileActionSheet,
@@ -94,6 +95,7 @@ export {
   MobileImage,
   MobileIndexAnchor,
   MobileIndexBar,
+  MobileLayout,
   MobileList,
   MobileLoading,
   MobileNavBar,

package/es/packages/mobile/src/components/layout/layout/Layout.vue.mjs

@@ -0,0 +1,25 @@
+import { createElementBlock, openBlock, createElementVNode, renderSlot } from "vue";
+/* empty css             */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = { class: "fec-layout-container" };
+const _hoisted_2 = { class: "fec-layout-header" };
+const _hoisted_3 = { class: "fec-layout-main" };
+const _hoisted_4 = { class: "fec-layout-footer" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("section", _hoisted_1, [
+    createElementVNode("header", _hoisted_2, [
+      renderSlot(_ctx.$slots, "header", {}, void 0, true)
+    ]),
+    createElementVNode("main", _hoisted_3, [
+      renderSlot(_ctx.$slots, "default", {}, void 0, true)
+    ]),
+    createElementVNode("footer", _hoisted_4, [
+      renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+    ])
+  ]);
+}
+const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dda4fb0e"]]);
+export {
+  _Layout as default
+};

package/es/packages/mobile/src/components/layout/layout/index.mjs

@@ -0,0 +1,7 @@
+import _Layout from "./Layout.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileLayout = install.withInstall("MobileLayout", _Layout);
+export {
+  MobileLayout,
+  MobileLayout as default
+};

package/lib/mobile.css

@@ -119,6 +119,28 @@
 :root,:host{--van-tabbar-height: 50px;--van-tabbar-z-index: 1;--van-tabbar-background: var(--van-background-2)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}
 :root,:host{--van-tabbar-item-font-size: var(--van-font-size-sm);--van-tabbar-item-text-color: var(--van-text-color);--van-tabbar-item-active-color: var(--van-primary-color);--van-tabbar-item-active-background: var(--van-background-2);--van-tabbar-item-line-height: 1;--van-tabbar-item-icon-size: 22px;--van-tabbar-item-icon-margin-bottom: var(--van-padding-base)}.van-tabbar-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--van-tabbar-item-text-color);font-size:var(--van-tabbar-item-font-size);line-height:var(--van-tabbar-item-line-height);cursor:pointer}.van-tabbar-item__icon{margin-bottom:var(--van-tabbar-item-icon-margin-bottom);font-size:var(--van-tabbar-item-icon-size)}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon .van-badge{margin-top:var(--van-padding-base)}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:var(--van-tabbar-item-active-color);background-color:var(--van-tabbar-item-active-background)}
 :root,:host{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
+
+.fec-layout-container[data-v-dda4fb0e] {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  flex-basis: auto;
+  box-sizing: border-box;
+  min-width: 0;
+  height: 100%;
+}
+.fec-layout-footer[data-v-dda4fb0e],
+.fec-layout-header[data-v-dda4fb0e] {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+.fec-layout-main[data-v-dda4fb0e] {
+  display: block;
+  flex: 1;
+  flex-basis: auto;
+  padding: 20px;
+  overflow: auto;
+}
 :root {
   --vxe-ui-border-radius: 8px;
 }

package/lib/packages/mobile/index.js

@@ -63,6 +63,7 @@ const index$V = require("./src/components/navigation/tabs/index.js");
 const index$W = require("./src/components/navigation/tabbar/index.js");
 const index$X = require("./src/components/navigation/tabbarItem/index.js");
 const index$Y = require("./src/components/navigation/treeSelect/index.js");
+const index$Z = require("./src/components/layout/layout/index.js");
 const functionCall = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/dialog/function-call.js");
 const functionCall$1 = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/image-preview/function-call.js");
 const functionCall$2 = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/notify/function-call.js");
@@ -134,6 +135,7 @@ exports.MobileTabs = index$V.MobileTabs;
 exports.MobileTabbar = index$W.MobileTabbar;
 exports.MobileTabbarItem = index$X.MobileTabbarItem;
 exports.MobileTreeSelect = index$Y.MobileTreeSelect;
+exports.MobileLayout = index$Z.MobileLayout;
 exports.closeDialog = functionCall.closeDialog;
 exports.showConfirmDialog = functionCall.showConfirmDialog;
 exports.showDialog = functionCall.showDialog;

package/lib/packages/mobile/src/components/all.js

@@ -60,6 +60,7 @@ const index$U = require("./navigation/tabs/index.js");
 const index$V = require("./navigation/tabbar/index.js");
 const index$W = require("./navigation/tabbarItem/index.js");
 const index$X = require("./navigation/treeSelect/index.js");
+const index$Y = require("./layout/layout/index.js");
 exports.MobileButton = index.MobileButton;
 exports.MobileCell = index$1.MobileCell;
 exports.MobileCellGroup = index$2.MobileCellGroup;
@@ -120,3 +121,4 @@ exports.MobileTabs = index$U.MobileTabs;
 exports.MobileTabbar = index$V.MobileTabbar;
 exports.MobileTabbarItem = index$W.MobileTabbarItem;
 exports.MobileTreeSelect = index$X.MobileTreeSelect;
+exports.MobileLayout = index$Y.MobileLayout;

package/lib/packages/mobile/src/components/layout/layout/Layout.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css             */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = { class: "fec-layout-container" };
+const _hoisted_2 = { class: "fec-layout-header" };
+const _hoisted_3 = { class: "fec-layout-main" };
+const _hoisted_4 = { class: "fec-layout-footer" };
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+    vue.createElementVNode("header", _hoisted_2, [
+      vue.renderSlot(_ctx.$slots, "header", {}, void 0, true)
+    ]),
+    vue.createElementVNode("main", _hoisted_3, [
+      vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+    ]),
+    vue.createElementVNode("footer", _hoisted_4, [
+      vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+    ])
+  ]);
+}
+const _Layout = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dda4fb0e"]]);
+exports.default = _Layout;

package/lib/packages/mobile/src/components/layout/layout/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Layout = require("./Layout.vue.js");
+const install = require("../../../utils/install.js");
+const MobileLayout = install.default.withInstall("MobileLayout", Layout.default);
+exports.MobileLayout = MobileLayout;
+exports.default = MobileLayout;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/mobile",
-  "version": "1.0.67",
+  "version": "1.0.68",
   "main": "lib/packages/mobile/index.js",
   "module": "es/packages/mobile/index.mjs",
   "files": [