@ibiz-template/mob-vue3-components 0.0.5 → 0.0.7

package/es/_virtual/customParseFormat.mjs

@@ -0,0 +1,3 @@
+var customParseFormat = {exports: {}};
+
+export { customParseFormat as __module };

package/es/common/index.mjs

@@ -1,4 +1,4 @@
-import { IBizViewShell, IBizIcon, IBizControlBase, IBizRouterView, IBizControlShell } from '@ibiz-template/vue3-util';
+import { IBizViewShell, IBizIcon, IBizControlBase, IBizRouterView, IBizControlShell, IBizCodeList } from '@ibiz-template/vue3-util';
 import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
 import { IBizCarousel } from './carousel/carousel.mjs';
 import { IBizCol } from './col/col.mjs';
@@ -7,6 +7,8 @@ export { MoveType, ShapeFlags, devtoolsComponentAdded, invokeArrayFns, invokeVNo
 import { IBizNoData } from './no-data/no-data.mjs';
 import { IBizRawItem } from './rawitem/rawitem.mjs';
 import { IBizRow } from './row/row.mjs';
+import { IBizPresetViewBack } from './preset-view-back/preset-view-back.mjs';
+import { IBizPresetViewHeader } from './preset-view-header/preset-view-header.mjs';
 
 "use strict";
 const IBizCommonComponents = {
@@ -23,6 +25,9 @@ const IBizCommonComponents = {
     v.component(IBizControlShell.name, IBizControlShell);
     v.component(IBizRawItem.name, IBizRawItem);
     v.component(IBizCarousel.name, IBizCarousel);
+    v.component(IBizPresetViewBack.name, IBizPresetViewBack);
+    v.component(IBizPresetViewHeader.name, IBizPresetViewHeader);
+    v.component(IBizCodeList.name, IBizCodeList);
   }
 };
 

package/es/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/es/common/preset-view-back/preset-view-back.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+import './preset-view-back.scss';
+export declare const IBizPresetViewBack: import("vue").DefineComponent<{
+    view: {
+        type: PropType<IData>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    backButtonVisible: import("vue").Ref<boolean>;
+    goBack: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    view: {
+        type: PropType<IData>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/common/preset-view-back/preset-view-back.mjs

@@ -0,0 +1,49 @@
+import { ref, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './preset-view-back.css';
+import { useRoute } from 'vue-router';
+import '../../util/index.mjs';
+import { useViewStack } from '../../util/store/view-stack/view-stack.mjs';
+
+"use strict";
+const IBizPresetViewBack = /* @__PURE__ */ defineComponent({
+  name: "IBizPresetViewBack",
+  props: {
+    view: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("preset-view-back");
+    const route = useRoute();
+    const {
+      viewStack
+    } = useViewStack();
+    const backButtonVisible = ref(false);
+    const initButtonVisible = () => {
+      if (props.view.modal.viewUsage === 1 && viewStack.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 && createVNode("div", {
+      "class": this.ns.b(),
+      "onClick": this.goBack
+    }, [createVNode("ion-icon", {
+      "name": "chevron-back-outline"
+    }, null)]);
+  }
+});
+
+export { IBizPresetViewBack };

package/es/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/es/common/preset-view-header/preset-view-header.d.ts

@@ -0,0 +1,20 @@
+import { ICaptionBar, IPanelContainer } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './preset-view-header.scss';
+export declare const IBizPresetViewHeader: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    ns2: import("@ibiz-template/core").Namespace;
+    view: import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+    captionBar: ICaptionBar | undefined;
+    context: IContext;
+}, 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>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/common/preset-view-header/preset-view-header.mjs

@@ -0,0 +1,47 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
+import './preset-view-header.css';
+
+"use strict";
+const IBizPresetViewHeader = /* @__PURE__ */ defineComponent({
+  name: "IBizPresetViewHeader",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    }
+  },
+  setup() {
+    const ns = useNamespace("preset-view-header");
+    const ns2 = useNamespace("view-header");
+    const ctx = 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 && createVNode("div", {
+      "class": [this.ns.b(), this.ns2.b()]
+    }, [createVNode("div", {
+      "class": this.ns.b("left")
+    }, [createVNode(resolveComponent("iBizPresetViewBack"), {
+      "view": this.view
+    }, null)]), createVNode("div", {
+      "class": this.ns.b("center")
+    }, [this.captionBar && this.view.model.showCaptionBar && createVNode(resolveComponent("iBizCaptionBarControl"), {
+      "modelData": this.captionBar,
+      "context": this.context
+    }, null)]), createVNode("div", {
+      "class": this.ns.b("right")
+    }, null)]);
+  }
+});
+
+export { IBizPresetViewHeader };

package/es/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/es/control/app-menu/app-menu.d.ts

@@ -17,12 +17,10 @@ export declare const AppMenuControl: import("vue").DefineComponent<{
     };
 }, {
     controlClass: string[];
+    activeName: import("vue").Ref<any>;
     c: AppMenuController;
     onTabChange: (active: string, event?: MouseEvent) => Promise<void>;
     ns: import("@ibiz-template/core").Namespace;
-    renderDefault: () => JSX.Element;
-    renderIconView: () => JSX.Element;
-    renderListView: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IAppMenu>;

package/es/control/app-menu/app-menu.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, prepareControl } from '@ibiz-template/vue3-util';
 import './app-menu.css';
 import { useRoute } from 'vue-router';
@@ -24,16 +24,13 @@ const AppMenuControl = /* @__PURE__ */ defineComponent({
       default: () => ({})
     }
   },
-  setup(props) {
+  setup() {
     const c = useControlController((...args) => new AppMenuController(...args));
     const {
       controlClass,
       ns
     } = prepareControl(c);
     const activeName = ref();
-    const columnNum = computed(() => {
-      return 5;
-    });
     const route = useRoute();
     const calcCurMenu = () => {
       const allItems = c.getAllItems();
@@ -63,145 +60,49 @@ const AppMenuControl = /* @__PURE__ */ 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 createVNode(resolveComponent("van-tabbar-item"), {
-                "name": item.id
-              }, {
-                icon: () => createVNode(resolveComponent("iBizIcon"), {
-                  "slot": "icon",
-                  "class": ns.e("icon"),
-                  "icon": item.sysImage
-                }, null),
-                default: () => createVNode("span", null, [item.caption])
-              });
-            }
-          }
-          return null;
-        });
-      }
-      return createVNode("div", {
-        "class": [ns.b(), ns.m(props.modelData.id), ns.m(model.controlStyle || "default")]
-      }, [createVNode(resolveComponent("van-tabbar"), {
-        "modelValue": activeName.value,
-        "onChange": onTabChange
-      }, _isSlot(appMenu) ? appMenu : {
-        default: () => [appMenu]
-      })]);
-    };
-    const renderIconView = () => {
-      const {
-        model
-      } = c;
-      const {
-        controlStyle
-      } = model;
-      return createVNode(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" && createVNode(resolveComponent("van-grid-item"), {
-              "class": ns.b("item"),
-              "text": item.caption,
-              "onClick": (event) => c.onClickMenuItem(item.id, event, false)
-            }, {
-              icon: () => {
-                return createVNode("div", {
-                  "class": ns.b("icon")
-                }, [item.sysImage ? createVNode(resolveComponent("iBizIcon"), {
-                  "icon": item.sysImage
-                }, null) : createVNode(resolveComponent("van-icon"), {
-                  "name": "setting-o"
-                }, null)]);
-              }
-            });
-          })];
-        }
-      });
-    };
-    const renderListView = () => {
-      const {
-        model
-      } = c;
-      const {
-        controlStyle
-      } = model;
-      return createVNode(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 = createVNode(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 && createVNode("div", {
-                      "class": ns.b("icon")
-                    }, [createVNode(resolveComponent("iBizIcon"), {
-                      "icon": item.sysImage
-                    }, null)]);
-                  }
-                });
-                break;
-              case "SEPERATOR":
-                renderItem = createVNode(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 createVNode(resolveComponent("van-tabbar-item"), {
+              "name": item.id
+            }, {
+              icon: () => createVNode(resolveComponent("iBizIcon"), {
+                "slot": "icon",
+                "class": this.ns.e("icon"),
+                "icon": item.sysImage
+              }, null),
+              default: () => createVNode("span", null, [item.caption])
+            });
+          }
+        }
+        return null;
+      });
     }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), this.ns.m(model.controlStyle || "default")]
+    }, [createVNode(resolveComponent("van-tabbar"), {
+      "modelValue": this.activeName,
+      "onChange": this.onTabChange
+    }, _isSlot(appMenu) ? appMenu : {
+      default: () => [appMenu]
+    })]);
   }
 });
 

package/es/control/app-menu/index.d.ts

@@ -14,12 +14,10 @@ export declare const IBizAppMenuControl: import("@ibiz-template/vue3-util").Type
     };
 }, {
     controlClass: string[];
+    activeName: import("vue").Ref<any>;
     c: import("@ibiz-template/runtime").AppMenuController;
     onTabChange: (active: string, event?: MouseEvent | undefined) => Promise<void>;
     ns: import("@ibiz-template/core").Namespace;
-    renderDefault: () => JSX.Element;
-    renderIconView: () => JSX.Element;
-    renderListView: () => JSX.Element;
 }, 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").IAppMenu>;

package/es/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/es/control/app-menu-icon-view/app-menu-icon-view.d.ts

@@ -0,0 +1,38 @@
+import { IAppMenu } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './app-menu-icon-view.scss';
+import { AppMenuController } from '@ibiz-template/runtime';
+export declare const AppMenuIconViewControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    controlClass: string[];
+    c: AppMenuController;
+    columnNum: import("vue").ComputedRef<number>;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>;

package/es/control/app-menu-icon-view/app-menu-icon-view.mjs

@@ -0,0 +1,76 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, prepareControl } from '@ibiz-template/vue3-util';
+import './app-menu-icon-view.css';
+import { AppMenuController } from '@ibiz-template/runtime';
+
+"use strict";
+const AppMenuIconViewControl = /* @__PURE__ */ defineComponent({
+  name: "IBizAppMenuIconViewControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new AppMenuController(...args));
+    const {
+      controlClass,
+      ns
+    } = prepareControl(c);
+    const columnNum = computed(() => {
+      return 5;
+    });
+    return {
+      controlClass,
+      c,
+      columnNum,
+      ns
+    };
+  },
+  render() {
+    const {
+      model
+    } = this.c;
+    const {
+      controlStyle
+    } = model;
+    return createVNode(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 && createVNode(resolveComponent("van-grid-item"), {
+            "class": this.ns.b("item"),
+            "text": item.caption,
+            "onClick": (event) => this.c.onClickMenuItem(item.id, event, false)
+          }, {
+            icon: () => {
+              return createVNode("div", {
+                "class": this.ns.b("icon")
+              }, [item.sysImage ? createVNode(resolveComponent("iBizIcon"), {
+                "icon": item.sysImage
+              }, null) : createVNode(resolveComponent("van-icon"), {
+                "name": "setting-o"
+              }, null)]);
+            }
+          });
+        })];
+      }
+    });
+  }
+});
+
+export { AppMenuIconViewControl };

package/es/control/app-menu-icon-view/app-menu-icon-view.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 应用菜单适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class AppMenuProvider
+ * @implements {IControlProvider}
+ */
+export declare class AppMenuIconViewProvider implements IControlProvider {
+    component: string;
+}

package/es/control/app-menu-icon-view/app-menu-icon-view.provider.mjs

@@ -0,0 +1,14 @@
+"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");
+  }
+}
+
+export { AppMenuIconViewProvider };

package/es/control/app-menu-icon-view/index.d.ts

@@ -0,0 +1,35 @@
+export declare const IBizAppMenuIconViewControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    controlClass: string[];
+    c: import("@ibiz-template/runtime").AppMenuController;
+    columnNum: import("vue").ComputedRef<number>;
+    ns: import("@ibiz-template/core").Namespace;
+}, 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").IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizAppMenuIconViewControl;

package/es/control/app-menu-icon-view/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { AppMenuIconViewProvider } from './app-menu-icon-view.provider.mjs';
+import { AppMenuIconViewControl } from './app-menu-icon-view.mjs';
+
+"use strict";
+const IBizAppMenuIconViewControl = withInstall(
+  AppMenuIconViewControl,
+  function(v) {
+    v.component(AppMenuIconViewControl.name, AppMenuIconViewControl);
+    registerControlProvider(
+      `${ControlType.APP_MENU}_ICONVIEW`,
+      () => new AppMenuIconViewProvider()
+    );
+  }
+);
+
+export { IBizAppMenuIconViewControl, IBizAppMenuIconViewControl as default };

package/es/control/app-menu-list-view/app-menu-list-view.css

@@ -0,0 +1 @@
+.ibiz-control-appmenu-listview{--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;--ibiz-control-appmenu-list-view-item-padding:0.5rem 1rem;--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);border-radius:var(--ibiz-border-radius-small)}.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)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .van-cell::after{left: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)}

package/es/control/app-menu-list-view/app-menu-list-view.d.ts

@@ -0,0 +1,37 @@
+import { IAppMenu } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './app-menu-list-view.scss';
+import { AppMenuController } from '@ibiz-template/runtime';
+export declare const AppMenuListViewControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    controlClass: string[];
+    c: AppMenuController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>;