@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.40-alpha.9

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

@@ -37,10 +37,10 @@ export declare const DashboardDesign: import("vue").DefineComponent<{
     customC: CustomDashboardController;
     portlets: Ref<IPortletList[]>;
     list: Ref<IList[]>;
-    groups: Ref<IData[]>;
+    groups: Ref<import("@ibiz-template/core").IApiData[]>;
     filterVal: Ref<string>;
     defaultOpens: import("vue").ComputedRef<string[]>;
-    layoutModel: Ref<IData[]>;
+    layoutModel: Ref<import("@ibiz-template/core").IApiData[]>;
     isLoading: Ref<boolean>;
     onReset: () => Promise<void>;
     onSave: () => Promise<void>;

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

@@ -8,11 +8,11 @@ export declare const DashboardControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -22,7 +22,7 @@ export declare const DashboardControl: import("vue").DefineComponent<{
     c: DashboardController;
     ns: import("@ibiz-template/core").Namespace;
     customModelDatas: Ref<IModel>;
-    anchorList: Ref<IData[]>;
+    anchorList: Ref<import("@ibiz-template/core").IApiData[]>;
     dashboardRef: Ref<any>;
     calcNavBarConfig: () => {
         navBarPos: string | undefined;
@@ -38,16 +38,16 @@ export declare const DashboardControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
         type: PropType<IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>;

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

@@ -5,11 +5,11 @@ export declare const IBizDashboardControl: import("@ibiz-template/vue3-util").Ty
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -19,7 +19,7 @@ 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[]>;
+    anchorList: import("vue").Ref<import("@ibiz-template/core").IApiData[]>;
     dashboardRef: import("vue").Ref<any>;
     calcNavBarConfig: () => {
         navBarPos: string | undefined;
@@ -28,24 +28,24 @@ export declare const IBizDashboardControl: import("@ibiz-template/vue3-util").Ty
         navBarStyle: string | undefined;
         navbarHeight: number | undefined;
     };
-    handleCustomModelChange: (args: IData) => void;
+    handleCustomModelChange: (args: import("@ibiz-template/core").IApiData) => void;
 }, 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").IDashboard>;
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
         type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>>;
 export default IBizDashboardControl;

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-design/filter-portlet-design.d.ts

@@ -4,15 +4,15 @@ import './filter-portlet-design.scss';
 import { IModalData } from '@ibiz-template/runtime';
 export declare const IBizFilterPortletDesign: import("vue").DefineComponent<{
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     viewParams: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         required: true;
     };
     filter: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
     };
     items: {
         type: PropType<IDBPortletPart[]>;
@@ -35,15 +35,15 @@ export declare const IBizFilterPortletDesign: import("vue").DefineComponent<{
     renderFooter: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("lisTSelect" | "formChange")[], "lisTSelect" | "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     viewParams: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         required: true;
     };
     filter: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
     };
     items: {
         type: PropType<IDBPortletPart[]>;

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-item/filter-portlet-item.d.ts

@@ -3,15 +3,15 @@ import { IFilterNodeField } from '@ibiz-template/runtime';
 import './filter-portlet-item.scss';
 export declare const FilterPortletItem: import("vue").DefineComponent<{
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         required: true;
     };
     field: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
     };
     filterNode: {
@@ -22,15 +22,15 @@ export declare const FilterPortletItem: import("vue").DefineComponent<{
     renderContent: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         required: true;
     };
     field: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
     };
     filterNode: {

package/es/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.d.ts

@@ -8,11 +8,11 @@ export declare const AppMenuPortletControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -34,11 +34,11 @@ export declare const AppMenuPortletControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -47,6 +47,6 @@ export declare const AppMenuPortletControl: import("vue").DefineComponent<{
     collapse: BooleanConstructor;
     currentPath: StringConstructor;
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     collapse: boolean;
 }, {}>;

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;--ibiz-control-dataview-item-bg-color:transparent;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{position:absolute;top:20px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.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;--ibiz-control-dataview-item-bg-color:transparent;color:var(--ibiz-control-dataview-text-color);cursor:pointer;background-color:var(--ibiz-control-dataview-item-bg-color)}.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-bg-color:transparent}.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}
+.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;--ibiz-control-dataview-item-bg-color:transparent;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{position:absolute;top:20px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-dataview__content{flex-grow:1;height:100%;overflow:auto;padding:var(--ibiz-control-dataview-padding)}.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__layout-row{padding:var(--ibiz-spacing-tight)}.ibiz-control-dataview__layout-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview__layout-flex{display:flex;flex-wrap:wrap;overflow:auto;align-content:flex-start}.ibiz-control-dataview__layout-flex>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.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;--ibiz-control-dataview-item-bg-color:transparent;cursor:pointer;color:var(--ibiz-control-dataview-text-color);background-color:var(--ibiz-control-dataview-item-bg-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item__content{width:100%;height:100%;display:flex;align-items:center}.ibiz-control-dataview-item__content--checkbox{flex-shrink:0;margin-right:var(--ibiz-spacing-tight)!important}.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-bg-color:transparent}.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)}

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

