@ibiz-template/vue3-components 0.7.34 → 0.7.37-alpha.5

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 { reactive, ref, nextTick, onMounted, resolveComponent, createVNode, defineComponent } 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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, watch, onUnmounted, createVNode, resolveComponent, h, createTextVNode } from 'vue';
+import { isVNode, ref, computed, watch, onUnmounted, resolveComponent, createVNode, h, createTextVNode, defineComponent } from 'vue';
 import { getPortletProvider } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from 'ramda';
@@ -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,44 @@
+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>;
+    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, getCurrentInstance, ref, isReactive, reactive, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './dashboard.css';
 import { DashboardController } from '@ibiz-template/runtime';
@@ -62,9 +62,11 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
     const vue = getCurrentInstance().proxy;
     const customModelDatas = 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);
+        }
       });
     });
     c.evt.on("onItemModelReset", async (args) => {
@@ -87,7 +89,17 @@ 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();
     };
     return {

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,42 @@
+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>;
+    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

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { DashboardControl } from './dashboard.mjs';
 import { DashboardDesign } from './dashboard-design/dashboard-design.mjs';
@@ -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.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ActionBarPortletController } from '@ibiz-template/runtime';
 

package/es/control/dashboard/portlet/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.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ChartPortletController, ControlType } from '@ibiz-template/runtime';
 

package/es/control/dashboard/portlet/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;

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

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { IDBContainerPortletPart } from '@ibiz/model-core';
+import { ContainerPortletController } from '@ibiz-template/runtime';
+import './container-portlet.scss';
+export declare const ContainerPortlet: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDBContainerPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof ContainerPortletController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDBContainerPortletPart>;
+        required: true;
+    };
+    controller: {
+        type: typeof ContainerPortletController;
+        required: true;
+    };
+}>>, {}, {}>;

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

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

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

@@ -0,0 +1,14 @@
+import { ContainerPortletController, IDashboardController, IPortletContainerController, IPortletProvider } from '@ibiz-template/runtime';
+import { IDBPortletPart } from '@ibiz/model-core';
+/**
+ * 数据看板容器适配器
+ *
+ * @author lxm
+ * @date 2022-10-19 15:10:44
+ * @export
+ * @class ListPortletProvider
+ */
+export declare class ContainerPortletProvider implements IPortletProvider {
+    component: string;
+    createController(portletModel: IDBPortletPart, dashboard: IDashboardController, parent?: IPortletContainerController): Promise<ContainerPortletController>;
+}

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

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

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

@@ -0,0 +1 @@
+.ibiz-filter-portlet-design{--ibiz-filter-portlet-design-layout-left-width:260px;display:flex;width:100%;height:100%}.ibiz-filter-portlet-design__layout-left{width:var(--ibiz-filter-portlet-design-layout-left-width);background-color:var(--ibiz-color-bg-0);border-right:1px solid var(--ibiz-color-border)}.ibiz-filter-portlet-design__layout-right{display:flex;flex:1;flex-direction:column}.ibiz-filter-portlet-design-left-content__title{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-extra-loose);margin:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-height-control-default)}.ibiz-filter-portlet-design-left-list{padding:0;padding:0 var(--ibiz-spacing-base-tight);margin:0;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);list-style:none outside none;color-scheme:light;cursor:pointer;visibility:visible;unicode-bidi:isolate}.ibiz-filter-portlet-design-left-list__item{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-base-loose);margin-bottom:var(--ibiz-spacing-base-tight);overflow:hidden;line-height:var(--ibiz-height-control-default);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--ibiz-border-radius-small);transition:background-color .3s,transform .3s}.ibiz-filter-portlet-design-left-list__item:last-child{margin-bottom:0}.ibiz-filter-portlet-design-left-list__item:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-filter-portlet-design-left-list__item.is-actvie{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-filter-portlet-design-left-list__item.is-disabled{cursor:no-drop;background-color:transparent}.ibiz-filter-portlet-design-right-content{flex:auto}.ibiz-filter-portlet-design-right-content__title{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-extra-loose);margin:var(--ibiz-spacing-tight) 0;line-height:var(--ibiz-height-control-default)}.ibiz-filter-portlet-design-right-form{padding:0 var(--ibiz-spacing-extra-loose)}.ibiz-filter-portlet-design-right-form__checks{position:relative}.ibiz-filter-portlet-design-right-form__checks .el-form-item__content{position:static}.ibiz-filter-portlet-design-right-form__checks .el-switch{position:absolute;top:0;right:0}.ibiz-filter-portlet-design-right-form .el-form-item{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-filter-portlet-design-right-form .el-form-item .el-form-item__label-wrap{margin-left:0!important}.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label::before,.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label::before{display:none}.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label::after,.ibiz-filter-portlet-design-right-form .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label::after{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);color:var(--el-color-danger);content:"*"}.ibiz-filter-portlet-design-right-form .el-select{width:100%}.ibiz-filter-portlet-design-checkbox__label{padding-left:var(--ibiz-spacing-tight)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked{cursor:not-allowed}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__inner::after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.ibiz-filter-portlet-design-checkbox.is-only-add .el-checkbox.is-checked .el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.ibiz-filter-portlet-design-checkbox .ibiz-icon{padding-left:var(--ibiz-spacing-tight)}.ibiz-filter-portlet-design-checkbox .el-checkbox__label{display:flex;align-items:center;padding-left:0}.ibiz-filter-portlet-design-checkbox .el-checkbox{--el-checkbox-input-border:var(--el-border-width) var(--el-border-style) var(--ibiz-color-border);--el-checkbox-disabled-checked-input-fill:var(--ibiz-color-border);--el-checkbox-text-color:var(--ibiz-color-disabled-text)}.ibiz-filter-portlet-design-condition{padding:0 var(--ibiz-spacing-extra-loose);overflow:auto}.ibiz-filter-portlet-design-footer{display:flex;justify-content:flex-end;padding:var(--ibiz-spacing-base) var(--ibiz-spacing-extra-loose)}