@ibiz-template/vue3-components 0.7.40-alpha.9 → 0.7.41-alpha.0

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

@@ -3,18 +3,31 @@ import { IDashboard } from '@ibiz/model-core';
 import './dashboard.scss';
 import { DashboardController, IControlProvider } from '@ibiz-template/runtime';
 export declare const DashboardControl: import("vue").DefineComponent<{
+    /**
+     * @description 看板模型数据
+     */
     modelData: {
         type: PropType<IDashboard>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
         type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
@@ -33,18 +46,31 @@ export declare const DashboardControl: import("vue").DefineComponent<{
     };
     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<{
+    /**
+     * @description 看板模型数据
+     */
     modelData: {
         type: PropType<IDashboard>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
         type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };

package/es/control/dashboard/dashboard.mjs

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, resolveComponent, h, defineComponent, getCurrentInstance, ref, isReactive, reactive } from 'vue';
+import { isVNode, createVNode, resolveComponent, h, getCurrentInstance, ref, isReactive, reactive, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './dashboard.css';
 import { DashboardController } from '@ibiz-template/runtime';
@@ -43,18 +43,31 @@ function renderPortletByType(model, c, opts) {
 const DashboardControl = /* @__PURE__ */ defineComponent({
   name: "IBizDashboardControl",
   props: {
+    /**
+     * @description 看板模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     }

package/es/control/dashboard/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } 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 { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } 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, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } 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, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } 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, defineComponent, ref, reactive, createVNode, resolveComponent, createTextVNode, withDirectives, resolveDirective } from 'vue';
+import { isVNode, ref, reactive, resolveComponent, createVNode, createTextVNode, resolveDirective, withDirectives, defineComponent } 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, defineComponent, ref, computed, watch, resolveComponent, h, createVNode } from 'vue';
+import { isVNode, ref, computed, watch, resolveComponent, h, createVNode, defineComponent } 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, defineComponent, h, createVNode, resolveComponent } from 'vue';
+import { isVNode, h, resolveComponent, createVNode, defineComponent } 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 { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } 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, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } 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, defineComponent, ref, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, resolveComponent, createVNode, defineComponent } 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 { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } 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.mjs

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

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, resolveComponent, h, createVNode, defineComponent } 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, defineComponent, computed, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, computed, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } 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, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ViewPortletController } from '@ibiz-template/runtime';
 

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

@@ -1,43 +1,60 @@
-import { PropType, VNode } from 'vue';
+import { VNode, PropType } from 'vue';
 import { IDEDataView } from '@ibiz/model-core';
-import { DataViewControlController, IControlProvider } from '@ibiz-template/runtime';
+import { IControlProvider, DataViewControlController } from '@ibiz-template/runtime';
 import './data-view.scss';
 export declare const DataViewControl: import("vue").DefineComponent<{
+    /**
+     * @description 数据视图（卡片）模型数据
+     */
     modelData: {
         type: PropType<IDEDataView>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
         type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
         type: NumberConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否单选
+     */
     singleSelect: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
         type: {
             (arrayLength: number): import("@ibiz-template/core").IApiData[];
@@ -55,6 +72,10 @@ export declare const DataViewControl: import("vue").DefineComponent<{
         };
         required: false;
     };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -64,48 +85,69 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     classNames: import("vue").ComputedRef<string[]>;
     infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
-    renderHasData: () => VNode;
-    renderNoData: () => VNode | undefined;
-    onPageChange: (page: number) => void;
-    onPageRefresh: () => void;
-    onPageSizeChange: (size: number) => void;
-    renderCollapseExpandIcon: () => JSX.Element | null;
+    renderLayoutByStyle: () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | {
+        sortbar: () => JSX.Element | undefined;
+        searchbar: () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | undefined;
+        dataview: () => JSX.Element;
+        pagingbar: () => JSX.Element | undefined;
+    } | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 数据视图（卡片）模型数据
+     */
     modelData: {
         type: PropType<IDEDataView>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
         type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
         type: NumberConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否单选
+     */
     singleSelect: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
         type: {
             (arrayLength: number): import("@ibiz-template/core").IApiData[];
@@ -123,6 +165,10 @@ export declare const DataViewControl: import("vue").DefineComponent<{
         };
         required: false;
     };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1,6 +1,6 @@
-import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, h, defineComponent } from 'vue';
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
-import { DataViewControlController, ControlVO } from '@ibiz-template/runtime';
+import { DataViewControlController, ControlVO, getControl } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
 import '../../util/index.mjs';
 import './data-view.css';
@@ -13,45 +13,66 @@ function _isSlot(s) {
 const DataViewControl = /* @__PURE__ */ defineComponent({
   name: "IBizDataViewControl",
   props: {
+    /**
+     * @description 数据视图（卡片）模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
       type: Number,
       default: void 0
     },
+    /**
+     * @description 是否单选
+     */
     singleSelect: {
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
       type: Boolean,
       required: false
     },
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
       type: Array,
       required: false
     },
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true
@@ -75,7 +96,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
     });
     const cardStyle = computed(() => {
       var _a, _b;
-      return ((_b = (_a = c.model.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.CARDSTYLE) || "default";
+      return ((_b = (_a = c.model.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.CARDSTYLE) || c.controlParams.cardstyle || "default";
     });
     const showCollapseOrExpandIcon = computed(() => {
       return !c.model.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
@@ -379,63 +400,104 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }
       return icon;
     };
+    const renderNavIcon = () => {
+      const {
+        enableNavView,
+        showNavIcon,
+        showNavView
+      } = c.state;
+      if (enableNavView && showNavIcon)
+        return !showNavView ? createVNode("ion-icon", {
+          "name": "eye-outline",
+          "class": ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.showNav"),
+          "onClick": () => c.onShowNavViewChange()
+        }, null) : createVNode("ion-icon", {
+          "name": "eye-off-outline",
+          "class": ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
+          "onClick": () => c.onShowNavViewChange()
+        }, null);
+    };
+    const renderSortBar = () => {
+      if (!c.state.noSort)
+        return createVNode(resolveComponent("iBizSortBar"), {
+          "onSortChange": (item, order) => {
+            c.setSort(item.key, order);
+            c.load({
+              isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
+            });
+          },
+          "sortItems": c.state.sortItems
+        }, null);
+    };
+    const renderContent = () => {
+      return [c.state.items.length > 0 ? renderHasData() : renderNoData(), renderNavIcon(), renderCollapseExpandIcon()];
+    };
+    const renderPagingBar = () => {
+      if (c.state.enablePagingBar && c.model.pagingMode === 1)
+        return createVNode(resolveComponent("iBizPagination"), {
+          "class": ns.e("pagination"),
+          "total": c.state.total,
+          "curPage": c.state.curPage,
+          "size": c.state.size,
+          "totalPages": c.state.totalPages,
+          "onChange": onPageChange,
+          "onPageSizeChange": onPageSizeChange,
+          "onPageRefresh": onPageRefresh
+        }, null);
+    };
+    const renderSearchBar = () => {
+      const searchbar = getControl(c.view.model, "searchbar");
+      if (!searchbar)
+        return;
+      const id = searchbar.name || searchbar.id;
+      const provider = c.view.providers[id];
+      return h(resolveComponent((provider == null ? void 0 : provider.component) || "IBizControlShell"), {
+        context: c.view.context,
+        params: c.view.params,
+        modelData: searchbar,
+        ...c.view.slotProps[id] || {},
+        provider
+      });
+    };
+    const renderDefaultStyle = () => {
+      if (c.state.isCreated)
+        return [renderSortBar(), ...renderContent(), renderPagingBar()];
+    };
+    const renderUserStyle = () => {
+      return {
+        sortbar: () => renderSortBar(),
+        searchbar: () => renderSearchBar(),
+        dataview: () => createVNode("div", {
+          "class": ns.e("layout-content")
+        }, [renderContent()]),
+        pagingbar: () => renderPagingBar()
+      };
+    };
+    const renderLayoutByStyle = () => {
+      if (cardStyle.value === "userstyle")
+        return renderUserStyle();
+      return renderDefaultStyle();
+    };
     return {
       c,
       ns,
       classNames,
       infiniteScroll,
-      renderHasData,
-      renderNoData,
-      onPageChange,
-      onPageRefresh,
-      onPageSizeChange,
-      renderCollapseExpandIcon
+      renderLayoutByStyle
     };
   },
   render() {
-    const {
-      items,
-      isCreated
-    } = this.c.state;
-    let content = null;
-    if (isCreated) {
-      content = [this.c.state.noSort ? null : createVNode(resolveComponent("iBizSortBar"), {
-        "onSortChange": (item, order) => {
-          this.c.setSort(item.key, order);
-          this.c.load({
-            isInitialLoad: this.c.model.pagingMode === 2 || this.c.model.pagingMode === 3
-          });
-        },
-        "sortItems": this.c.state.sortItems
-      }, null), items.length > 0 ? this.renderHasData() : this.renderNoData(), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 ? createVNode(resolveComponent("iBizPagination"), {
-        "class": this.ns.e("pagination"),
-        "total": this.c.state.total,
-        "curPage": this.c.state.curPage,
-        "size": this.c.state.size,
-        "totalPages": this.c.state.totalPages,
-        "onChange": this.onPageChange,
-        "onPageSizeChange": this.onPageSizeChange,
-        "onPageRefresh": this.onPageRefresh
-      }, null) : null];
-    }
+    let _slot2;
     return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
       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.showNavIcon ? !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.c.onShowNavViewChange()
-        }, null) : createVNode("ion-icon", {
-          "class": this.ns.e("nav-icon"),
-          "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
-          "name": "eye-off-outline",
-          "onClick": () => this.c.onShowNavViewChange()
-        }, null) : null, this.renderCollapseExpandIcon()]
+      }, _isSlot(_slot2 = this.renderLayoutByStyle()) ? _slot2 : {
+        default: () => [_slot2]
       })]
     });
   }

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

@@ -53,16 +53,16 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
     ns: import("@ibiz-template/core").Namespace;
     classNames: import("vue").ComputedRef<string[]>;
     infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
-    renderHasData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    renderLayoutByStyle: () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>;
-    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;
+    }> | null | undefined)[] | {
+        sortbar: () => JSX.Element | undefined;
+        searchbar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | undefined;
+        dataview: () => JSX.Element;
+        pagingbar: () => JSX.Element | undefined;
+    } | undefined;
 }, 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>;

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

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