@ibiz-template/vue3-components 0.7.37-alpha.5 → 0.7.38-alpha.21

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ChartPortletController, ControlType } from '@ibiz-template/runtime';
 

package/es/control/dashboard/portlet/container-portlet/container-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ContainerPortletController } from '@ibiz-template/runtime';
 import './container-portlet.css';

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-design/filter-portlet-design.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, reactive, resolveComponent, createVNode, createTextVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, reactive, createVNode, resolveComponent, createTextVNode, withDirectives, resolveDirective } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from '@ibiz-template/core';
 import './filter-portlet-design.css';
@@ -91,6 +91,7 @@ const IBizFilterPortletDesign = /* @__PURE__ */ defineComponent({
       checkBoxList.value = filterPortletByID(model.value.id, props.context, props.items, props.dashboardStyle === "BIREPORTDASHBOARD" || props.dashboardStyle === "BIREPORTDASHBOARD2");
     };
     const init = async () => {
+      var _a;
       allFilters = getFilters();
       if (props.items) {
         formData.items = props.items.map((x) => x.id);
@@ -104,7 +105,7 @@ const IBizFilterPortletDesign = /* @__PURE__ */ defineComponent({
           const selectAll = props.filter.filterConfig.scope === "all";
           if (!selectAll) {
             formData.selectAll = false;
-            formData.items = props.filter.filterConfig.scopedata.split(",");
+            formData.items = ((_a = props.filter.filterConfig.scopedata) == null ? void 0 : _a.split(",")) || [];
           }
           condition.value = props.filter.searchConds;
         }

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-item/filter-portlet-item.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, watch, resolveComponent, h, createVNode } from 'vue';
 import { getEditorProvider } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './filter-portlet-item.css';

package/es/control/dashboard/portlet/filter-portlet/filter-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, h, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, h, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { FilterPortletController } from '@ibiz-template/runtime';
 import { FilterPortletItem } from './filter-portlet-item/filter-portlet-item.mjs';

package/es/control/dashboard/portlet/html-portlet/html-portlet.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { HtmlPortletController } from '@ibiz-template/runtime';
 import './html-portlet.css';

package/es/control/dashboard/portlet/list-portlet/list-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ListPortletController, ControlType } from '@ibiz-template/runtime';
 

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, createVNode, resolveComponent } from 'vue';
 import { AppMenuIconViewController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './app-menu-portlet.css';

package/es/control/dashboard/portlet/menu-portlet/menu-portlet.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { MenuPortletController, ControlType } from '@ibiz-template/runtime';
 

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.d.ts

@@ -21,6 +21,7 @@ export declare const PortletLayout: import("vue").DefineComponent<{
     isShowHeader: import("vue").ComputedRef<string | import("@ibiz/model-core").ISysImage | import("@ibiz/model-core").IUIActionGroup | undefined>;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
     openLink: (event: MouseEvent) => void;
+    clickPorlet: (event: MouseEvent, position: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof PortletPartController;

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './portlet-layout.css';
 import { PortletPartController } from '@ibiz-template/runtime';
@@ -40,6 +40,15 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
         props.controller.onActionClick(props.linkAction, event);
       }
     };
+    const clickPorlet = (event, position) => {
+      event.stopPropagation();
+      c.dashboard.view.evt.emit("onPorletClick", {
+        data: {
+          tag: c.model.codeName,
+          position
+        }
+      });
+    };
     return {
       c,
       ns,
@@ -47,7 +56,8 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
       portletType,
       isShowHeader,
       onActionClick,
-      openLink
+      openLink,
+      clickPorlet
     };
   },
   render() {
@@ -62,7 +72,8 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
       "key": "header",
       "class": this.ns.b("header")
     }, [createVNode("div", {
-      "class": this.ns.be("header", "left")
+      "class": this.ns.be("header", "left"),
+      "onClick": (event) => this.clickPorlet(event, "title")
     }, [model.showTitleBar && createVNode("div", {
       "class": [this.ns.e("caption"), this.ns.is("link", !!this.linkAction)],
       "onClick": this.openLink
@@ -83,7 +94,8 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
       "onActionClick": this.onActionClick
     }, null)])]), createVNode("div", {
       "key": "content",
-      "class": this.ns.b("content")
+      "class": this.ns.b("content"),
+      "onClick": (event) => this.clickPorlet(event, "content")
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
   }
 });

package/es/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RawItemPortletController } from '@ibiz-template/runtime';
 

