@ibiz-template/vue3-components 0.7.39 → 0.7.40

package/es/control/drtab/drtab.mjs

@@ -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

@@ -5,11 +5,11 @@ export declare const IBizDRTabControl: 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: {
@@ -18,10 +18,11 @@ 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: 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;
@@ -32,17 +33,17 @@ export declare const IBizDRTabControl: 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: {
         type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>>;
 export default IBizDRTabControl;

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<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 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,30 +55,50 @@ 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<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 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     loadDefault: boolean;
 }, {}>;

package/es/control/exp-bar/calendar-exp-bar/calendar-exp-bar.mjs

@@ -11,25 +11,45 @@ function _isSlot(s) {
 const CalendarExpBarControl = /* @__PURE__ */ defineComponent({
   name: "IBizCalendarExpBarControl",
   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 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true

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

@@ -4,11 +4,11 @@ export declare const IBizCalendarExpBarControl: import("@ibiz-template/vue3-util
         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: {
@@ -37,11 +37,11 @@ export declare const IBizCalendarExpBarControl: import("@ibiz-template/vue3-util
         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: {
@@ -56,7 +56,7 @@ export declare const IBizCalendarExpBarControl: import("@ibiz-template/vue3-util
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     loadDefault: boolean;
 }, {}>>;
 export default IBizCalendarExpBarControl;

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

@@ -2,25 +2,45 @@ import { PropType, VNode } from 'vue';
 import './chart-exp-bar.scss';
 import { ChartExpBarController, IControlProvider } from '@ibiz-template/runtime';
 export declare const ChartExpBarControl: import("vue").DefineComponent<{
+    /**
+     * @description 图表导航栏模型数据
+     */
     modelData: {
         type: PropType<import("@ibiz/model-core").IExpBar>;
         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 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,30 +55,50 @@ export declare const ChartExpBarControl: 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<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 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     loadDefault: boolean;
 }, {}>;

package/es/control/exp-bar/chart-exp-bar/chart-exp-bar.mjs

@@ -11,25 +11,45 @@ function _isSlot(s) {
 const ChartExpBarControl = /* @__PURE__ */ defineComponent({
   name: "IBizChartExpBarControl",
   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 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true