@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, ref, nextTick, computed, onMounted, createVNode, resolveComponent } from 'vue';
+import { defineComponent, reactive, ref, nextTick, onMounted, createVNode, resolveComponent } from 'vue';
 import { CustomDashboardController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './custom-dashboard-container.css';
@@ -21,10 +21,13 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("custom-dashboard-container");
-    const customC = reactive(new CustomDashboardController(props.modelData, props.dashboard));
+    const customDashboard = new CustomDashboardController(props.modelData, props.dashboard);
+    props.dashboard.setCustomDashboard(customDashboard);
+    const customC = reactive(customDashboard);
     const isInited = ref(false);
     const isShowDesign = ref(false);
     const showTypeDir = ref(false);
+    const showFilter = ref(false);
     const openDesign = () => {
       isShowDesign.value = true;
     };
@@ -76,11 +79,13 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
         model: tempModelDatas,
         config: args.config
       });
-      await props.dashboard.evt.emit("onSavePortlet", void 0);
       emit("changed", {
         model: tempModelDatas
       });
     };
+    const openFilterDesign = () => {
+      props.dashboard.openFilterDesignPage();
+    };
     const onReset = async () => {
       isInited.value = false;
       isShowDesign.value = false;
@@ -88,10 +93,9 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       await nextTick();
       isInited.value = true;
     };
-    const isShowDefault = computed(() => {
-      return customC.customModelData.length === 0;
-    });
     onMounted(async () => {
+      var _a;
+      showFilter.value = ((_a = props.dashboard.model) == null ? void 0 : _a.dashboardStyle) === "BIREPORTDASHBOARD";
       const response = await customC.loadCustomModelData();
       const tempModelDatas = await convertData(response.model);
       emit("changed", {
@@ -111,18 +115,31 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
           [name]: config
         });
       });
