npm - @ibiz-template/vue3-components - Versions diffs - 0.7.31-alpha.0 → 0.7.37-alpha.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (301) hide show

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import { DashboardController } from '@ibiz-template/runtime';
+import { CustomDashboardController, DashboardController } from '@ibiz-template/runtime';
 import { IDashboard, IDBPortletPart } from '@ibiz/model-core';
 import { PropType } from 'vue';
 import './custom-dashboard-container.scss';
@@ -17,8 +17,10 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
     customC: {
         model: {
             customizeMode?: number | undefined;
+            dashboardStyle?: string | undefined;
             appDynaDashboardUtilId?: string | undefined;
             enableCustomized?: boolean | undefined;
+            showDashboardNavBar?: boolean | undefined;
             autoLoad?: boolean | undefined;
             enableItemPrivilege?: boolean | undefined;
             showBusyIndicator?: boolean | undefined;
@@ -2039,12 +2041,20 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 [key: string]: import("@ibiz-template/runtime").IPortletController;
             };
             dynaPortletMap: Map<string, IData>;
+            customDashboard: any | undefined;
+            setCustomDashboard: (customDashboard: CustomDashboardController) => void;
+            getCustomDashboard: () => CustomDashboardController | undefined;
             initPortlets: (portletModels: IDBPortletPart[], parent?: import("@ibiz-template/runtime").IPortletContainerController | undefined) => Promise<void>;
             initPortletsConfig: (config?: IData | undefined) => Promise<void>;
             resetPortlets: () => Promise<void>;
             loadAllDynaPortlet: () => Promise<IData[]>;
             loadDynaPortletById: (id: string) => Promise<IDBPortletPart | undefined>;
             dataChangeNotify: (data: IData) => Promise<void>;
+            openFilterDesignPage: (args?: {
+                id: string;
+            } | undefined) => Promise<void>;
+            refresh: (args?: IData | undefined) => Promise<void>;
+            getExtendParamsById: (id: string) => IParams;
             readonly view: {
                 evt: {
                     isDestroyed: boolean;
@@ -2202,6 +2212,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     setDataValue: (name: string, value: unknown) => Promise<void>;
                     view: any;
                     ctrlId: string;
+                    controlParams: IParams;
                     layoutPanel?: any | undefined;
                     scheduler?: {
                         logics: {
@@ -5139,6 +5150,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     calcViewMessages: (context: IContext, params: IParams) => Promise<import("@ibiz-template/runtime").IViewMessage[]>;
                 } | undefined;
                 closeView: (modalData?: import("@ibiz-template/runtime").IModalData | undefined) => Promise<void>;
+                redrawView: (redrawData: import("@ibiz-template/runtime").IRedrawData) => void;
                 call: <A_1 extends IData>(key: string, args?: A_1 | undefined) => Promise<any>;
                 callUIAction: (key: string, args?: Partial<import("@ibiz-template/runtime").IUILogicParams> | undefined) => Promise<import("@ibiz-template/runtime").IUIActionResult | null>;
                 handleContextParams: () => void;
@@ -12249,6 +12261,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         calcViewMessages: (context: IContext, params: IParams) => Promise<import("@ibiz-template/runtime").IViewMessage[]>;
                     } | undefined;
                     closeView: (modalData?: import("@ibiz-template/runtime").IModalData | undefined) => Promise<void>;
+                    redrawView: (redrawData: import("@ibiz-template/runtime").IRedrawData) => void;
                     call: <A_1 extends IData>(key: string, args?: A_1 | undefined) => Promise<any>;
                     callUIAction: (key: string, args?: Partial<import("@ibiz-template/runtime").IUILogicParams> | undefined) => Promise<import("@ibiz-template/runtime").IUIActionResult | null>;
                     handleContextParams: () => void;
@@ -16054,6 +16067,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     force: (_callback?: (() => void) | undefined) => void;
                 };
                 ctrlId: string;
+                controlParams: IParams;
                 layoutPanel?: any | undefined;
                 scheduler?: {
                     logics: {
@@ -19052,8 +19066,10 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             }) => void;
             readonly model: {
                 customizeMode?: number | undefined;
+                dashboardStyle?: string | undefined;
                 appDynaDashboardUtilId?: string | undefined;
                 enableCustomized?: boolean | undefined;
+                showDashboardNavBar?: boolean | undefined;
                 autoLoad?: boolean | undefined;
                 enableItemPrivilege?: boolean | undefined;
                 showBusyIndicator?: boolean | undefined;
@@ -21122,6 +21138,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
         layoutColNum: number;
         layoutRowH: number;
         portletConfig: IData;
+        portletFilter: IData;
         config: {
             save: (data: IData) => Promise<boolean>;
             load: () => Promise<IData>;
@@ -21146,16 +21163,17 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
         showDesignBtn: boolean;
         loadCustomModelData: () => Promise<IData>;
         resetCustomModelData: () => Promise<IData>;
-        saveCustomModelData: (model: IData[], opts?: IData | undefined) => Promise<IData>;
+        saveCustomModelData: (model: IData[], config?: IData | undefined, filter?: IData | undefined) => Promise<IData>;
     };
     isShowDesign: import("vue").Ref<boolean>;
     isInited: import("vue").Ref<boolean>;
-    isShowDefault: import("vue").ComputedRef<boolean>;
     showTypeDir: import("vue").Ref<boolean>;
+    showFilter: import("vue").Ref<boolean>;
     openDesign: () => void;
     onSaved: (args: IData) => Promise<void>;
     onReset: () => Promise<void>;
     clickCollapse: (type: string) => void;
+    openFilterDesign: () => 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>;

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

@@ -1,4 +1,4 @@
-import { reactive, ref, nextTick, computed, onMounted, resolveComponent, createVNode, defineComponent } 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 CHANGED Viewed

	@@ -1 +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}
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-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.mjs CHANGED Viewed

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
 import { IDashboard } from '@ibiz/model-core';
 import './dashboard.scss';
 import { DashboardController, IControlProvider } from '@ibiz-template/runtime';
@@ -21,7 +21,7 @@ export declare const DashboardControl: import("vue").DefineComponent<{
 }, {
     c: DashboardController;
     ns: import("@ibiz-template/core").Namespace;
-    customModelDatas: import("vue").Ref<never[]>;
+    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: {

package/es/control/dashboard/dashboard.mjs CHANGED Viewed

@@ -1,13 +1,16 @@
-import { isVNode, createVNode, resolveComponent, h, getCurrentInstance, ref, reactive, defineComponent } 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';
+import { uniqueId } from 'lodash-es';
 "use strict";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
+const refreshTagObj = {};
 function renderPortletByType(model, c, opts) {
+  var _a;
   const provider = c.providers[model.id];
   const controller = c.portlets[model.id];
   const commonProps = {
@@ -25,14 +28,14 @@ function renderPortletByType(model, c, opts) {
       key: model.id
     }, {
       default: () => {
-        var _a;
-        return (_a = container.controls) == null ? void 0 : _a.map((child) => renderPortletByType(child, c, opts));
+        var _a2;
+        return (_a2 = container.controls) == null ? void 0 : _a2.map((child) => renderPortletByType(child, c, opts));
       }
     });
   }
   return h(providerComp, {
     ...commonProps,
-    key: model.id
+    key: ((_a = refreshTagObj[model.id]) == null ? void 0 : _a.refreshtag) ? refreshTagObj[model.id].refreshtag : model.id
   });
 }
 const DashboardControl = /* @__PURE__ */ defineComponent({
@@ -59,13 +62,44 @@ 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) => {
+      const {
+        name
+      } = args;
+      const targetIndex = customModelDatas.value.findIndex((item) => {
+        return item.id === name;
       });
+      if (targetIndex !== -1) {
+        const app = ibiz.hub.getApp(ibiz.env.appId);
+        const model = await c.loadDynaPortletById("".concat(app.model.codeName, ".").concat(name));
+        if (model) {
+          refreshTagObj[model.id] = {
+            refreshtag: uniqueId()
+          };
+          customModelDatas.value.splice(targetIndex, 1, model);
+          vue.$forceUpdate();
+        }
+      }
     });
     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/index.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ export declare const IBizDashboardControl: import("@ibiz-template/vue3-util").Ty
 }, {
     c: import("@ibiz-template/runtime").DashboardController;
     ns: import("@ibiz-template/core").Namespace;
-    customModelDatas: import("vue").Ref<never[]>;
+    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: {

package/es/control/dashboard/index.mjs CHANGED Viewed

@@ -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/filter-portlet/filter-portlet-design/filter-portlet-design.css ADDED Viewed

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

package/es/control/dashboard/portlet/filter-portlet/filter-portlet-design/filter-portlet-design.d.ts ADDED Viewed

@@ -0,0 +1,64 @@
+import { PropType, Ref } from 'vue';
+import { IDBPortletPart } from '@ibiz/model-core';
+import './filter-portlet-design.scss';
+import { IModalData } from '@ibiz-template/runtime';
+export declare const IBizFilterPortletDesign: import("vue").DefineComponent<{
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    viewParams: {
+        type: PropType<IParams>;
+        required: true;
+    };
+    filter: {
+        type: PropType<IData>;
+    };
+    items: {
+        type: PropType<IDBPortletPart[]>;
+        default: () => never[];
+    };
+    dashboardStyle: {
+        type: StringConstructor;
+    };
+    dismiss: {
+        type: PropType<(_data?: IModalData) => void>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    loaded: Ref<boolean>;
+    formRef: Ref<any>;
+    renderRightContent: () => JSX.Element;
+    renderLeftContent: () => JSX.Element;
+    renderCondition: () => JSX.Element;
+    renderFooter: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("lisTSelect" | "formChange")[], "lisTSelect" | "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    viewParams: {
+        type: PropType<IParams>;
+        required: true;
+    };
+    filter: {
+        type: PropType<IData>;
+    };
+    items: {
+        type: PropType<IDBPortletPart[]>;
+        default: () => never[];
+    };
+    dashboardStyle: {
+        type: StringConstructor;
+    };
+    dismiss: {
+        type: PropType<(_data?: IModalData) => void>;
+        required: true;
+    };
+}>> & {
+    onLisTSelect?: ((...args: any[]) => any) | undefined;
+    onFormChange?: ((...args: any[]) => any) | undefined;
+}, {
+    items: IDBPortletPart[];
+}, {}>;