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

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.d.ts

@@ -18,6 +18,22 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
         model: {
             customizeMode?: number | undefined;
             dashboardStyle?: string | undefined;
+            navBarSysCss?: {
+                codeName?: string | undefined;
+                cssName?: string | undefined;
+                cssStyle?: string | undefined;
+                designCssStyle?: string | undefined;
+                appId: string;
+                id?: string | undefined;
+                name?: string | undefined;
+                userParam?: Record<string, string> | undefined;
+                modelId?: string | undefined;
+                modelType?: string | undefined;
+            } | undefined;
+            navBarPos?: string | undefined;
+            navBarStyle?: string | undefined;
+            navBarWidth?: number | undefined;
+            navbarHeight?: number | undefined;
             appDynaDashboardUtilId?: string | undefined;
             enableCustomized?: boolean | undefined;
             showDashboardNavBar?: boolean | undefined;
@@ -2042,6 +2058,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             };
             dynaPortletMap: Map<string, IData>;
             customDashboard: any | undefined;
+            enableAnchorCtrls: IData[];
             setCustomDashboard: (customDashboard: CustomDashboardController) => void;
             getCustomDashboard: () => CustomDashboardController | undefined;
             initPortlets: (portletModels: IDBPortletPart[], parent?: import("@ibiz-template/runtime").IPortletContainerController | undefined) => Promise<void>;