+      props.dashboard.evt.on("onSavePortlet", async (args) => {
+        const modelDatas = await convertData(args.model);
+        await handleCustomModelChange({
+          model: modelDatas,
+          config: args.config
+        });
+        props.dashboard.refresh();
+        emit("changed", {
+          model: modelDatas,
+          filter: true
+        });
+      });
     });
     return {
       ns,
       customC,
       isShowDesign,
       isInited,
-      isShowDefault,
       showTypeDir,
+      showFilter,
       openDesign,
       onSaved,
       onReset,
-      clickCollapse
+      clickCollapse,
+      openFilterDesign
     };
   },
   render() {
@@ -131,7 +148,15 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       "class": [this.ns.b()]
     }, [this.customC.showDesignBtn ? createVNode("div", {
       "class": this.ns.b("build-btn")
-    }, [this.showTypeDir ? createVNode("div", null, [createVNode(resolveComponent("el-button"), {
+    }, [this.showTypeDir ? createVNode("div", null, [this.showFilter ? createVNode(resolveComponent("el-button"), {
+      "class": this.ns.b("deisgn-btn"),
+      "title": ibiz.i18n.t("control.dashboard.customDashboardContainer.newFilter"),
+      "onClick": this.openFilterDesign
+    }, {
+      default: () => [createVNode("ion-icon", {
+        "name": "filter-outline"
+      }, null)]
+    }) : null, createVNode(resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
       "title": showTitle(ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt")),
       "onClick": this.openDesign
@@ -167,7 +192,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
         "onSaved": this.onSaved,
         "onReset": this.onReset
       }, null)]
-    }), this.isInited && (this.isShowDefault ? (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a) : this.customC.customModelData.map((item) => {
+    }), this.isInited && (this.customC.customModelData.length === 0 ? (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a) : this.customC.customModelData.map((item) => {
       var _a2, _b2;
       const itemStyle = {
         position: "absolute",

package/es/control/dashboard/dashboard-design/dashboard-design.css

@@ -1 +1 @@
-.ibiz-dashboard-design{width:100%;height:100%}.ibiz-dashboard-design .ibiz-dashboard-design-header{height:48px;padding:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:space-between}.ibiz-dashboard-design .ibiz-dashboard-design-header .ibiz-dashboard-design-header-utils{display:flex;align-items:center;justify-content:flex-start}.ibiz-dashboard-design-header-utils__col-num{margin-right:var(--ibiz-spacing-tight)}.ibiz-dashboard-design-header-utils__row-h{margin-right:var(--ibiz-spacing-tight)}.ibiz-dashboard-design .ibiz-dashboard-design-content{width:100%;height:calc(100% - 48px);display:flex;align-items:flex-start;justify-content:flex-start}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree{min-width:300px;height:100%;overflow-y:scroll}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-filter{width:100%;height:32px;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content{height:calc(100% - 32px);overflow:auto}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu{height:100%;border:none}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu .el-menu-item{display:flex;flex-flow:flex nowrap;align-items:center;justify-content:space-between}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu .el-menu-item>span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu .el-menu-item ion-icon{font-size:calc(var(--ibiz-width-icon-medium) - 2px);cursor:pointer}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu .el-menu-item ion-icon:hover{color:var(--ibiz-color-primary)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-scroll-box{flex-grow:1;height:100%;overflow-y:scroll;background:var(--ibiz-color-fill-1)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel{position:relative}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout-mask{position:absolute;inset:0;height:100%;min-height:1248px;background:linear-gradient(to bottom,var(--ibiz-color-primary) 10px,transparent 10px),linear-gradient(to right,var(--ibiz-color-primary) 10px,transparent 10px)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item{width:100%;height:100%}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .el-card__body{display:flex;flex-flow:column nowrap;height:100%;background-color:var(--ibiz-color-white)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .ibiz-dashboard-design-grid-layout-item-header{display:flex;align-items:center;justify-content:space-between}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .ibiz-dashboard-design-grid-layout-item-header>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .ibiz-dashboard-design-grid-layout-item-header ion-icon{cursor:pointer}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .ibiz-dashboard-design-grid-layout-item-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}
+.ibiz-dashboard-design{width:100%;height:100%}.ibiz-dashboard-design .ibiz-dashboard-design-header{height:48px;padding:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:space-between}.ibiz-dashboard-design .ibiz-dashboard-design-header .ibiz-dashboard-design-header-utils{display:flex;align-items:center;justify-content:flex-start}.ibiz-dashboard-design-header-utils__col-num{margin-right:var(--ibiz-spacing-tight)}.ibiz-dashboard-design-header-utils__row-h{margin-right:var(--ibiz-spacing-tight)}.ibiz-dashboard-design .ibiz-dashboard-design-content{width:100%;height:calc(100% - 48px);display:flex;align-items:flex-start;justify-content:flex-start}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree{min-width:300px;height:100%;overflow-y:scroll}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-filter{width:100%;height:32px;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content{height:calc(100% - 32px);overflow:auto}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu{height:100%;border:none}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu .el-menu-item{display:flex;flex-flow:flex nowrap;align-items:center;justify-content:space-between}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu .el-menu-item>span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu .el-menu-item ion-icon{font-size:calc(var(--ibiz-width-icon-medium) - 2px);cursor:pointer}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-tree .ibiz-dashboard-design-tree-content>.el-menu .el-menu-item ion-icon:hover{color:var(--ibiz-color-primary)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-scroll-box{flex-grow:1;height:100%;overflow-y:scroll;background:var(--ibiz-color-fill-1)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel{position:relative}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout-mask{position:absolute;inset:0;height:100%;min-height:1248px;background:linear-gradient(to bottom,var(--ibiz-color-primary) 10px,transparent 10px),linear-gradient(to right,var(--ibiz-color-primary) 10px,transparent 10px)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item{width:100%;height:100%}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .el-card__body{display:flex;flex-flow:column nowrap;height:100%;background-color:var(--ibiz-color-bg-1)}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .ibiz-dashboard-design-grid-layout-item-header{display:flex;align-items:center;justify-content:space-between}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .ibiz-dashboard-design-grid-layout-item-header>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .ibiz-dashboard-design-grid-layout-item-header ion-icon{cursor:pointer}.ibiz-dashboard-design .ibiz-dashboard-design-content .ibiz-dashboard-design-panel .ibiz-dashboard-design-grid-layout .ibiz-dashboard-design-grid-layout-item .ibiz-dashboard-design-grid-layout-item-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}

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

@@ -0,0 +1,77 @@
+import { CustomDashboardController, DashboardController, IPortletController, IPortletProvider } from '@ibiz-template/runtime';
+import { IDBPortletPart, ISysImage } from '@ibiz/model-core';
+import { PropType, Ref } from 'vue';
+import './dashboard-design.scss';
+interface IPortletList {
+    type: string;
+    portletId?: string;
+    portletCodeName: string;
+    portletName: string;
+    portletImage?: ISysImage;
+    groupCodeName: string;
+    groupName: string;
+    appCodeName: string;
+    appName: string;
+    dynamodelFlag?: number;
+}
+interface IList {
+    type: string;
+    name: string;
+    children: IData[];
+}
+export declare const DashboardDesign: import("vue").DefineComponent<{
+    dashboard: {
+        type: PropType<DashboardController>;
+        required: true;
+    };
+    customDashboard: {
+        type: PropType<CustomDashboardController>;
+        required: true;
+    };
+    isShowDesign: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    customC: CustomDashboardController;
+    portlets: Ref<IPortletList[]>;
+    list: Ref<IList[]>;
+    groups: Ref<IData[]>;
+    filterVal: Ref<string>;
+    defaultOpens: import("vue").ComputedRef<string[]>;
+    layoutModel: Ref<IData[]>;
+    onReset: () => Promise<void>;
+    onSave: () => Promise<void>;
+    removeItem: (child: IData) => Promise<void>;
+    addLayoutItem: (child: IPortletList) => Promise<void>;
+    handleColNumberChange: (colNumber: number) => void;
+    handleRolHChange: (rowH: number) => void;
+    isDisabled: (child: IPortletList) => boolean;
+    providers: Ref<{
+        [key: string]: IPortletProvider;
+    }>;
+    portletControllers: Ref<{
+        [key: string]: IPortletController;
+    }>;
+    maskSize: import("vue").ComputedRef<string>;
+    designPanel: Ref<Element | null>;
+    getPortletModelByCodeName: (tag: string) => IDBPortletPart | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "saved")[], "reset" | "saved", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dashboard: {
+        type: PropType<DashboardController>;
+        required: true;
+    };
+    customDashboard: {
+        type: PropType<CustomDashboardController>;
+        required: true;
+    };
+    isShowDesign: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & {
+    onReset?: ((...args: any[]) => any) | undefined;
+    onSaved?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export {};

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -120,7 +120,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
             portletCodeName: portlet.codename,
             portletName: portlet.psappportletname,
             groupCodeName: portlet.groupcodename || "Ungroup",
-            groupName: portlet.groupname || "\u672A\u5206\u7C7B",
+            groupName: portlet.groupname || ibiz.i18n.t("control.dashboard.dashboardDesign.unGroup"),
             appCodeName: app.model.pkgcodeName,
             appName: app.model.name
           };
@@ -443,7 +443,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
         modelData: portletModel,
         controller
       };
-      if (!provider) {
+      if (!provider || !controller) {
         return createVNode("div", null, [portletModel.portletType, ibiz.i18n.t("app.noSupport")]);
       }
       const providerComp = resolveComponent(provider.component);

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

@@ -0,0 +1,53 @@
+import { PropType, Ref } from 'vue';
+import { IDashboard } from '@ibiz/model-core';
+import './dashboard.scss';
+import { DashboardController, IControlProvider } from '@ibiz-template/runtime';
+export declare const DashboardControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDashboard>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+}, {
+    c: DashboardController;
+    ns: import("@ibiz-template/core").Namespace;
+    customModelDatas: Ref<IModel>;
+    anchorList: Ref<IData[]>;
+    dashboardRef: Ref<any>;
+    calcNavBarConfig: () => {
+        navBarPos: string | undefined;
+        navBarSysCss: import("@ibiz/model-core").ISysCss | undefined;
+        navBarWidth: number | undefined;
+        navBarStyle: string | undefined;
+        navbarHeight: number | undefined;
+    };
+    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<{
+    modelData: {
+        type: PropType<IDashboard>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+}>>, {
+    params: IParams;
+}, {}>;

package/es/control/dashboard/dashboard.mjs

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, resolveComponent, h, defineComponent, getCurrentInstance, ref, reactive } from 'vue';
+import { isVNode, createVNode, resolveComponent, h, defineComponent, getCurrentInstance, ref, isReactive, reactive } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './dashboard.css';
 import { DashboardController } from '@ibiz-template/runtime';
@@ -25,7 +25,8 @@ function renderPortletByType(model, c, opts) {
     const container = model;
     return h(providerComp, {
       ...commonProps,
-      key: model.id
+      key: model.id,
+      id: model.id
     }, {
       default: () => {
         var _a2;
@@ -35,7 +36,8 @@ function renderPortletByType(model, c, opts) {
   }
   return h(providerComp, {
     ...commonProps,
-    key: ((_a = refreshTagObj[model.id]) == null ? void 0 : _a.refreshtag) ? refreshTagObj[model.id].refreshtag : model.id
+    key: ((_a = refreshTagObj[model.id]) == null ? void 0 : _a.refreshtag) ? refreshTagObj[model.id].refreshtag : model.id,
+    id: model.id
   });
 }
 const DashboardControl = /* @__PURE__ */ defineComponent({
@@ -61,11 +63,16 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new DashboardController(...args));
     const vue = getCurrentInstance().proxy;
     const customModelDatas = ref([]);
+    const anchorList = ref([]);
+    const dashboardRef = ref();
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
-    c.evt.on("onCreated", () => {
+    c.evt.on("onInitPortlets", () => {
       Object.values(c.portlets).forEach((portlet) => {
-        portlet.state = reactive(portlet.state);
+        if (!isReactive(portlet.state)) {
+          portlet.state = reactive(portlet.state);
+        }
       });
+      anchorList.value = c.enableAnchorCtrls;
     });
     c.evt.on("onItemModelReset", async (args) => {
       const {
@@ -87,24 +94,53 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
       }
     });
     const handleCustomModelChange = (args) => {
-      customModelDatas.value = args.model;
+      const model = args.model;
+      if (args.filter && model && model.length > 0) {
+        model.forEach((element) => {
+          if (element.portletType === "FILTER") {
+            refreshTagObj[element.id] = {
+              refreshtag: uniqueId()
+            };
+          }
+        });
+      }
+      customModelDatas.value = model;
       vue.$forceUpdate();
     };
+    const calcNavBarConfig = () => {
+      const {
+        navBarPos,
+        navBarSysCss,
+        navBarWidth,
+        navBarStyle,
+        navbarHeight
+      } = c.model;
+      return {
+        navBarPos,
+        navBarSysCss,
+        navBarWidth,
+        navBarStyle,
+        navbarHeight
+      };
+    };
     return {
       c,
       ns,
       customModelDatas,
+      anchorList,
+      dashboardRef,
+      calcNavBarConfig,
       handleCustomModelChange
     };
   },
   render() {
-    let _slot2;
     const {
       state,
       model
     } = this.c;
     const renderDefaultContent = () => {
       return createVNode(resolveComponent("iBizRow"), {
+        "ref": "dashboardRef",
         "class": [this.ns.b()],
         "layout": model.layout
       }, {
@@ -134,17 +170,38 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
       });
       return slots;
     };
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "controller": this.c,
-      "class": [this.ns.b()]
-    }, {
-      default: () => [state.isCreated && (model.enableCustomized ? createVNode(resolveComponent("iBizCustomDashboardContainer"), {
+    let content = null;
+    if (model.enableCustomized) {
+      let _slot2;
+      content = createVNode(resolveComponent("iBizCustomDashboardContainer"), {
         "modelData": this.modelData,
         "dashboard": this.c,
         "onChanged": this.handleCustomModelChange
       }, _isSlot(_slot2 = renderCustomSlots()) ? _slot2 : {
         default: () => [_slot2]
-      }) : renderDefaultContent())]
+      });
+    } else if (model.showDashboardNavBar) {
+      let _slot3;
+      content = createVNode(resolveComponent("iBizAnchorContainer"), {
+        "anchorList": this.anchorList.map((item) => {
+          return {
+            id: item.id,
+            title: item.title
+          };
+        }),
+        "anchorTargetEle": this.dashboardRef,
+        "navBarConfig": this.calcNavBarConfig()
+      }, _isSlot(_slot3 = renderDefaultContent()) ? _slot3 : {
+        default: () => [_slot3]
+      });
+    } else {
+      content = renderDefaultContent();
+    }
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.b()]
+    }, {
+      default: () => [state.isCreated && content]
     });
   }
 });

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

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 数据看板适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class DashboardProvider
+ * @implements {IControlProvider}
+ */
+export declare class DashboardProvider implements IControlProvider {
+    component: string;
+}

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

@@ -0,0 +1,51 @@
+export * from './portlet';
+export declare const IBizDashboardControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDashboard>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").DashboardController;
+    ns: import("@ibiz-template/core").Namespace;
+    customModelDatas: import("vue").Ref<IModel>;
+    anchorList: import("vue").Ref<IData[]>;
+    dashboardRef: import("vue").Ref<any>;
+    calcNavBarConfig: () => {
+        navBarPos: string | undefined;
+        navBarSysCss: import("@ibiz/model-core").ISysCss | undefined;
+        navBarWidth: number | undefined;
+        navBarStyle: string | undefined;
+        navbarHeight: number | undefined;
+    };
+    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<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDashboard>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizDashboardControl;

package/es/control/dashboard/index.mjs

@@ -15,6 +15,7 @@ import { IBizListPortlet } from './portlet/list-portlet/index.mjs';
 import { IBizHtmlPortlet } from './portlet/html-portlet/index.mjs';
 import { IBizActionBarPortlet } from './portlet/actionbar-portlet/index.mjs';
 import { IBizReportPortlet } from './portlet/report-portlet/index.mjs';
+import { IBizFilterPortlet } from './portlet/filter-portlet/index.mjs';
 export { ContainerPortlet } from './portlet/container-portlet/container-portlet.mjs';
 export { ViewPortlet } from './portlet/view-portlet/view-portlet.mjs';
 export { MenuPortlet } from './portlet/menu-portlet/menu-portlet.mjs';
@@ -24,6 +25,7 @@ export { ListPortlet } from './portlet/list-portlet/list-portlet.mjs';
 export { HtmlPortlet } from './portlet/html-portlet/html-portlet.mjs';
 export { ActionBarPortlet } from './portlet/actionbar-portlet/actionbar-portlet.mjs';
 export { ReportPortlet } from './portlet/report-portlet/report-portlet.mjs';
+export { FilterPortlet } from './portlet/filter-portlet/filter-portlet.mjs';
 
 "use strict";
 const IBizDashboardControl = withInstall(
@@ -46,7 +48,8 @@ const IBizDashboardControl = withInstall(
     v.use(IBizHtmlPortlet);
     v.use(IBizActionBarPortlet);
     v.use(IBizReportPortlet);
+    v.use(IBizFilterPortlet);
   }
 );
 
-export { IBizActionBarPortlet, IBizChartPortlet, IBizContainerPortlet, IBizDashboardControl, IBizHtmlPortlet, IBizListPortlet, IBizMenuPortlet, IBizRawItemPortlet, IBizReportPortlet, IBizViewPortlet, PortletLayout, IBizDashboardControl as default };
+export { IBizActionBarPortlet, IBizChartPortlet, IBizContainerPortlet, IBizDashboardControl, IBizFilterPortlet, IBizHtmlPortlet, IBizListPortlet, IBizMenuPortlet, IBizRawItemPortlet, IBizReportPortlet, IBizViewPortlet, PortletLayout, IBizDashboardControl as default };

package/es/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { IUIActionGroupDetail } from '@ibiz/model-core';
+import { ActionBarPortletController } from '@ibiz-template/runtime';
+export declare const ActionBarPortlet: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<import("@ibiz/model-core").IDBSysPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof ActionBarPortletController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<import("@ibiz/model-core").IDBSysPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof ActionBarPortletController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.provider.d.ts

@@ -0,0 +1,15 @@
+import { IDashboardController, IPortletContainerController, IPortletProvider, ActionBarPortletController } from '@ibiz-template/runtime';
+import { IDBToolbarPortlet } from '@ibiz/model-core';
+/**
+ * 操作栏门户部件适配器
+ *
+ * @author zk
+ * @date 2023-07-12 08:07:58
+ * @export
+ * @class ActionBarPortletProvider
+ * @implements {IPortletProvider}
+ */
+export declare class ActionBarPortletProvider implements IPortletProvider {
+    component: string;
+    createController(portletModel: IDBToolbarPortlet, dashboard: IDashboardController, parent?: IPortletContainerController): Promise<ActionBarPortletController>;
+}

package/es/control/dashboard/portlet/actionbar-portlet/index.d.ts

@@ -0,0 +1,24 @@
+export * from './actionbar-portlet';
+export declare const IBizActionBarPortlet: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDBSysPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").ActionBarPortletController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<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").IDBSysPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").ActionBarPortletController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizActionBarPortlet;

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.d.ts

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+import { ChartPortletController } from '@ibiz-template/runtime';
+export declare const ChartPortlet: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<import("@ibiz/model-core").IDBSysPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof ChartPortletController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    chart: import("@ibiz/model-core").IControl | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<import("@ibiz/model-core").IDBSysPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof ChartPortletController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.provider.d.ts

@@ -0,0 +1,15 @@
+import { IDashboardController, IPortletContainerController, IPortletProvider, ChartPortletController } from '@ibiz-template/runtime';
+import { IDBChartPortlet } from '@ibiz/model-core';
+/**
+ * 图表看板视图适配器
+ *
+ * @author zk
+ * @date 2023-07-12 08:07:58
+ * @export
+ * @class ChartPortletProvider
+ * @implements {IPortletProvider}
+ */
+export declare class ChartPortletProvider implements IPortletProvider {
+    component: string;
+    createController(portletModel: IDBChartPortlet, dashboard: IDashboardController, parent?: IPortletContainerController): Promise<ChartPortletController>;
+}

package/es/control/dashboard/portlet/chart-portlet/index.d.ts

@@ -0,0 +1,24 @@
+export * from './chart-portlet';
+export declare const IBizChartPortlet: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDBSysPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").ChartPortletController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    chart: import("@ibiz/model-core").IControl | 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").IDBSysPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").ChartPortletController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizChartPortlet;