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

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

@@ -301,6 +301,7 @@ class DRBarController extends ControlController {
    * @memberof DRBarController
    */
   initDRBarItems() {
+    var _a;
     const { dedrctrlItems, dedrbarGroups } = this.model;
     const drBarItems = [];
     if (!this.state.hideEditItem) {
@@ -322,7 +323,7 @@ class DRBarController extends ControlController {
         caption,
         disabled: false,
         sysImage: editItemSysImage,
-        fullPath: this.router.currentRoute.value.fullPath
+        fullPath: (_a = this.router) == null ? void 0 : _a.currentRoute.value.fullPath
       });
       this.state.defaultItem = uniqueTag;
     }
@@ -354,11 +355,11 @@ class DRBarController extends ControlController {
         });
       } else {
         dedrbarGroups.forEach((group) => {
-          var _a;
+          var _a2;
           const groupItems = dedrctrlItems.filter(
             (item) => item.dedrbarGroupId === group.id
           );
-          if (groupItems.length > 1 || ((_a = this.controlParams) == null ? void 0 : _a.singleitemgroup) === "true" && groupItems.length === 1) {
+          if (groupItems.length > 1 || ((_a2 = this.controlParams) == null ? void 0 : _a2.singleitemgroup) === "true" && groupItems.length === 1) {
             let itemCaption = group.caption;
             if (group.capLanguageRes) {
               itemCaption = ibiz.i18n.t(

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<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         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,29 +61,52 @@ 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<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         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;

package/es/control/drbar/drbar.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, onUnmounted, watch, createVNode, resolveComponent } from 'vue';
+import { reactive, onUnmounted, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { DRBarController } from './drbar.controller.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.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 { DRBarControl } from './drbar.mjs';
 import { DRBarProvider } from './drbar.provider.mjs';

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.40-alpha.7_axios@1.7.7_lodash-es@4.17.21_qs@6.13.0_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,24 +4,38 @@ 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<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         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: import("@ibiz-template/core").IApiData;
     visibleItems: import("vue").Ref<import("@ibiz-template/core").IApiData>;
@@ -31,18 +45,31 @@ export declare const DRTabControl: import("vue").DefineComponent<{
     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<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/drtab/drtab.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, computed, onUnmounted, watch, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { ref, reactive, computed, onUnmounted, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { hasSubRoute } from '@ibiz-template/runtime';
@@ -7,23 +7,37 @@ import { showTitle } from '@ibiz-template/core';
 import { DRTabController } from './drtab.controller.mjs';
 import { useAppDRTab } from './drtab-control.util.mjs';
 import './drtab.css';
+import { FlowDrtab } from './flow-drtab.mjs';
 
 "use strict";
 const DRTabControl = /* @__PURE__ */ defineComponent({
   name: "IBizDrTabControl",
   props: {
+    /**
+     * @description 数据关系分页栏模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     }
@@ -150,6 +164,7 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
+      activeTab,
       controlRef,
       counterData,
       visibleItems,
@@ -165,6 +180,17 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
       isCreated,
       isCalculatedPermission
     } = this.c.state;
+    if (this.tabPosition === "flow_noheader" || this.tabPosition === "flow") {
+      return createVNode(FlowDrtab, {
+        "pagesstate": this.visibleItems,
+        "drtabpages": this.modelData.dedrtabPages,
+        "context": this.c.context,
+        "params": this.c.params,
+        "showHeader": this.tabPosition === "flow",
+        "counterData": this.counterData,
+        "activeTab": this.activeTab
+      }, null);
+    }
     const moreTab = this.moreItems.find((tab) => tab.tag === this.c.state.activeName) || {};
     const more = createVNode(resolveComponent("el-dropdown"), {
       "trigger": "click",

package/es/control/drtab/flow-drtab.css

@@ -0,0 +1 @@
+.ibiz-flow-drtab{display:flex;flex-direction:column;gap:var(--ibiz-spacing-base);background-color:var(--ibiz-color-bg-0)}.ibiz-flow-drtab__tab-item{margin-right:var(--ibiz-spacing-base);background-color:var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-medium)}.ibiz-flow-drtab__tab-item--label{padding:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-5);border-bottom:1px solid var(--ibiz-color-fill-1)}.ibiz-flow-drtab__tab-item--tab-view{padding:var(--ibiz-spacing-tight) 0}.ibiz-flow-drtab__counter{font-size:var(--ibiz-font-size-regular);text-align:center}

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

@@ -0,0 +1,77 @@
+import { PropType } from 'vue';
+import './flow-drtab.scss';
+export declare const FlowDrtab: import("vue").DefineComponent<{
+    pagesstate: {
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
+        default: () => never[];
+    };
+    drtabpages: {
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
+        default: () => never[];
+    };
+    context: {
+        type: PropType<import("@ibiz-template/core").IApiContext>;
+        default: () => void;
+    };
+    params: {
+        type: PropType<import("@ibiz-template/core").IApiParams>;
+        default: () => void;
+    };
+    counterData: {
+        type: PropType<import("@ibiz-template/core").IApiData>;
+        default: () => void;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeTab: {
+        type: PropType<import("@ibiz-template/core").IApiData>;
+        default: () => void;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    uuid: string;
+    onViewMounted: () => void;
+    calcStyle: (tag: string) => {
+        height: string;
+        width: string;
+    } | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    pagesstate: {
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
+        default: () => never[];
+    };
+    drtabpages: {
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
+        default: () => never[];
+    };
+    context: {
+        type: PropType<import("@ibiz-template/core").IApiContext>;
+        default: () => void;
+    };
+    params: {
+        type: PropType<import("@ibiz-template/core").IApiParams>;
+        default: () => void;
+    };
+    counterData: {
+        type: PropType<import("@ibiz-template/core").IApiData>;
+        default: () => void;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeTab: {
+        type: PropType<import("@ibiz-template/core").IApiData>;
+        default: () => void;
+    };
+}>>, {
+    params: import("@ibiz-template/core").IApiParams;
+    context: import("@ibiz-template/core").IApiContext;
+    counterData: import("@ibiz-template/core").IApiData;
+    activeTab: import("@ibiz-template/core").IApiData;
+    pagesstate: import("@ibiz-template/core").IApiData[];
+    drtabpages: import("@ibiz-template/core").IApiData[];
+    showHeader: boolean;
+}, {}>;

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

@@ -0,0 +1,144 @@
+import { ref, watch, resolveComponent, createVNode, h, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { isNil } from 'ramda';
+import { createUUID } from 'qx-util';
+import './flow-drtab.css';
+
+"use strict";
+const FlowDrtab = /* @__PURE__ */ defineComponent({
+  name: "FlowDrtab",
+  props: {
+    pagesstate: {
+      type: Array,
+      default: () => []
+    },
+    drtabpages: {
+      type: Array,
+      default: () => []
+    },
+    context: {
+      type: Object,
+      default: () => {
+      }
+    },
+    params: {
+      type: Object,
+      default: () => {
+      }
+    },
+    counterData: {
+      type: Array,
+      default: () => {
+      }
+    },
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
+    activeTab: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("flow-drtab");
+    const uuid = createUUID();
+    const navtag = ref("");
+    const viewList = ref([]);
+    const scrollToTarget = () => {
+      if (navtag.value) {
+        const el = document.getElementById("".concat(uuid, "_").concat(navtag.value));
+        if (el) {
+          el.scrollIntoView();
+        }
+      }
+    };
+    const onViewMounted = () => {
+      scrollToTarget();
+    };
+    watch(() => props.activeTab, (newVal, oldVal) => {
+      if (newVal && newVal.tag !== (oldVal == null ? void 0 : oldVal.tag)) {
+        navtag.value = newVal.tag;
+        scrollToTarget();
+      }
+    }, {
+      deep: true,
+      immediate: true
+    });
+    watch(() => props.drtabpages, (newVal) => {
+      if (newVal) {
+        Promise.all(newVal.map(async (item) => {
+          const view = await ibiz.hub.getAppView(item.appViewId);
+          return {
+            id: item.id,
+            height: view == null ? void 0 : view.height,
+            width: view == null ? void 0 : view.width
+          };
+        })).then((res) => {
+          viewList.value = res;
+        });
+      }
+    }, {
+      deep: true,
+      immediate: true
+    });
+    const calcStyle = (tag) => {
+      const target = viewList.value.find((item) => {
+        return item.id === tag;
+      });
+      if (target) {
+        return {
+          height: target.height ? "".concat(target.height, "px") : "100%",
+          width: target.width ? "".concat(target.width, "px") : "100%"
+        };
+      }
+    };
+    return {
+      ns,
+      uuid,
+      onViewMounted,
+      calcStyle
+    };
+  },
+  render() {
+    const tabs = this.pagesstate.map((item) => {
+      const counterNum = item.counterId ? this.counterData[item.counterId] : void 0;
+      const viewShell = resolveComponent("IBizViewShell");
+      const target = this.drtabpages.find((page) => {
+        return page.id === item.tag;
+      });
+      if (!target || item.hidden) {
+        return null;
+      }
+      return createVNode("div", {
+        "id": "".concat(this.uuid, "_").concat(item.tag),
+        "class": this.ns.e("tab-item")
+      }, [this.showHeader && createVNode("div", {
+        "class": this.ns.em("tab-item", "label")
+      }, [item.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "class": this.ns.be("label", "icon"),
+        "icon": item.sysImage
+      }, null), createVNode("span", {
+        "class": this.ns.be("label", "text")
+      }, [item.caption]), !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
+        "class": this.ns.e("counter"),
+        "value": counterNum,
+        "counterMode": item.counterMode
+      }, null)]), createVNode("div", {
+        "class": this.ns.em("tab-item", "tab-view"),
+        "style": this.calcStyle(item.tag)
+      }, [h(viewShell, {
+        context: this.context,
+        params: this.params,
+        viewId: target.appViewId,
+        onMounted: this.onViewMounted
+      })])]);
+    });
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [tabs]);
+  }
+});
+
+export { FlowDrtab };

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

@@ -18,6 +18,7 @@ export declare const IBizDRTabControl: import("@ibiz-template/vue3-util").TypeWi
 }, {
     c: import("./drtab.controller").DRTabController;
     ns: import("@ibiz-template/core").Namespace;
+    activeTab: import("vue").ComputedRef<import("@ibiz-template/runtime").IApiDRTabPagesState | undefined>;
     controlRef: import("vue").Ref<any>;
     counterData: import("@ibiz-template/core").IApiData;
     visibleItems: import("vue").Ref<import("@ibiz-template/core").IApiData>;

package/es/control/drtab/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 { DRTabControl } from './drtab.mjs';
 import { DRTabProvider } from './drtab.provider.mjs';

package/es/control/exp-bar/calendar-exp-bar/calendar-exp-bar.d.ts

@@ -2,25 +2,45 @@ import { PropType, VNode } from 'vue';
 import './calendar-exp-bar.scss';
 import { CalendarExpBarController, IControlProvider } from '@ibiz-template/runtime';
 export declare const CalendarExpBarControl: import("vue").DefineComponent<{
+    /**
+     * @description 日历导航栏模型数据
+     */
     modelData: {
         type: PropType<import("@ibiz/model-core").IExpBar>;
         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>;
     };
+    /**
+     * @description 导航数据
+     */
     srfnav: {
         type: StringConstructor;
         required: false;
     };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,25 +55,45 @@ export declare const CalendarExpBarControl: import("vue").DefineComponent<{
         [key: string]: any;
     }> | null;
 }, 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<import("@ibiz/model-core").IExpBar>;
         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>;
     };
+    /**
+     * @description 导航数据
+     */
     srfnav: {
         type: StringConstructor;
         required: false;
     };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;