package/es/control/dashboard/portlet/report-portlet/report-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, computed, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ReportPortletController, ControlType } from '@ibiz-template/runtime';
 

package/es/control/dashboard/portlet/view-portlet/view-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ViewPortletController } from '@ibiz-template/runtime';
 

package/es/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more-button{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color)}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}
+.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{right:10px;top:20px;cursor:pointer;position:absolute;color:var(--ibiz-color-primary)}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color);will-change:height}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}

package/es/control/data-view/data-view.d.ts

@@ -34,20 +34,43 @@ export declare const DataViewControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: undefined;
     };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): IData[];
+            (...items: IData[]): IData[];
+            new (arrayLength: number): IData[];
+            new (...items: IData[]): IData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {
-    c: DataViewControlController<IDEDataView, import("@ibiz-template/runtime").IDataViewControlState, import("@ibiz-template/runtime").IMDControlEvent>;
+    c: DataViewControlController<IDEDataView, import("@ibiz-template/runtime").IDataViewControlState, import("@ibiz-template/runtime").IDataViewControlEvent>;
     ns: import("@ibiz-template/core").Namespace;
     classNames: import("vue").ComputedRef<string[]>;
     infiniteScroll: import("vue").Ref<IData | undefined>;
     renderHasData: () => VNode;
+    onShowNavView: () => void;
     renderNoData: () => VNode | undefined;
     onPageChange: (page: number) => void;
     onPageRefresh: () => void;
     onPageSizeChange: (size: number) => void;
+    renderCollapseExpandIcon: () => JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEDataView>;
@@ -80,6 +103,27 @@ export declare const DataViewControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: undefined;
     };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): IData[];
+            (...items: IData[]): IData[];
+            new (arrayLength: number): IData[];
+            new (...items: IData[]): IData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -88,5 +132,6 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
+    isSimple: boolean;
     loadDefault: boolean;
 }, {}>;

package/es/control/data-view/data-view.mjs

@@ -1,6 +1,6 @@
-import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import { DataViewControlController } from '@ibiz-template/runtime';
+import { DataViewControlController, ControlVO } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
 import './data-view.css';
 import '../../util/index.mjs';
@@ -44,6 +44,14 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: void 0
     },
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    data: {
+      type: Array,
+      required: false
+    },
     loadDefault: {
       type: Boolean,
       default: true
@@ -55,6 +63,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
     const classNames = computed(() => {
       return [ns.is("enable-page", c.model.enablePagingBar === true)];
     });
+    const isCollapse = ref(false);
     const isLodeMoreDisabled = computed(() => {
       if (c.model.enablePagingBar === true) {
         return true;
@@ -64,6 +73,9 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }
       return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
     });
+    const showCollapseOrExpandIcon = computed(() => {
+      return !c.model.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
+    });
     const infiniteScroll = ref();
     const infiniteScrollKey = ref(createUUID());
     watch(() => c.state.curPage, () => {
@@ -77,6 +89,27 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         }
       }
     });
+    const initSimpleData = () => {
+      if (!props.data) {
+        return;
+      }
+      c.state.items = props.data.map((item) => new ControlVO(item));
+      c.afterLoad({}, c.state.items);
+    };
+    c.evt.on("onCreated", async () => {
+      if (props.isSimple) {
+        initSimpleData();
+        c.state.isSimple = true;
+        c.state.isLoaded = true;
+      }
+    });
+    watch(() => props.data, () => {
+      if (props.isSimple) {
+        initSimpleData();
+      }
+    }, {
+      deep: true
+    });
     const {
       onPageChange,
       onPageRefresh,
@@ -166,7 +199,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         groupSysCss
       } = c.model;
       return createVNode("div", {
-        "class": [ns.be("group-content", "item"), groupSysCss == null ? void 0 : groupSysCss.cssName]
+        "class": [ns.be("group-content", "item"), groupSysCss == null ? void 0 : groupSysCss.cssName, ns.is("collapse", c.state.collapseKeys.includes(group.key.toString()))]
       }, [createVNode("div", {
         "class": ns.be("group-content", "item-header")
       }, [createVNode("span", {
@@ -221,11 +254,15 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
           }, [renderGroup(group)]);
         })]);
       }
+      let tempItems = c.state.items;
+      if (isCollapse.value) {
+        tempItems = c.state.items.slice(0, c.state.size);
+      }
       if (cardColXS || cardColSM || cardColMD || cardColLG) {
         let _slot3;
         return createVNode(resolveComponent("el-row"), {
           "class": [ns.b("item-row")]
-        }, _isSlot(_slot3 = c.state.items.map((item) => {
+        }, _isSlot(_slot3 = tempItems.map((item) => {
           let _slot2;
           return createVNode(resolveComponent("el-col"), {
             "xs": cardColXS,
@@ -240,28 +277,70 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
           default: () => [_slot3]
         });
       }
-      return c.state.items.map((item) => {
+      return tempItems.map((item) => {
         return createVNode("div", {
           "class": [ns.b("scroll-item")]
         }, [renderCard(item)]);
       });
     };
+    const scrollToTop = () => {
+      var _a;
+      (_a = infiniteScroll.value) == null ? void 0 : _a.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    };
+    c.evt.on("onScrollToTop", () => {
+      scrollToTop();
+    });
+    const onCollapseData = () => {
+      isCollapse.value = true;
+      scrollToTop();
+    };
+    const onExpandData = () => {
+      isCollapse.value = false;
+    };
+    const onShowNavView = () => {
+      c.state.showNavView = !c.state.showNavView;
+    };
+    const upIcon = () => {
+      return createVNode("div", {
+        "class": ns.e("collapse-expand-icon")
+      }, [createVNode("i", {
+        "class": "fa fa-angle-double-up",
+        "title": ibiz.i18n.t("control.common.collapseData"),
+        "onClick": onCollapseData,
+        "aria-hidden": "true"
+      }, null)]);
+    };
+    const downIcon = () => {
+      return createVNode("div", {
+        "class": ns.e("collapse-expand-icon")
+      }, [createVNode("i", {
+        "class": "fa fa-angle-double-down",
+        "title": ibiz.i18n.t("control.common.expandData"),
+        "onClick": onExpandData,
+        "aria-hidden": "true"
+      }, null)]);
+    };
+    const loadMoreIcon = () => {
+      return createVNode("div", {
+        "class": ns.e("load-more")
+      }, [createVNode("i", {
+        "class": "fa fa-angle-double-down",
+        "title": ibiz.i18n.t("control.common.loadMore"),
+        "onClick": () => c.loadMore(),
+        "aria-hidden": "true"
+      }, null)]);
+    };
     const renderHasData = () => {
-      let _slot4;
       return withDirectives(createVNode("div", {
         "class": [ns.b("scroll"), ns.e("content")],
         "infinite-scroll-distance": 10,
         "infinite-scroll-disabled": isLodeMoreDisabled.value,
         "ref": "infiniteScroll",
         "key": infiniteScrollKey.value
-      }, [renderDataViewContent(), c.model.pagingMode === 3 && !(c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size) && createVNode("div", {
-        "class": ns.e("load-more-button")
-      }, [createVNode(resolveComponent("el-button"), {
-        "text": true,
-        "onClick": () => c.loadMore()
-      }, _isSlot(_slot4 = ibiz.i18n.t("control.common.loadMore")) ? _slot4 : {
-        default: () => [_slot4]
-      })])]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+      }, [renderDataViewContent()]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
     const renderNoData = () => {
       const {
@@ -277,16 +356,41 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "enableShowImage": c.state.hideNoDataImage
       }, null);
     };
+    const renderCollapseExpandIcon = () => {
+      let icon = null;
+      const loadMore = !(c.state.items.length >= c.state.total || c.state.total <= c.state.size);
+      if (showCollapseOrExpandIcon.value) {
+        if (c.model.pagingMode === 2) {
+          if (isCollapse.value) {
+            icon = downIcon();
+          } else if (c.state.items.length > c.state.size) {
+            icon = upIcon();
+          }
+        }
+        if (c.model.pagingMode === 3) {
+          if (isCollapse.value) {
+            icon = downIcon();
+          } else if (loadMore) {
+            icon = loadMoreIcon();
+          } else if (c.state.isCreated && c.state.items.length > c.state.size) {
+            icon = upIcon();
+          }
+        }
+      }
+      return icon;
+    };
     return {
       c,
       ns,
       classNames,
       infiniteScroll,
       renderHasData,
+      onShowNavView,
       renderNoData,
       onPageChange,
       onPageRefresh,
-      onPageSizeChange
+      onPageSizeChange,
+      renderCollapseExpandIcon
     };
   },
   render() {
@@ -315,11 +419,25 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "onPageRefresh": this.onPageRefresh
       }, null) : null];
     }
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
+    return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
-    }, _isSlot(content) ? content : {
-      default: () => [content]
+    }, {
+      default: () => [createVNode(resolveComponent("iBizControlBase"), {
+        "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
+        "controller": this.c
+      }, {
+        default: () => [content, this.c.state.enableNavView ? !this.c.state.showNavView ? createVNode("ion-icon", {
+          "class": this.ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.showNav"),
+          "name": "eye-outline",
+          "onClick": this.onShowNavView
+        }, null) : createVNode("ion-icon", {
+          "class": this.ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
+          "name": "eye-off-outline",
+          "onClick": this.onShowNavView
+        }, null) : null, this.renderCollapseExpandIcon()]
+      })]
     });
   }
 });