@@ -8,11 +8,11 @@ export declare const DataViewControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -40,10 +40,10 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     };
     data: {
         type: {
-            (arrayLength: number): IData[];
-            (...items: IData[]): IData[];
-            new (arrayLength: number): IData[];
-            new (...items: IData[]): IData[];
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -63,7 +63,7 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     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>;
+    infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     renderHasData: () => VNode;
     renderNoData: () => VNode | undefined;
     onPageChange: (page: number) => void;
@@ -76,11 +76,11 @@ export declare const DataViewControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -108,10 +108,10 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     };
     data: {
         type: {
-            (arrayLength: number): IData[];
-            (...items: IData[]): IData[];
-            new (arrayLength: number): IData[];
-            new (...items: IData[]): IData[];
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -128,7 +128,7 @@ export declare const DataViewControl: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     isSimple: boolean;

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

@@ -2,8 +2,8 @@ import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveCom
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { DataViewControlController, ControlVO } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
-import './data-view.css';
 import '../../util/index.mjs';
+import './data-view.css';
 import { usePagination } from '../../util/pagination/use-pagination.mjs';
 
 "use strict";
@@ -73,6 +73,10 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }
       return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
     });
+    const cardStyle = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = c.model.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.CARDSTYLE) || "default";
+    });
     const showCollapseOrExpandIcon = computed(() => {
       return !c.model.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
     });
@@ -103,6 +107,22 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         c.state.isLoaded = true;
       }
     });
+    const isSelected = (item) => {
+      let selected = !!c.state.selectedData.find((data) => data.srfkey === item.srfkey);
+      if (c.view.model.viewType === "DEDATAVIEW" && c.state.mdctrlActiveMode === 1 && c.state.singleSelect === true)
+        selected = false;
+      return selected;
+    };
+    const toggleSelection = (item) => {
+      const selected = c.state.selectedData;
+      const index = selected.findIndex((data) => data.srfkey === item.srfkey);
+      if (index === -1) {
+        selected.push(item);
+      } else {
+        selected.splice(index, 1);
+      }
+      c.setSelection(selected);
+    };
     watch(() => props.data, () => {
       if (props.isSimple) {
         initSimpleData();
@@ -160,25 +180,6 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }, [renderItemAction(item)]) : null]);
     };
     const renderCard = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      let showActive = findIndex !== -1;
