@ibiz-template/vue3-components 0.6.2-dev.0 → 0.6.3

package/es/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.mjs

@@ -1,4 +1,4 @@
-import { computed, createVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-container.css';
 
@@ -84,14 +84,20 @@ const InternalMessageContainer = /* @__PURE__ */ defineComponent({
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), createVNode("div", {
       "class": this.ns.b("toolbar")
     }, [this.finalToolbarItems.map((item) => {
-      return createVNode("ion-icon", {
+      return createVNode(resolveComponent("iBizIcon"), {
         "class": this.ns.be("toolbar", "button"),
-        "name": item.icon,
+        "icon": {
+          imagePath: "svg/read.svg"
+        },
+        "baseDir": "iconfont",
         "title": item.tooltip,
         "onClick": (e) => this.onToolbarClick(e, item.key)
       }, null);
     })]), createVNode("div", {
       "class": this.ns.e("unread-tag")
+    }, null), this.isClickable && createVNode("ion-icon", {
+      "class": this.ns.e("click-tag"),
+      "name": "chevron-forward-outline"
     }, null)]);
   }
 });

package/es/panel-component/user-message/internal-message/common/internal-message-default/internal-message-default.provider.d.ts

@@ -3,6 +3,7 @@ import { IInternalMessageProvider } from '@ibiz-template/runtime';
 import { VNode } from 'vue';
 export declare class InternalMessageDefaultProvider implements IInternalMessageProvider {
     component: unknown;
+    router: IData;
     render(props: IData & {
         message: IInternalMessage;
     }): VNode;

package/es/panel-component/user-message/internal-message/common/internal-message-default/internal-message-default.provider.mjs

@@ -1,6 +1,7 @@
 import { IBizContext } from '@ibiz-template/core';
 import { parseViewProtocol, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { h } from 'vue';
+import { useRouter } from 'vue-router';
 import { InternalMessageDefault } from './internal-message-default.mjs';
 
 "use strict";
@@ -13,6 +14,7 @@ var __publicField = (obj, key, value) => {
 class InternalMessageDefaultProvider {
   constructor() {
     __publicField(this, "component", InternalMessageDefault);
+    __publicField(this, "router", useRouter());
   }
   render(props) {
     return h(this.component, {
@@ -24,7 +26,12 @@ class InternalMessageDefaultProvider {
     await ibiz.hub.notice.internalMessage.markRead(message);
     const redirectUrl = ibiz.env.isMob ? message.mobile_url : message.url;
     if (redirectUrl) {
-      this.openRedirectView(message, redirectUrl);
+      if (redirectUrl.startsWith("view://")) {
+        this.openRedirectView(message, redirectUrl);
+      } else if (redirectUrl.startsWith("route://")) {
+        const routeUrl = "/".concat(redirectUrl.split("route://")[1]);
+        this.router.push(routeUrl);
+      }
       return true;
     }
     return false;

package/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, reactive, onUnmounted, createVNode, createTextVNode, resolveComponent, defineComponent } from 'vue';
+import { ref, watch, reactive, onUnmounted, onMounted, createVNode, createTextVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { getInternalMessageProvider } from '@ibiz-template/runtime';
 import './internal-message-tab.css';
@@ -23,11 +23,13 @@ const InternalMessageTab = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("internal-message-tab");
     const hiddenPopover = () => {
       emit("hiddenPopover");
     };
     const c = props.controller;
+    const unreadOnlyTag = "".concat((_a = ibiz.appData) == null ? void 0 : _a.context.srfsystemid, "-unreadOnly");
     const hasNotice = ref(false);
     ibiz.mc.command.internalMessage.on(async (msg) => {
       ibiz.log.debug("mqtt internalMessage: ", msg);
@@ -68,7 +70,24 @@ const InternalMessageTab = /* @__PURE__ */ defineComponent({
     };
     const switchChange = () => {
       c.toggleUnReadOnly();
+      localStorage.setItem(unreadOnlyTag, c.unreadOnly.toString());
     };
+    const initUnreadOnly = () => {
+      const unreadOnlyStr = localStorage.getItem(unreadOnlyTag);
+      if (unreadOnlyStr) {
+        if (unreadOnlyStr === "true") {
+          state.unreadOnly = true;
+          c.unreadOnly = true;
+        } else {
+          state.unreadOnly = false;
+          c.unreadOnly = false;
+        }
+      }
+    };
+    onMounted(() => {
+      initUnreadOnly();
+      c.load();
+    });
     return {
       ns,
       allItems,

package/es/panel-component/user-message/user-message.d.ts

@@ -8,7 +8,7 @@ export declare const UserMessage: import("vue").DefineComponent<{
         required: true;
     };
     controller: {
-        type: typeof PanelItemController;
+        type: PropType<PanelItemController<import("@ibiz/model-core").IPanelItem>>;
         required: true;
     };
 }, {
@@ -30,7 +30,7 @@ export declare const UserMessage: import("vue").DefineComponent<{
         required: true;
     };
     controller: {
-        type: typeof PanelItemController;
+        type: PropType<PanelItemController<import("@ibiz/model-core").IPanelItem>>;
         required: true;
     };
 }>>, {}, {}>;

package/es/panel-component/user-message/user-message.mjs

@@ -1,6 +1,6 @@
-import { ref, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, onUnmounted, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { PanelItemController, PresetIdentifier } from '@ibiz-template/runtime';
+import { PresetIdentifier } from '@ibiz-template/runtime';
 import './user-message.css';
 import { AsyncActionTab } from './async-action/async-action-tab/async-action-tab.mjs';
 import './internal-message/index.mjs';
@@ -15,7 +15,7 @@ const UserMessage = /* @__PURE__ */ defineComponent({
       required: true
     },
     controller: {
-      type: PanelItemController,
+      type: Object,
       required: true
     }
   },
@@ -24,6 +24,7 @@ const UserMessage = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const noticeController = ibiz.hub.notice;
     const showPopover = ref(false);
+    let hiddenTime = 0;
     const currentTab = ref("notification");
     const sysImage = props.modelData.sysImage || {
       imagePath: "svg/message.svg"
@@ -43,6 +44,29 @@ const UserMessage = /* @__PURE__ */ defineComponent({
     const onBatchReadClick = () => {
       noticeController.internalMessage.batchMarkRead();
     };
+    const verifyAuthentication = async () => {
+      const res = await ibiz.net.get("/appdata");
+      if (res.ok) {
+        ibiz.appData = res.data;
+      }
+    };
+    const handleVisibleChange = () => {
+      if (document.visibilityState === "hidden") {
+        hiddenTime = (/* @__PURE__ */ new Date()).getTime();
+      } else {
+        const currentTime = (/* @__PURE__ */ new Date()).getTime();
+        const elapsedTime = (currentTime - hiddenTime) / 1e3;
+        if (elapsedTime > 5 * 60) {
+          verifyAuthentication();
+        }
+      }
+    };
+    onMounted(() => {
+      document.addEventListener("visibilitychange", handleVisibleChange);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("visibilitychange", handleVisibleChange);
+    });
     return {
       ns,
       c,
@@ -110,9 +134,12 @@ const UserMessage = /* @__PURE__ */ defineComponent({
           })]
         }), createVNode("div", {
           "class": this.ns.b("popover-icons")
-        }, [createVNode("ion-icon", {
+        }, [createVNode(resolveComponent("iBizIcon"), {
           "class": this.ns.b("popover-icons-read"),
-          "name": "checkmark-done-outline",
+          "icon": {
+            imagePath: "svg/read.svg"
+          },
+          "baseDir": "iconfont",
           "title": "\u5168\u90E8\u5DF2\u8BFB",
           "onClick": this.onBatchReadClick
         }, null)])]);

package/es/util/app-modal/app-modal-component.d.ts

@@ -15,6 +15,7 @@ export declare const AppModalComponent: import("vue").DefineComponent<{
         footerHide?: boolean | undefined;
         placement?: "center" | undefined;
         modalClass?: string | undefined;
+        isRouteModal?: boolean | undefined;
     }>;
     modalZIndex: number;
     customStyle: IData;

package/es/util/app-modal/app-modal-component.mjs

@@ -47,7 +47,7 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
       Object.assign(options.value, props.opts);
     }
     const modal = new Modal({
-      mode: ViewMode.MODAL,
+      mode: options.value.isRouteModal ? ViewMode.ROUTE_MODAL : ViewMode.MODAL,
       viewUsage: 2,
       dismiss: (data) => {
         zIndex.decrement();

package/es/util/notification-util/notification-util.d.ts

@@ -47,6 +47,7 @@ export declare class NotificationUtil implements INotificationUtil {
      * @Date: 2023-11-17 16:08:40
      */
     private setTimer;
+    default(params: NotificationParams): void;
     info(params: NotificationParams): void;
     success(params: NotificationParams): void;
     warning(params: NotificationParams): void;

package/es/util/notification-util/notification-util.mjs

@@ -71,6 +71,10 @@ class NotificationUtil {
       }, 50);
     }
   }
+  default(params) {
+    this.callStack.push(() => this.handleNotice(params, ""));
+    this.setTimer();
+  }
   info(params) {
     this.callStack.push(() => this.handleNotice(params, "info"));
     this.setTimer();

package/es/view-engine/calendar-view.engine.d.ts

@@ -1,5 +1,7 @@
-import { ViewController, ICalendarViewEvent, ICalendarViewState, MDViewEngine } from '@ibiz-template/runtime';
+import { ViewController, ICalendarViewEvent, ICalendarViewState, MDViewEngine, EventBase } from '@ibiz-template/runtime';
 import { IAppDECalendarView } from '@ibiz/model-core';
 export declare class CalendarViewEngine extends MDViewEngine {
     protected view: ViewController<IAppDECalendarView, ICalendarViewState, ICalendarViewEvent>;
+    protected onXDataActive(event: EventBase): Promise<void>;
+    onCreated(): Promise<void>;
 }

package/es/view-engine/calendar-view.engine.mjs

@@ -2,6 +2,17 @@ import { MDViewEngine } from '@ibiz-template/runtime';
 
 "use strict";
 class CalendarViewEngine extends MDViewEngine {
+  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+  async onXDataActive(event) {
+  }
+  async onCreated() {
+    super.onCreated();
+    const { model } = this.view;
+    if (!this.view.slotProps.calendar) {
+      this.view.slotProps.calendar = {};
+    }
+    this.view.slotProps.calendar.mdctrlActiveMode = model.mdctrlActiveMode;
+  }
 }
 
 export { CalendarViewEngine };

package/es/view-engine/gantt-view.engine.d.ts

@@ -1,8 +1,9 @@
-import { MDViewEngine, ViewController, IGanttViewState, IGanttViewEvent, IGanttController } from '@ibiz-template/runtime';
+import { MDViewEngine, ViewController, IGanttViewState, IGanttViewEvent, IGanttController, EventBase } from '@ibiz-template/runtime';
 import { IAppDEGanttView } from '@ibiz/model-core';
 export declare class GanttViewEngine extends MDViewEngine {
     protected view: ViewController<IAppDEGanttView, IGanttViewState, IGanttViewEvent>;
     get gantt(): IGanttController;
     call(key: string, args: any): Promise<IData | null | undefined>;
+    protected onXDataActive(event: EventBase): Promise<void>;
     onCreated(): Promise<void>;
 }

package/es/view-engine/gantt-view.engine.mjs

@@ -25,6 +25,9 @@ class GanttViewEngine extends MDViewEngine {
     }
     return super.call(key, args);
   }
+  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+  async onXDataActive(event) {
+  }
   async onCreated() {
     super.onCreated();
     const { model } = this.view;

package/es/view-engine/opt-view.engine.mjs

@@ -30,7 +30,7 @@ class OptViewEngine extends ViewEngineBase {
     }
     this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
-      if (this.form.state.modified) {
+      if (this.form.state.modified && this.view.model.enableDirtyChecking === true) {
         const isAllow = await ibiz.confirm.error({
           title: "\u5173\u95ED\u63D0\u9192",
           desc: "\u8868\u5355\u6570\u636E\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5173\u95ED\uFF1F"

package/es/view-engine/tree-grid-view.engine.d.ts

@@ -13,4 +13,5 @@ export declare class TreeGridViewEngine extends GridViewEngine {
      * @memberof TreeGridViewEngine
      */
     get xdataControlName(): string;
+    onCreated(): Promise<void>;
 }

package/es/view-engine/tree-grid-view.engine.mjs

@@ -14,6 +14,14 @@ class TreeGridViewEngine extends GridViewEngine {
   get xdataControlName() {
     return "treegrid";
   }
+  async onCreated() {
+    await super.onCreated();
+    if (!this.view.slotProps.treegrid) {
+      this.view.slotProps.treegrid = this.view.slotProps.grid;
+    } else {
+      Object.assign(this.view.slotProps.treegrid, this.view.slotProps.grid);
+    }
+  }
 }
 
 export { TreeGridViewEngine };

package/es/web-app/components/modal-router-shell/modal-router-shell.mjs

@@ -92,7 +92,8 @@ const ModalRouterShell = /* @__PURE__ */ defineComponent({
       const opts = {
         width: (appView == null ? void 0 : appView.width) || "80%",
         height: (appView == null ? void 0 : appView.height) || "80%",
-        footerHide: true
+        footerHide: true,
+        isRouteModal: true
       };
       overlay = ibiz.overlay.createModal(component, void 0, opts);
       overlay.present();

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -102,9 +102,13 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
             "disabled": this.actionsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {
-            default: () => [detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            default: () => [vue.createVNode("div", {
+              "class": this.ns.em("item", "icon")
+            }, [detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
               "icon": detail.sysImage
-            }, null), detail.showCaption ? detail.caption : ""]
+            }, null)]), vue.createVNode("div", {
+              "class": this.ns.em("item", "label")
+            }, [detail.showCaption ? detail.caption : ""])]
           })];
         }
         return null;

package/lib/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:8px 0;--ibiz-action-toolbar-popover-button-padding:8px 20px;--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0)}.ibiz-action-toolbar__item{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item .ibiz-icon{margin-right:3px}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:8px 0;--ibiz-action-toolbar-popover-button-padding:8px 20px;--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:0;font-size:14px;color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:6px}.ibiz-action-toolbar__separator{margin:0}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 4px 0 0;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:8px 0;--ibiz-action-toolbar-popover-button-padding:8px 20px;--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-spacing-extra-tight) 0;margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:3px;font-size:14px}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:0 4px 0 0;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:8px 0;--ibiz-action-toolbar-popover-button-padding:8px 20px;--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:0;font-size:14px;color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:6px}.ibiz-action-toolbar__separator{margin:0}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/carousel/carousel.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./carousel.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizCarouselComponent = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCarouselComponent",
+  props: {
+    carouselData: {
+      type: Array,
+      required: true
+    },
+    isAuto: {
+      type: Boolean,
+      default: true
+    },
+    timeSpan: {
+      type: Number,
+      default: 3e3
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("carousel-component");
+    const swipeData = vue.ref([]);
+    vue.watch(() => props.carouselData, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        swipeData.value = newVal;
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      swipeData
+    };
+  },
+  render() {
+    let _slot;
+    const renderPic = (item) => {
+      if (item.cssClass) {
+        if (item.cssClass.indexOf("fa-") !== -1) {
+          return vue.createVNode("i", {
+            "class": [item.cssClass]
+          }, null);
+        }
+        return vue.createVNode("ion-icon", {
+          "name": item.cssClass
+        }, null);
+      }
+      if (item.imgUrl) {
+        return vue.createVNode("img", {
+          "src": item.imgUrl,
+          "alt": item.name
+        }, null);
+      }
+    };
+    return vue.createVNode("div", null, [vue.createVNode(vue.resolveComponent("el-carousel"), {
+      "class": this.ns.b(),
+      "autoplay": this.isAuto,
+      "interval": this.timeSpan
+    }, _isSlot(_slot = this.swipeData.map((item) => {
+      return vue.createVNode(vue.resolveComponent("el-carousel-item"), {
+        "key": item.id
+      }, {
+        default: () => [item.linkPath ? vue.createVNode("a", {
+          "href": item.linkPath
+        }, [renderPic(item)]) : renderPic(item)]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+exports.IBizCarouselComponent = IBizCarouselComponent;

package/lib/common/carousel/carousel.css

@@ -0,0 +1 @@
+.ibiz-carousel-component .el-carousel__container .el-carousel__item{display:flex;align-items:center;justify-content:center}.ibiz-carousel-component .el-carousel__container .el-carousel__item img{display:inline-block;width:100%;height:100%}

package/lib/common/index.cjs

@@ -21,6 +21,7 @@ var dataImport2Table = require('./data-import2-table/data-import2-table.cjs');
 var dataImport2Select = require('./data-import2-select/data-import2-select.cjs');
 var gridSetting = require('./grid-setting/grid-setting.cjs');
 var doingNotice = require('./doing-notice/doing-notice.cjs');
+var carousel = require('./carousel/carousel.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -55,6 +56,7 @@ const IBizCommonComponents = {
       })
     );
     v.component(vue3Util.IBizBadge.name, vue3Util.IBizBadge);
+    v.component(carousel.IBizCarouselComponent.name, carousel.IBizCarouselComponent);
   }
 };
 

package/lib/control/calendar/calendar.cjs

@@ -107,6 +107,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         "class": itemClass,
         "key": item.deData.srfkey,
         "style": style,
+        "title": item.tips || item.text,
         "onClick": () => this.c.onRowClick(item),
         "onDblclick": () => this.c.onDbRowClick(item)
       }, [item.text]);
@@ -130,7 +131,6 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       return renderCalendarList(items);
     };
     const renderElCalender = () => {
-      var _a;
       return vue.createVNode("div", {
         "class": this.ns.b("content")
       }, [vue.createVNode(vue.resolveComponent("el-calendar"), {
@@ -141,8 +141,11 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         header: ({
           date
         }) => {
+          var _a;
           let _slot, _slot2, _slot3, _slot4, _slot5;
-          return [vue.createVNode("span", null, [date]), vue.createVNode("div", {
+          return [vue.createVNode("span", {
+            "class": this.ns.b("content-title")
+          }, [date]), vue.createVNode("div", {
             "class": this.ns.b("content-header")
           }, [vue.createVNode(vue.resolveComponent("el-date-picker"), {
             "modelValue": this.c.state.selectedDate,
@@ -185,6 +188,22 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
             }, _isSlot(_slot5 = ibiz.i18n.t("control.calendar.nextYear")) ? _slot5 : {
               default: () => [_slot5]
             })]
+          })]), vue.createVNode("div", {
+            "class": this.ns.b("legend")
+          }, [(_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.map((calendarItem) => {
+            let label = calendarItem.name;
+            if (calendarItem.nameLanguageRes) {
+              label = ibiz.i18n.t(calendarItem.nameLanguageRes.lanResTag, calendarItem.name);
+            }
+            return vue.createVNode("div", {
+              "class": this.ns.e("calendar-item")
+            }, [vue.createVNode("div", {
+              "class": this.ns.e("icon"),
+              "style": {
+                background: calendarItem.bkcolor,
+                color: calendarItem.color
+              }
+            }, null), label]);
           })])];
         },
         "date-cell": ({
@@ -201,23 +220,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns.b("items")
           }, [renderCalendarItems(date)])]);
         }
-      }), vue.createVNode("div", {
-        "class": this.ns.b("footer")
-      }, [(_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.map((calendarItem) => {
-        let label = calendarItem.name;
-        if (calendarItem.nameLanguageRes) {
-          label = ibiz.i18n.t(calendarItem.nameLanguageRes.lanResTag, calendarItem.name);
-        }
-        return vue.createVNode("div", {
-          "class": this.ns.e("calendar-item")
-        }, [vue.createVNode("div", {
-          "class": this.ns.e("icon"),
-          "style": {
-            background: calendarItem.bkcolor,
-            color: calendarItem.color
-          }
-        }, null), label]);
-      })])]);
+      })]);
     };
     const renderNoData = () => {
       const {

package/lib/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);width:100%;height:100%}.ibiz-control-calendar__calendar-item{display:flex;align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:10px;height:10px;margin-right:var(--ibiz-spacing-base-tight);border-radius:50%}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;cursor:pointer}.ibiz-control-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-calendar-content .el-calendar__body{display:flex;flex:1;padding:0}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-item:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item.is-active{background-color:var(--ibiz-control-calendar-active-bg-color);border:solid .5px var(--ibiz-control-calendar-border-color)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-calendar-content-header>*+*{margin-left:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar-footer{display:flex;justify-content:flex-end}.ibiz-control-calendar-footer>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-control-calendar-timeline-content .el-timeline{padding-left:0}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);width:100%;height:100%}.ibiz-control-calendar__calendar-item{display:flex;align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:10px;height:10px;margin-right:var(--ibiz-spacing-base-tight);border-radius:50%}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column}.ibiz-control-calendar-content .el-calendar__header{flex-wrap:wrap}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;cursor:pointer}.ibiz-control-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-calendar-content .el-calendar__body{display:flex;flex:1;padding:0}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-item:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item.is-active{background-color:var(--ibiz-control-calendar-active-bg-color);border:solid .5px var(--ibiz-control-calendar-border-color)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-title{line-height:var(--ibiz-editor-default-line-height)}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-calendar-content-header>*+*{margin-left:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar-legend{display:flex;justify-content:flex-end;width:100%}.ibiz-control-calendar-legend>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-control-calendar-timeline-content .el-timeline{padding-left:0}

package/lib/control/caption-bar/caption-bar.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./caption-bar.css');
 var runtime = require('@ibiz-template/runtime');
+require('./caption-bar.css');
 
 "use strict";
 const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
@@ -28,14 +28,9 @@ const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.CaptionBarController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
-    const modalMode = c.view.modal.mode;
-    if (modalMode === "ROUTE") {
-      ibiz.util.setBrowserTitle(c.state.caption);
-    }
+    c.setBrowserTabTitle();
     vue.onActivated(() => {
-      if (modalMode === "ROUTE") {
-        ibiz.util.setBrowserTitle(c.state.caption);
-      }
+      c.setBrowserTabTitle();
     });
     return {
       c,

package/lib/control/chart/chart.cjs

@@ -54,9 +54,12 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
-      default: () => [vue.createVNode("div", {
+      default: () => [vue.createVNode(vue.resolveComponent("el-empty"), {
+        "class": [this.ns.e("empty"), this.ns.is("no-data", this.c.state.items.length === 0)],
+        "description": "\u6682\u65E0\u6570\u636E"
+      }, null), vue.createVNode("div", {
         "ref": "chartRef",
-        "class": this.ns.e("chart")
+        "class": [this.ns.e("chart"), this.ns.is("no-data", this.c.state.items.length === 0)]
       }, [ibiz.i18n.t("control.chart.chartPlaceholder")])]
     });
   }

package/lib/control/chart/chart.css

@@ -1 +1 @@
-.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}
+.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}.ibiz-control-chart__chart.is-no-data{display:none}.ibiz-control-chart__empty{display:none;height:100%}.ibiz-control-chart__empty.is-no-data{display:flex}

package/lib/control/dashboard/dashboard.cjs

@@ -58,6 +58,7 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.DashboardController(...args));
+    const vue$1 = vue.getCurrentInstance().proxy;
     const customModelDatas = vue.ref([]);
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onCreated", () => {
@@ -68,6 +69,7 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
     const handleCustomModelChange = async (args) => {
       customModelDatas.value = args.model;
       await c.initPortlets(customModelDatas.value);
+      vue$1.$forceUpdate();
     };
     return {
       c,