package/es/control/data-view/index.d.ts

@@ -23,24 +23,47 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
         type: BooleanConstructor;
         default: undefined;
     };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): IData[];
+            (...items: IData[]): IData[];
+            new (arrayLength: number): IData[];
+            new (...items: IData[]): IData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {
-    c: import("@ibiz-template/runtime").DataViewControlController<import("@ibiz/model-core").IDEDataView, import("@ibiz-template/runtime").IDataViewControlState, import("@ibiz-template/runtime").IMDControlEvent>;
+    c: import("@ibiz-template/runtime").DataViewControlController<import("@ibiz/model-core").IDEDataView, import("@ibiz-template/runtime").IDataViewControlState, import("@ibiz-template/runtime").IDataViewControlEvent>;
     ns: import("@ibiz-template/core").Namespace;
     classNames: import("vue").ComputedRef<string[]>;
     infiniteScroll: import("vue").Ref<IData | undefined>;
     renderHasData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
+    onShowNavView: () => void;
     renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | undefined;
     onPageChange: (page: number) => void;
     onPageRefresh: () => void;
     onPageSizeChange: (size: number) => void;
+    renderCollapseExpandIcon: () => JSX.Element | null;
 }, 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").IDEDataView>;
@@ -65,6 +88,27 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
         type: BooleanConstructor;
         default: undefined;
     };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: {
+            (arrayLength: number): IData[];
+            (...items: IData[]): IData[];
+            new (arrayLength: number): IData[];
+            new (...items: IData[]): IData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -73,6 +117,7 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
+    isSimple: boolean;
     loadDefault: boolean;
 }, {}>>;
 export default IBizDataViewControl;

package/es/control/data-view/index.mjs

@@ -1,4 +1,4 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { DataViewControl } from './data-view.mjs';
 import { DataViewControlProvider } from './data-view.provider.mjs';

package/es/control/drbar/drbar.controller.mjs

@@ -388,7 +388,7 @@ class DRBarController extends ControlController {
    * @param {string} key
    * @memberof DRBarController
    */
-  handleSelectChange(key = this.state.defaultItem, isRoutePushed = false) {
+  handleSelectChange(key = this.state.selectedItem || this.state.defaultItem, isRoutePushed = false) {
     var _a;
     if (this.state.selectedItem === key) {
       return;

package/es/control/drbar/drbar.css

@@ -1 +1 @@
-.ibiz-control-drbar{height:100%;--el-menu-base-level-padding:var(--ibiz-spacing-base);--ibiz-control-drbar-item-height:40px}.ibiz-control-drbar .el-menu--horizontal.el-menu{border-bottom:none}.ibiz-control-drbar .el-menu-item{justify-content:space-between;line-height:unset;height:var(--ibiz-control-drbar-item-height);padding:0 var(--ibiz-spacing-base);margin:0 var(--ibiz-spacing-base)}.ibiz-control-drbar__menu{height:100%}
+.ibiz-control-drbar{height:100%;--el-menu-base-level-padding:var(--ibiz-spacing-base);--ibiz-control-drbar-item-height:40px}.ibiz-control-drbar .el-menu--horizontal.el-menu{border-bottom:none}.ibiz-control-drbar .el-menu-item{justify-content:space-between;height:var(--ibiz-control-drbar-item-height);padding:0 var(--ibiz-spacing-base);margin:0 var(--ibiz-spacing-base);line-height:unset}.ibiz-control-drbar .el-menu--horizontal .el-sub-menu{height:var(--ibiz-control-drbar-item-height)}.ibiz-control-drbar .el-menu--horizontal .el-sub-menu .el-sub-menu__title{line-height:var(--ibiz-control-drbar-item-height)}.ibiz-control-drbar__menu{height:100%;overflow:hidden auto}