@ibiz-template/mob-vue3-components 0.0.4 → 0.0.6

package/es/panel-component/panel-button/index.d.ts

@@ -12,7 +12,7 @@ export declare const IBizPanelButton: import("@ibiz-template/vue3-util").TypeWit
 }, {
     ns: import("@ibiz-template/core").Namespace;
     captionText: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "danger" | "success" | "warning">;
+    buttonType: import("vue").ComputedRef<"default" | "text" | "success" | "primary" | "danger" | "warning">;
     showCaption: boolean | undefined;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;

package/es/panel-component/panel-button/panel-button.d.ts

@@ -14,7 +14,7 @@ export declare const PanelButton: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     captionText: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "danger" | "success" | "warning">;
+    buttonType: import("vue").ComputedRef<"default" | "text" | "success" | "primary" | "danger" | "warning">;
     showCaption: boolean | undefined;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;

package/es/panel-component/view-content-panel-container/view-content-panel-container.mjs

@@ -62,12 +62,14 @@ const ViewContentPanelContainer = /* @__PURE__ */ defineComponent({
       ];
       return result;
     });
+    const contentRef = ref();
     return {
       ns,
       viewModel,
       isRefreshing,
       isScrollable,
       classArr,
+      contentRef,
       refresh
     };
   },
@@ -76,9 +78,12 @@ const ViewContentPanelContainer = /* @__PURE__ */ defineComponent({
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     const content = createVNode(resolveComponent("iBizRow"), {
       "class": this.classArr,
-      "layout": this.modelData.layout
+      "layout": this.modelData.layout,
+      "ref": "contentRef"
     }, {
-      default: () => [this.isScrollable && createVNode(resolveComponent("van-back-top"), null, null), defaultSlots.map((slot) => {
+      default: () => [this.isScrollable && this.contentRef && createVNode(resolveComponent("van-back-top"), {
+        "teleport": this.contentRef.$el
+      }, null), defaultSlots.map((slot) => {
         const props = slot.props;
         if (!props || !props.controller) {
           return slot;

package/es/panel-component/view-header-panel-container/index.d.ts

@@ -9,9 +9,9 @@ export declare const IBizViewHeaderPanelContainer: import("@ibiz-template/vue3-u
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    goBack: () => void;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     backButtonVisible: import("vue").Ref<boolean>;
+    view: import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;

package/es/panel-component/view-header-panel-container/view-header-panel-container.css

@@ -1 +1 @@
-.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back .ibiz-control-toolbar-left{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}

package/es/panel-component/view-header-panel-container/view-header-panel-container.d.ts

@@ -13,9 +13,9 @@ export declare const ViewHeaderPanelContainer: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    goBack: () => void;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     backButtonVisible: import("vue").Ref<boolean>;
+    view: import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelContainer>;

package/es/panel-component/view-header-panel-container/view-header-panel-container.mjs

@@ -1,8 +1,8 @@
 import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { PanelContainerController, useNamespace } from '@ibiz-template/vue3-util';
+import './view-header-panel-container.css';
 import { useRoute } from 'vue-router';
 import '../../util/index.mjs';
-import './view-header-panel-container.css';
 import { useViewStack } from '../../util/store/view-stack/view-stack.mjs';
 
 "use strict";
@@ -35,9 +35,6 @@ const ViewHeaderPanelContainer = /* @__PURE__ */ defineComponent({
     };
     initButtonVisible();
     const view = props.controller.panel.view;
-    const goBack = () => {
-      view.modal.dismiss();
-    };
     const {
       id
     } = props.modelData;
@@ -48,9 +45,9 @@ const ViewHeaderPanelContainer = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
-      goBack,
       classArr,
-      backButtonVisible
+      backButtonVisible,
+      view
     };
   },
   render() {
@@ -63,12 +60,9 @@ const ViewHeaderPanelContainer = /* @__PURE__ */ defineComponent({
       "class": this.classArr,
       "layout": this.modelData.layout
     }, {
-      default: () => [this.backButtonVisible && createVNode("div", {
-        "class": this.ns.b("back-button"),
-        "onClick": this.goBack
-      }, [createVNode("ion-icon", {
-        "name": "chevron-back-outline"
-      }, null)]), defaultSlots.map((slot, index) => {
+      default: () => [createVNode(resolveComponent("iBizPresetViewBack"), {
+        "view": this.view
+      }, null), defaultSlots.map((slot, index) => {
         const props = slot.props;
         if (!props || !props.controller) {
           return slot;

package/es/util/store/view-stack/view-stack.d.ts

@@ -57,5 +57,5 @@ export declare const useViewStack: import("pinia").StoreDefinition<"viewStack",
     on: <K extends "onBeforeStackChange">(name: K, cb: (...args: Parameters<ViewStackEvent[K]>) => ReturnType<ViewStackEvent[K]>) => void;
     off: <K_1 extends "onBeforeStackChange">(name: K_1, cb: (...args: Parameters<ViewStackEvent[K_1]>) => ReturnType<ViewStackEvent[K_1]>) => void;
     goBack: () => void;
-}, "off" | "init" | "on" | "goBack">>;
+}, "init" | "on" | "off" | "goBack">>;
 export {};

package/es/view-engine/mob-edit-view.engine.mjs

@@ -214,8 +214,7 @@ class MobEditViewEngine extends ViewEngineBase {
     const entityService = await app.deService.getService(
       this.view.model.appDataEntityId
     );
-    await entityService.wf.exec(
-      "withdraw",
+    await entityService.wf.wfWithdraw(
       this.view.context,
       {
         ...this.view.params,

package/es/view-engine/mob-wf-dyna-action-view.engine.mjs

@@ -14,7 +14,7 @@ class MobWFDynaActionViewEngine extends MobWFDynaEditViewEngine {
     __publicField(this, "isCalcWFToolbar", false);
   }
   async calcProcessFormName() {
-    this.isEditable = this.view.context.isEditable === "true";
+    this.isEditable = this.view.context.isEditable;
     const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
     return processForm;
   }

package/es/view-engine/mob-wf-dyna-start-view.engine.mjs

@@ -14,7 +14,7 @@ class MobWFDynaStartViewEngine extends MobWFDynaEditViewEngine {
     __publicField(this, "isCalcWFToolbar", false);
   }
   async calcProcessFormName() {
-    this.isEditable = this.view.context.isEditable === "true";
+    this.isEditable = this.view.context.isEditable;
     const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
     return processForm;
   }

package/lib/_virtual/customParseFormat.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var customParseFormat = {exports: {}};
+
+exports.__module = customParseFormat;

package/lib/common/index.cjs

@@ -10,6 +10,8 @@ var keepAlive = require('./keep-alive/keep-alive.cjs');
 var noData = require('./no-data/no-data.cjs');
 var rawitem = require('./rawitem/rawitem.cjs');
 var row = require('./row/row.cjs');
+var presetViewBack = require('./preset-view-back/preset-view-back.cjs');
+var presetViewHeader = require('./preset-view-header/preset-view-header.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -26,6 +28,9 @@ const IBizCommonComponents = {
     v.component(vue3Util.IBizControlShell.name, vue3Util.IBizControlShell);
     v.component(rawitem.IBizRawItem.name, rawitem.IBizRawItem);
     v.component(carousel.IBizCarousel.name, carousel.IBizCarousel);
+    v.component(presetViewBack.IBizPresetViewBack.name, presetViewBack.IBizPresetViewBack);
+    v.component(presetViewHeader.IBizPresetViewHeader.name, presetViewHeader.IBizPresetViewHeader);
+    v.component(vue3Util.IBizCodeList.name, vue3Util.IBizCodeList);
   }
 };
 

package/lib/common/preset-view-back/preset-view-back.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./preset-view-back.css');
+var vueRouter = require('vue-router');
+require('../../util/index.cjs');
+var viewStack = require('../../util/store/view-stack/view-stack.cjs');
+
+"use strict";
+const IBizPresetViewBack = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPresetViewBack",
+  props: {
+    view: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("preset-view-back");
+    const route = vueRouter.useRoute();
+    const {
+      viewStack: viewStack$1
+    } = viewStack.useViewStack();
+    const backButtonVisible = vue.ref(false);
+    const initButtonVisible = () => {
+      if (props.view.modal.viewUsage === 1 && viewStack$1.cacheKeys.length > 1 && route.meta.home || props.view.modal.viewUsage === 2) {
+        backButtonVisible.value = true;
+      }
+    };
+    initButtonVisible();
+    const goBack = () => {
+      props.view.modal.dismiss();
+    };
+    return {
+      ns,
+      backButtonVisible,
+      goBack
+    };
+  },
+  render() {
+    return this.backButtonVisible && vue.createVNode("div", {
+      "class": this.ns.b(),
+      "onClick": this.goBack
+    }, [vue.createVNode("ion-icon", {
+      "name": "chevron-back-outline"
+    }, null)]);
+  }
+});
+
+exports.IBizPresetViewBack = IBizPresetViewBack;

package/lib/common/preset-view-back/preset-view-back.css

@@ -0,0 +1 @@
+.ibiz-preset-view-back{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header-precut-back .ibiz-control-toolbar-left{padding-left:var(--ibiz-panel-component-view-header-back-width)}

package/lib/common/preset-view-header/preset-view-header.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./preset-view-header.css');
+
+"use strict";
+const IBizPresetViewHeader = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPresetViewHeader",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    }
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("preset-view-header");
+    const ns2 = vue3Util.useNamespace("view-header");
+    const ctx = vue3Util.useCtx();
+    const view = ctx.view;
+    const context = ctx.view.context;
+    const captionBar = view.model.controls.find((item) => item.controlType === "CAPTIONBAR");
+    return {
+      ns,
+      ns2,
+      view,
+      captionBar,
+      context
+    };
+  },
+  render() {
+    return this.view.model.showCaptionBar && vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns2.b()]
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("left")
+    }, [vue.createVNode(vue.resolveComponent("iBizPresetViewBack"), {
+      "view": this.view
+    }, null)]), vue.createVNode("div", {
+      "class": this.ns.b("center")
+    }, [this.captionBar && this.view.model.showCaptionBar && vue.createVNode(vue.resolveComponent("iBizCaptionBarControl"), {
+      "modelData": this.captionBar,
+      "context": this.context
+    }, null)]), vue.createVNode("div", {
+      "class": this.ns.b("right")
+    }, null)]);
+  }
+});
+
+exports.IBizPresetViewHeader = IBizPresetViewHeader;

package/lib/common/preset-view-header/preset-view-header.css

@@ -0,0 +1 @@
+.ibiz-preset-view-header{display:flex;justify-content:center;width:100%}.ibiz-preset-view-header .ibiz-preset-view-back{left:0}

package/lib/control/app-menu/app-menu.cjs

@@ -26,16 +26,13 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       default: () => ({})
     }
   },
-  setup(props) {
+  setup() {
     const c = vue3Util.useControlController((...args) => new runtime.AppMenuController(...args));
     const {
       controlClass,
       ns
     } = vue3Util.prepareControl(c);
     const activeName = vue.ref();
-    const columnNum = vue.computed(() => {
-      return 5;
-    });
     const route = vueRouter.useRoute();
     const calcCurMenu = () => {
       const allItems = c.getAllItems();
@@ -65,145 +62,49 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
         activeName.value = activeMenu ? activeMenu.id : "";
       }
     });
-    const renderDefault = () => {
-      var _a;
-      const {
-        model,
-        state
-      } = c;
-      let appMenu = null;
-      if (state.isCreated && ((_a = model.appMenuItems) == null ? void 0 : _a.length)) {
-        appMenu = model.appMenuItems.map((item) => {
-          if (item.itemType === "MENUITEM") {
-            const itemState = state.menuItemsState[item.id];
-            if (itemState.visible) {
-              return vue.createVNode(vue.resolveComponent("van-tabbar-item"), {
-                "name": item.id
-              }, {
-                icon: () => vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                  "slot": "icon",
-                  "class": ns.e("icon"),
-                  "icon": item.sysImage
-                }, null),
-                default: () => vue.createVNode("span", null, [item.caption])
-              });
-            }
-          }
-          return null;
-        });
-      }
-      return vue.createVNode("div", {
-        "class": [ns.b(), ns.m(props.modelData.id), ns.m(model.controlStyle || "default")]
-      }, [vue.createVNode(vue.resolveComponent("van-tabbar"), {
-        "modelValue": activeName.value,
-        "onChange": onTabChange
-      }, _isSlot(appMenu) ? appMenu : {
-        default: () => [appMenu]
-      })]);
-    };
-    const renderIconView = () => {
-      const {
-        model
-      } = c;
-      const {
-        controlStyle
-      } = model;
-      return vue.createVNode(vue.resolveComponent("van-grid"), {
-        "clickable": true,
-        "column-num": columnNum.value,
-        "border": false,
-        "class": [ns.b(), ns.b(controlStyle.toLowerCase()), ns.m(props.modelData.id)]
-      }, {
-        default: () => {
-          var _a;
-          return [(_a = model == null ? void 0 : model.appMenuItems) == null ? void 0 : _a.map((item) => {
-            return item.itemType === "MENUITEM" && vue.createVNode(vue.resolveComponent("van-grid-item"), {
-              "class": ns.b("item"),
-              "text": item.caption,
-              "onClick": (event) => c.onClickMenuItem(item.id, event, false)
-            }, {
-              icon: () => {
-                return vue.createVNode("div", {
-                  "class": ns.b("icon")
-                }, [item.sysImage ? vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                  "icon": item.sysImage
-                }, null) : vue.createVNode(vue.resolveComponent("van-icon"), {
-                  "name": "setting-o"
-                }, null)]);
-              }
-            });
-          })];
-        }
-      });
-    };
-    const renderListView = () => {
-      const {
-        model
-      } = c;
-      const {
-        controlStyle
-      } = model;
-      return vue.createVNode(vue.resolveComponent("van-list"), {
-        "class": [ns.b(), ns.b(controlStyle.toLowerCase()), ns.m(props.modelData.id)]
-      }, {
-        default: () => {
-          var _a;
-          return [(_a = model == null ? void 0 : model.appMenuItems) == null ? void 0 : _a.map((item) => {
-            let renderItem = null;
-            switch (item.itemType) {
-              case "MENUITEM":
-                renderItem = vue.createVNode(vue.resolveComponent("van-cell"), {
-                  "class": [ns.b("item")],
-                  "is-link": true,
-                  "center": true,
-                  "title": item.caption,
-                  "onClick": (event) => c.onClickMenuItem(item.id, event, false)
-                }, {
-                  icon: () => {
-                    return item.sysImage && vue.createVNode("div", {
-                      "class": ns.b("icon")
-                    }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                      "icon": item.sysImage
-                    }, null)]);
-                  }
-                });
-                break;
-              case "SEPERATOR":
-                renderItem = vue.createVNode(vue.resolveComponent("van-divider"), null, null);
-                break;
-              default:
-                break;
-            }
-            return renderItem;
-          })];
-        }
-      });
-    };
     return {
       controlClass,
+      activeName,
       c,
       onTabChange,
-      ns,
-      renderDefault,
-      renderIconView,
-      renderListView
+      ns
     };
   },
   render() {
+    var _a;
     const {
-      model
+      model,
+      state
     } = this.c;
-    const {
-      controlStyle
-    } = model;
-    switch (controlStyle) {
-      case "ICONVIEW":
-        return this.renderIconView();
-      case "LISTVIEW":
-        return this.renderListView();
-      default:
-        return this.renderDefault();
+    let appMenu = null;
+    if (state.isCreated && ((_a = model.appMenuItems) == null ? void 0 : _a.length)) {
+      appMenu = model.appMenuItems.map((item) => {
+        if (item.itemType === "MENUITEM" && item.hidden !== true) {
+          const itemState = state.menuItemsState[item.id];
+          if (itemState.visible) {
+            return vue.createVNode(vue.resolveComponent("van-tabbar-item"), {
+              "name": item.id
+            }, {
+              icon: () => vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "slot": "icon",
+                "class": this.ns.e("icon"),
+                "icon": item.sysImage
+              }, null),
+              default: () => vue.createVNode("span", null, [item.caption])
+            });
+          }
+        }
+        return null;
+      });
     }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), this.ns.m(model.controlStyle || "default")]
+    }, [vue.createVNode(vue.resolveComponent("van-tabbar"), {
+      "modelValue": this.activeName,
+      "onChange": this.onTabChange
+    }, _isSlot(appMenu) ? appMenu : {
+      default: () => [appMenu]
+    })]);
   }
 });
 

package/lib/control/app-menu/app-menu.css

@@ -1 +1 @@
-.ibiz-control-appmenu{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0 1rem;--ibiz-control-appmenu-list-view-item-padding:0.5rem 0;--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem;width:100%;height:100%}.ibiz-control-appmenu--default{height:var(--van-tabbar-height)}.ibiz-control-appmenu-listview{--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);padding:var(--ibiz-control-appmenu-list-view-padding)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);border-bottom:var(--ibiz-color-border) solid .0625rem}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}.ibiz-control-appmenu-nav{height:calc(100% - var(--van-tabbar-height))}
+.ibiz-control-appmenu{width:100%;height:100%}.ibiz-control-appmenu--default{height:var(--van-tabbar-height)}.ibiz-control-appmenu-nav{height:calc(100% - var(--van-tabbar-height))}

package/lib/control/app-menu-icon-view/app-menu-icon-view.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./app-menu-icon-view.css');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const AppMenuIconViewControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAppMenuIconViewControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup() {
+    const c = vue3Util.useControlController((...args) => new runtime.AppMenuController(...args));
+    const {
+      controlClass,
+      ns
+    } = vue3Util.prepareControl(c);
+    const columnNum = vue.computed(() => {
+      return 5;
+    });
+    return {
+      controlClass,
+      c,
+      columnNum,
+      ns
+    };
+  },
+  render() {
+    const {
+      model
+    } = this.c;
+    const {
+      controlStyle
+    } = model;
+    return vue.createVNode(vue.resolveComponent("van-grid"), {
+      "clickable": true,
+      "column-num": this.columnNum,
+      "border": false,
+      "class": [this.ns.b(), this.ns.b(controlStyle.toLowerCase()), this.ns.m(this.modelData.id)]
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = model == null ? void 0 : model.appMenuItems) == null ? void 0 : _a.map((item) => {
+          return item.itemType === "MENUITEM" && item.hidden !== true && vue.createVNode(vue.resolveComponent("van-grid-item"), {
+            "class": this.ns.b("item"),
+            "text": item.caption,
+            "onClick": (event) => this.c.onClickMenuItem(item.id, event, false)
+          }, {
+            icon: () => {
+              return vue.createVNode("div", {
+                "class": this.ns.b("icon")
+              }, [item.sysImage ? vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "icon": item.sysImage
+              }, null) : vue.createVNode(vue.resolveComponent("van-icon"), {
+                "name": "setting-o"
+              }, null)]);
+            }
+          });
+        })];
+      }
+    });
+  }
+});
+
+exports.AppMenuIconViewControl = AppMenuIconViewControl;

package/lib/control/app-menu-icon-view/app-menu-icon-view.css

@@ -0,0 +1 @@
+.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}

package/lib/control/app-menu-icon-view/app-menu-icon-view.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"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;
+};
+class AppMenuIconViewProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAppMenuIconViewControl");
+  }
+}
+
+exports.AppMenuIconViewProvider = AppMenuIconViewProvider;

package/lib/control/app-menu-icon-view/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var appMenuIconView_provider = require('./app-menu-icon-view.provider.cjs');
+var appMenuIconView = require('./app-menu-icon-view.cjs');
+
+"use strict";
+const IBizAppMenuIconViewControl = vue3Util.withInstall(
+  appMenuIconView.AppMenuIconViewControl,
+  function(v) {
+    v.component(appMenuIconView.AppMenuIconViewControl.name, appMenuIconView.AppMenuIconViewControl);
+    runtime.registerControlProvider(
+      `${runtime.ControlType.APP_MENU}_ICONVIEW`,
+      () => new appMenuIconView_provider.AppMenuIconViewProvider()
+    );
+  }
+);
+
+exports.IBizAppMenuIconViewControl = IBizAppMenuIconViewControl;
+exports.default = IBizAppMenuIconViewControl;