@@ -19067,6 +19084,22 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             readonly model: {
                 customizeMode?: number | undefined;
                 dashboardStyle?: string | undefined;
+                navBarSysCss?: {
+                    codeName?: string | undefined;
+                    cssName?: string | undefined;
+                    cssStyle?: string | undefined;
+                    designCssStyle?: string | undefined;
+                    appId: string;
+                    id?: string | undefined;
+                    name?: string | undefined;
+                    userParam?: Record<string, string> | undefined;
+                    modelId?: string | undefined;
+                    modelType?: string | undefined;
+                } | undefined;
+                navBarPos?: string | undefined;
+                navBarStyle?: string | undefined;
+                navBarWidth?: number | undefined;
+                navbarHeight?: number | undefined;
                 appDynaDashboardUtilId?: string | undefined;
                 enableCustomized?: boolean | undefined;
                 showDashboardNavBar?: boolean | undefined;

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

@@ -1,4 +1,4 @@
-import { reactive, ref, nextTick, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, reactive, ref, nextTick, onMounted, createVNode, resolveComponent } from 'vue';
 import { CustomDashboardController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './custom-dashboard-container.css';

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, onUnmounted, resolveComponent, createVNode, h, createTextVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, watch, onUnmounted, createVNode, resolveComponent, h, createTextVNode } from 'vue';
 import { getPortletProvider } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from 'ramda';

package/es/control/dashboard/dashboard.d.ts

@@ -22,6 +22,15 @@ export declare const DashboardControl: import("vue").DefineComponent<{
     c: DashboardController;
     ns: import("@ibiz-template/core").Namespace;
     customModelDatas: Ref<IModel>;
+    anchorList: Ref<IData[]>;
+    dashboardRef: Ref<any>;
+    calcNavBarConfig: () => {
+        navBarPos: string | undefined;
+        navBarSysCss: import("@ibiz/model-core").ISysCss | undefined;
+        navBarWidth: number | undefined;
+        navBarStyle: string | undefined;
+        navbarHeight: number | undefined;
+    };
     handleCustomModelChange: (args: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/dashboard/dashboard.mjs

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, resolveComponent, h, getCurrentInstance, ref, isReactive, reactive, defineComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, h, defineComponent, getCurrentInstance, ref, isReactive, reactive } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './dashboard.css';
 import { DashboardController } from '@ibiz-template/runtime';
@@ -25,7 +25,8 @@ function renderPortletByType(model, c, opts) {
     const container = model;
     return h(providerComp, {
       ...commonProps,
-      key: model.id
+      key: model.id,
+      id: model.id
     }, {
       default: () => {
         var _a2;
@@ -35,7 +36,8 @@ function renderPortletByType(model, c, opts) {
   }
   return h(providerComp, {
     ...commonProps,
-    key: ((_a = refreshTagObj[model.id]) == null ? void 0 : _a.refreshtag) ? refreshTagObj[model.id].refreshtag : model.id
+    key: ((_a = refreshTagObj[model.id]) == null ? void 0 : _a.refreshtag) ? refreshTagObj[model.id].refreshtag : model.id,
+    id: model.id
   });
 }
 const DashboardControl = /* @__PURE__ */ defineComponent({
@@ -61,6 +63,8 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new DashboardController(...args));
     const vue = getCurrentInstance().proxy;
     const customModelDatas = ref([]);
+    const anchorList = ref([]);
+    const dashboardRef = ref();
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onInitPortlets", () => {
       Object.values(c.portlets).forEach((portlet) => {
@@ -68,6 +72,7 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
           portlet.state = reactive(portlet.state);
         }
       });
+      anchorList.value = c.enableAnchorCtrls;
     });
     c.evt.on("onItemModelReset", async (args) => {
       const {
@@ -102,21 +107,40 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
       customModelDatas.value = model;
       vue.$forceUpdate();
     };
+    const calcNavBarConfig = () => {
+      const {
+        navBarPos,
+        navBarSysCss,
+        navBarWidth,
+        navBarStyle,
+        navbarHeight
+      } = c.model;
+      return {
+        navBarPos,
+        navBarSysCss,
+        navBarWidth,
+        navBarStyle,
+        navbarHeight
+      };
+    };
     return {
       c,
       ns,
       customModelDatas,
+      anchorList,
+      dashboardRef,
+      calcNavBarConfig,
       handleCustomModelChange
     };
   },
   render() {
-    let _slot2;
     const {
       state,
       model
     } = this.c;
     const renderDefaultContent = () => {
       return createVNode(resolveComponent("iBizRow"), {
+        "ref": "dashboardRef",
         "class": [this.ns.b()],
         "layout": model.layout
       }, {
@@ -146,17 +170,38 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
       });
       return slots;
     };
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "controller": this.c,
-      "class": [this.ns.b()]
-    }, {
-      default: () => [state.isCreated && (model.enableCustomized ? createVNode(resolveComponent("iBizCustomDashboardContainer"), {
+    let content = null;
+    if (model.enableCustomized) {
+      let _slot2;
+      content = createVNode(resolveComponent("iBizCustomDashboardContainer"), {
         "modelData": this.modelData,
         "dashboard": this.c,
         "onChanged": this.handleCustomModelChange
       }, _isSlot(_slot2 = renderCustomSlots()) ? _slot2 : {
         default: () => [_slot2]
-      }) : renderDefaultContent())]
+      });
+    } else if (model.showDashboardNavBar) {
+      let _slot3;
+      content = createVNode(resolveComponent("iBizAnchorContainer"), {
+        "anchorList": this.anchorList.map((item) => {
+          return {
+            id: item.id,
+            title: item.title
+          };
+        }),
+        "anchorTargetEle": this.dashboardRef,
+        "navBarConfig": this.calcNavBarConfig()
+      }, _isSlot(_slot3 = renderDefaultContent()) ? _slot3 : {
+        default: () => [_slot3]
+      });
+    } else {
+      content = renderDefaultContent();
+    }
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.b()]
+    }, {
+      default: () => [state.isCreated && content]
     });
   }
 });

package/es/control/dashboard/index.d.ts

@@ -19,6 +19,15 @@ export declare const IBizDashboardControl: import("@ibiz-template/vue3-util").Ty
     c: import("@ibiz-template/runtime").DashboardController;
     ns: import("@ibiz-template/core").Namespace;
     customModelDatas: import("vue").Ref<IModel>;
+    anchorList: import("vue").Ref<IData[]>;
+    dashboardRef: import("vue").Ref<any>;
+    calcNavBarConfig: () => {
+        navBarPos: string | undefined;
+        navBarSysCss: import("@ibiz/model-core").ISysCss | undefined;
+        navBarWidth: number | undefined;
+        navBarStyle: string | undefined;
+        navbarHeight: number | undefined;
+    };
     handleCustomModelChange: (args: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/dashboard/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 { DashboardControl } from './dashboard.mjs';
 import { DashboardDesign } from './dashboard-design/dashboard-design.mjs';

package/es/control/dashboard/portlet/actionbar-portlet/actionbar-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 { ActionBarPortletController } from '@ibiz-template/runtime';
 

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';

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__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,12 +34,33 @@ 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>;
@@ -48,6 +69,7 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     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 +102,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 +131,6 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
+    isSimple: boolean;
     loadDefault: boolean;
 }, {}>;