@ibiz-template/vue3-components 0.7.39 → 0.7.40

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

@@ -1,6 +1,6 @@
-import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, 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

@@ -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,28 +52,28 @@ 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>;
-    renderHasData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
+    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>;
         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;

package/es/control/drbar/drbar.d.ts

@@ -4,29 +4,52 @@ import { IControlProvider, IDRBarItemsState } from '@ibiz-template/runtime';
 import { DRBarController } from './drbar.controller';
 import './drbar.scss';
 export declare const DRBarControl: import("vue").DefineComponent<{
+    /**
+     * @description 数据关系栏模型数据
+     */
     modelData: {
         type: PropType<IDEDRBar>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
+    /**
+     * @description  导航数据
+     */
     srfnav: {
         type: StringConstructor;
         required: false;
     };
+    /**
+     * @description  指定el-menu的菜单展示模式（mode）参数
+     * @default vertical
+     */
     showMode: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * @description  隐藏编辑项
+     */
     hideEditItem: {
         type: BooleanConstructor;
         default: undefined;
@@ -38,35 +61,58 @@ export declare const DRBarControl: import("vue").DefineComponent<{
     renderMenuItems: (item: IDRBarItemsState) => VNode | undefined;
     opens: string[];
 }, 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<IDEDRBar>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
+    /**
+     * @description  导航数据
+     */
     srfnav: {
         type: StringConstructor;
         required: false;
     };
+    /**
+     * @description  指定el-menu的菜单展示模式（mode）参数
+     * @default vertical
+     */
     showMode: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * @description  隐藏编辑项
+     */
     hideEditItem: {
         type: BooleanConstructor;
         default: undefined;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     showMode: string;
     hideEditItem: boolean;
 }, {}>;

package/es/control/drbar/drbar.mjs

@@ -8,29 +8,52 @@ import './drbar.css';
 const DRBarControl = /* @__PURE__ */ defineComponent({
   name: "IBizDrBarControl",
   props: {
+    /**
+     * @description 数据关系栏模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description  导航数据
+     */
     srfnav: {
       type: String,
       required: false
     },
+    /**
+     * @description  指定el-menu的菜单展示模式（mode）参数
+     * @default vertical
+     */
     showMode: {
       type: String,
       default: "vertical"
     },
+    /**
+     * @description  隐藏编辑项
+     */
     hideEditItem: {
       type: Boolean,
       default: void 0

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

@@ -5,11 +5,11 @@ export declare const IBizDRBarControl: import("@ibiz-template/vue3-util").TypeWi
         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: {
@@ -41,11 +41,11 @@ export declare const IBizDRBarControl: import("@ibiz-template/vue3-util").TypeWi
         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: {
@@ -64,7 +64,7 @@ export declare const IBizDRBarControl: import("@ibiz-template/vue3-util").TypeWi
         default: undefined;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     showMode: string;
     hideEditItem: boolean;
 }, {}>>;

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.39_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.40_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/drtab/drtab.d.ts

@@ -4,48 +4,75 @@ import { IControlProvider } from '@ibiz-template/runtime';
 import { DRTabController } from './drtab.controller';
 import './drtab.scss';
 export declare const DRTabControl: import("vue").DefineComponent<{
+    /**
+     * @description 数据关系分页栏模型数据
+     */
     modelData: {
         type: PropType<IDEDRTab>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
 }, {
     c: DRTabController;
     ns: import("@ibiz-template/core").Namespace;
+    activeTab: import("vue").ComputedRef<import("@ibiz-template/runtime").IApiDRTabPagesState | undefined>;
     controlRef: import("vue").Ref<any>;
-    counterData: IData;
-    visibleItems: import("vue").Ref<IData>;
-    moreItems: import("vue").Ref<IData>;
+    counterData: import("@ibiz-template/core").IApiData;
+    visibleItems: import("vue").Ref<import("@ibiz-template/core").IApiData>;
+    moreItems: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     tabPosition: string;
     onTabChange: (key: string) => void;
     handleTabChange: () => void;
     renderDropdownList: () => JSX.Element;
 }, 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<IDEDRTab>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>;