-      if (c.view.model.viewType === "DEDATAVIEW" && c.state.mdctrlActiveMode === 1 && c.state.singleSelect === true) {
-        showActive = false;
-      }
-      const cardClass = [ns.b("item"), ns.is("active", showActive)];
-      const cardStyle = {};
-      if (c.model.cardWidth) {
-        Object.assign(cardStyle, {
-          width: "".concat(c.model.cardWidth, "px")
-        });
-      }
-      if (c.model.cardHeight) {
-        Object.assign(cardStyle, {
-          height: "".concat(c.model.cardHeight, "px")
-        });
-      }
       const itemStyle = ns.cssVarBlock({
         "item-bg-color": "".concat(item.bgcolor || ""),
         "text-color": "".concat(item.fontcolor || ""),
@@ -188,21 +189,62 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       const panel = props.modelData.itemLayoutPanel;
       return createVNode(resolveComponent("el-card"), {
         "shadow": "hover",
-        "class": cardClass,
+        "class": [ns.b("item"), ns.is("active", isSelected(item))],
         "style": itemStyle,
-        "body-style": cardStyle,
+        "body-style": {
+          width: c.model.cardWidth ? "".concat(c.model.cardWidth, "px") : "auto",
+          height: c.model.cardHeight ? "".concat(c.model.cardHeight, "px") : "auto"
+        },
         "onClick": (event) => onRowClick(item, event),
         "onDblclick": (event) => onDbRowClick(item, event)
       }, {
-        default: () => [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]
+        default: () => [createVNode("div", {
+          "class": ns.be("item", "content")
+        }, [cardStyle.value === "style2" && !c.state.singleSelect && createVNode(resolveComponent("el-checkbox"), {
+          "size": "large",
+          "class": ns.bem("item", "content", "checkbox"),
+          "modelValue": isSelected(item),
+          "onClick": (e) => e.stopPropagation(),
+          "onChange": () => toggleSelection(item)
+        }, null), panel ? renderPanelItem(item, panel) : renderDefaultItem(item)])]
       });
     };
-    const renderGroup = (group) => {
+    const renderCardLayout = (items) => {
+      let _slot;
       const {
         cardColXS,
         cardColSM,
         cardColMD,
-        cardColLG,
+        cardColLG
+      } = c.model;
+      if (cardColXS || cardColSM || cardColMD || cardColLG)
+        return createVNode(resolveComponent("el-row"), {
+          "class": ns.e("layout-row")
+        }, _isSlot(_slot = items.map((item) => {
+          return createVNode(resolveComponent("el-col"), {
+            "xs": cardColXS,
+            "sm": cardColSM,
+            "md": cardColMD,
+            "lg": cardColLG,
+            "class": ns.e("layout-col")
+          }, {
+            default: () => [createVNode("div", {
+              "class": ns.b("scroll-item")
+            }, [renderCard(item)])]
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        });
+      return createVNode("div", {
+        "class": ns.e("layout-flex")
+      }, [items.map((item) => {
+        return createVNode("div", {
+          "class": ns.b("scroll-item")
+        }, [renderCard(item)]);
+      })]);
+    };
+    const renderGroup = (group) => {
+      const {
         groupSysCss
       } = c.model;
       return createVNode("div", {
@@ -220,75 +262,19 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         "onActionClick": (detail, event) => {
           c.onGroupToolbarClick(detail, event, group);
         }
-      }, null)])]), cardColXS || cardColSM || cardColMD || cardColLG ? createVNode(resolveComponent("el-row"), {
-        "class": ns.be("group-content", "item-row")
-      }, {
-        default: () => [group.children.length > 0 ? group.children.map((child) => {
-          let _slot;
-          return createVNode(resolveComponent("el-col"), {
-            "xs": cardColXS,
-            "sm": cardColSM,
-            "md": cardColMD,
-            "lg": cardColLG,
-            "class": ns.be("group-content", "item-col")
-          }, _isSlot(_slot = renderCard(child)) ? _slot : {
-            default: () => [_slot]
-          });
-        }) : createVNode("div", {
-          "class": ns.bem("group-content", "item", "empty")
-        }, [ibiz.i18n.t("app.noData")])]
-      }) : createVNode("div", {
-        "class": ns.be("group-content", "item-content")
-      }, [group.children.length > 0 ? group.children.map((child) => {
-        return renderCard(child);
-      }) : createVNode("div", {
+      }, null)])]), group.children.length > 0 ? renderCardLayout(group.children) : createVNode("div", {
         "class": ns.bem("group-content", "item", "empty")
-      }, [ibiz.i18n.t("app.noData")])])]);
+      }, [ibiz.i18n.t("app.noData")])]);
     };
     const renderDataViewContent = () => {
-      const {
-        cardColXS,
-        cardColSM,
-        cardColMD,
-        cardColLG
-      } = c.model;
       if (c.model.enableGroup) {
         return createVNode("div", {
           "class": ns.b("group-content")
         }, [c.state.groups.map((group) => {
-          return createVNode("div", {
-            "class": [ns.b("scroll-item")]
-          }, [renderGroup(group)]);
+          return 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 = tempItems.map((item) => {
-          let _slot2;
-          return createVNode(resolveComponent("el-col"), {
-            "xs": cardColXS,
-            "sm": cardColSM,
-            "md": cardColMD,
-            "lg": cardColLG,
-            "class": [ns.b("item-col")]
-          }, _isSlot(_slot2 = renderCard(item)) ? _slot2 : {
-            default: () => [_slot2]
-          });
-        })) ? _slot3 : {
-          default: () => [_slot3]
-        });
-      }
-      return tempItems.map((item) => {
-        return createVNode("div", {
-          "class": [ns.b("scroll-item")]
-        }, [renderCard(item)]);
-      });
+      return renderCardLayout(isCollapse.value ? c.state.items.slice(0, c.state.size) : c.state.items);
     };
     const scrollToTop = () => {
       var _a;
@@ -339,10 +325,10 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
     };
     const renderHasData = () => {
       return withDirectives(createVNode("div", {
-        "class": [ns.b("scroll"), ns.e("content")],
+        "class": ns.e("content"),
+        "ref": "infiniteScroll",
         "infinite-scroll-distance": 10,
         "infinite-scroll-disabled": isLodeMoreDisabled.value,
-        "ref": "infiniteScroll",
         "key": infiniteScrollKey.value
       }, [renderDataViewContent()]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };

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

@@ -5,11 +5,11 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -29,10 +29,10 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
     };
     data: {
         type: {
-            (arrayLength: number): IData[];
-            (...items: IData[]): IData[];
-            new (arrayLength: number): IData[];
-            new (...items: IData[]): IData[];
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -52,7 +52,7 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
     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>;
+    infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     renderHasData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
@@ -69,11 +69,11 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -93,10 +93,10 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
     };
     data: {
         type: {
-            (arrayLength: number): IData[];
-            (...items: IData[]): IData[];
-            new (arrayLength: number): IData[];
-            new (...items: IData[]): IData[];
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -113,7 +113,7 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     isSimple: boolean;