@ibiz-template/vue3-components 0.7.41-alpha.17 → 0.7.41-alpha.18

package/es/control/calendar/components/calendar-daily/use-calendar-daily.d.ts

@@ -1,6 +1,7 @@
-import type { SetupContext } from 'vue';
+import type { SetupContext, VNode } from 'vue';
+import { Namespace } from '@ibiz-template/core';
 import { CalendarDailyEmits, CalendarDailyProps, IUIEvent } from '../interface';
-export declare const useCalendarDaily: (props: CalendarDailyProps, emit: SetupContext<CalendarDailyEmits>['emit']) => {
+export declare const useCalendarDaily: (props: CalendarDailyProps, emit: SetupContext<CalendarDailyEmits>['emit'], _ns: Namespace) => {
     drawData: import("vue").Ref<string[]>;
     curTimeTimer: import("vue").Ref<any>;
     curTimeTop: import("vue").Ref<number>;
@@ -153,4 +154,7 @@ export declare const useCalendarDaily: (props: CalendarDailyProps, emit: SetupCo
     handleEventDblClick: (item: IUIEvent, location: string) => void;
     eventContextmenu: (item: IUIEvent, evt: MouseEvent) => Promise<void>;
     initDrawData: () => string[];
+    contentMousemove: (_event: MouseEvent) => void;
+    eventMouseenter: (_event: MouseEvent, _component: VNode, _location: string) => void;
+    eventMouseleave: (_e: MouseEvent) => void;
 };

package/es/control/calendar/components/calendar-daily/use-calendar-daily.mjs

@@ -1,9 +1,9 @@
-import { ref, computed } from 'vue';
+import { ref, computed, onBeforeUnmount } from 'vue';
 import '../util/index.mjs';
-import { checkDateRangeIncludes, handleTimeRange, isToday, handleBkColor, fade, handleEmit } from '../util/util.mjs';
+import { checkDateRangeIncludes, handleTimeRange, isToday, handleBkColor, fade, handleEmit, createFollowElement, followMouseMove, openPopover, removeFollowElement } from '../util/util.mjs';
 
 "use strict";
-const useCalendarDaily = (props, emit) => {
+const useCalendarDaily = (props, emit, _ns) => {
   const drawData = ref([]);
   const curTimeTimer = ref();
   const curTimeTop = ref(0);
@@ -229,6 +229,36 @@ const useCalendarDaily = (props, emit) => {
   const eventContextmenu = async (item, evt) => {
     emit("eventContextmenu", { evt, data: [item] });
   };
+  const followElement = createFollowElement();
+  let overlay = null;
+  let eventLocation = "";
+  const contentMousemove = (_event) => {
+    if (eventLocation === "content" && overlay && followElement)
+      followMouseMove(_event, followElement);
+  };
+  const eventMouseenter = (_event, _component, _location) => {
+    if (!props.showDetail || overlay) {
+      return;
+    }
+    const isContent = _location === "content";
+    eventLocation = _location;
+    overlay = openPopover(
+      _component,
+      isContent ? followElement : _event.target,
+      {
+        placement: isContent ? "right-start" : "bottom",
+        modalClass: _ns.e("event-popover")
+      }
+    );
+  };
+  const eventMouseleave = (_e) => {
+    overlay == null ? void 0 : overlay.dismiss();
+    overlay = null;
+    eventLocation = "";
+  };
+  onBeforeUnmount(() => {
+    removeFollowElement(followElement);
+  });
   return {
     drawData,
     curTimeTimer,
@@ -244,7 +274,10 @@ const useCalendarDaily = (props, emit) => {
     handleEventClick,
     handleEventDblClick,
     eventContextmenu,
-    initDrawData
+    initDrawData,
+    contentMousemove,
+    eventMouseenter,
+    eventMouseleave
   };
 };
 

package/es/control/calendar/components/calendar-user/calendar-user.css

@@ -1 +1 @@
-.ibiz-calendar-user{--ibiz-calendar-user-cell-min-height:60px;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-spacing-base);overflow:hidden}.ibiz-calendar-user__cell{min-height:var(--ibiz-calendar-user-cell-min-height);border-bottom:1px solid var(--ibiz-color-tertiary);border-left:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user__cell:last-child{border-right:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user__black{width:100%;height:100%}.ibiz-calendar-user .ibiz-calendar-user-more{flex-shrink:0;padding-left:var(--ibiz-spacing-tight);overflow:hidden;font-size:var(--ibiz-font-size-small);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-calendar-user .ibiz-calendar-user-more:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-calendar-user .ibiz-calendar-user-header{flex-shrink:0}.ibiz-calendar-user-header__top{border-top:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user-header__time-item{display:flex;justify-content:space-between;width:100%}.ibiz-calendar-user-header__week-day{display:flex;flex:1;align-items:center;justify-content:center;width:100%}.ibiz-calendar-user-header__week-item{display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden}.ibiz-calendar-user-header__time-text{display:flex;flex:1;align-items:center;justify-content:center}.ibiz-calendar-user .ibiz-calendar-user-content{position:relative;flex:1;width:100%;height:100%;overflow:hidden}.ibiz-calendar-user-content__time-item{display:flex;justify-content:space-between;width:100%}.ibiz-calendar-user-content__time-text{display:flex;flex:1;align-items:center;justify-content:center}.ibiz-calendar-user-content__week-item{display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden}.ibiz-calendar-user-content__wrapping{width:100%;height:100%;overflow:auto}.ibiz-calendar-user-content__wrapping::-webkit-scrollbar{display:none}.ibiz-calendar-user-scroll-bar{position:absolute;top:var(--ibiz-calendar-user-scroll-bar-thumb-top);right:0;z-index:10;width:4px;height:100%;border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-calendar-user-scroll-bar__thumb{width:4px;height:var(--ibiz-calendar-user-scroll-bar-thumb-height);cursor:pointer;background-color:#d3d3d3;border-radius:var(--ibiz-border-radius-extra-small)}
+.ibiz-calendar-user{--ibiz-calendar-user-cell-min-height:60px;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-spacing-base);overflow:hidden}.ibiz-calendar-user__cell{min-height:var(--ibiz-calendar-user-cell-min-height);padding:0 var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-tertiary);border-left:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user__cell:last-child{border-right:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user__cell .ibiz-control-calendar-item{height:auto}.ibiz-calendar-user__cell .ibiz-control-calendar-item.is-active{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-calendar-user__black{width:100%;height:100%}.ibiz-calendar-user__custom-user-popover .ibiz-control-calendar-item{height:auto}.ibiz-calendar-user__custom-user-popover .ibiz-control-calendar-item.is-active{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-calendar-user .ibiz-calendar-user-more{flex-shrink:0;padding-left:var(--ibiz-spacing-tight);overflow:hidden;font-size:var(--ibiz-font-size-small);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-calendar-user .ibiz-calendar-user-more:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-calendar-user .ibiz-calendar-user-header{flex-shrink:0}.ibiz-calendar-user-header__top{border-top:1px solid var(--ibiz-color-tertiary)}.ibiz-calendar-user-header__time-item{display:flex;justify-content:space-between;width:100%}.ibiz-calendar-user-header__week-day{display:flex;flex:1;align-items:center;justify-content:center;width:100%}.ibiz-calendar-user-header__week-item{display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden}.ibiz-calendar-user-header__time-text{display:flex;flex:1;align-items:center;justify-content:center}.ibiz-calendar-user .ibiz-calendar-user-content{position:relative;flex:1;width:100%;height:100%;overflow:hidden}.ibiz-calendar-user-content__time-item{display:flex;justify-content:space-between;width:100%}.ibiz-calendar-user-content__time-text{display:flex;flex:1;align-items:center;justify-content:center}.ibiz-calendar-user-content__week-item{display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden}.ibiz-calendar-user-content__wrapping{width:100%;height:100%;overflow:auto}.ibiz-calendar-user-content__wrapping::-webkit-scrollbar{display:none}.ibiz-calendar-user-scroll-bar{position:absolute;top:var(--ibiz-calendar-user-scroll-bar-thumb-top);right:0;z-index:10;width:4px;height:100%;border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-calendar-user-scroll-bar__thumb{width:4px;height:var(--ibiz-calendar-user-scroll-bar-thumb-height);cursor:pointer;background-color:#d3d3d3;border-radius:var(--ibiz-border-radius-extra-small)}

package/es/control/calendar/components/calendar-user/calendar-user.mjs

@@ -53,6 +53,7 @@ const CalendarUser = /* @__PURE__ */ defineComponent({
         return [(_a = slots.event) == null ? void 0 : _a.call(slots, {
           data: items[0]
         }), createVNode(resolveComponent("el-popover"), {
+          "popper-class": ns.e("custom-user-popover"),
           "trigger": "click",
           "ref": (el) => {
             if (el && items[0].id === popoverValue.value) {

package/es/control/calendar/components/calendar-week/calendar-week.css

@@ -1 +1 @@
-.ibiz-calendar-week{display:flex;flex:1;flex-direction:column;width:100%;height:100%;overflow:hidden}.ibiz-calendar-week__header{position:relative;z-index:100;display:flex;flex-direction:column;width:100%;height:150px;min-height:150px}.ibiz-calendar-week__header--date-cell-first{width:90px;max-width:90px;height:100%;border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__header--event-cell-first{display:flex;align-items:center;justify-content:center;width:90px;max-width:90px;height:100%;padding-left:40px;border-right:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__header--dates{display:flex;justify-content:space-between;width:calc(100% - 7px);height:96px}.ibiz-calendar-week__header--date-cell{display:flex;flex:1;flex-direction:column;align-items:center;border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__header--date-week{width:100%;height:26px;margin-top:6px;text-align:center}.ibiz-calendar-week__header--date-day{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-top:6px;font-weight:600;border:none;border-radius:50%}.ibiz-calendar-week__header--date-day.is-today{color:var(--ibiz-color-primary-text);background:var(--ibiz-color-primary)}.ibiz-calendar-week__header--events{display:flex;flex:1;width:100%;height:30px;overflow:hidden;position:relative}.ibiz-calendar-week__header--event-container{width:calc(100% - 97px);height:100%;overflow-y:auto;overflow-x:hidden}.ibiz-calendar-week__header--event-container::-webkit-scrollbar{display:none}.ibiz-calendar-week__header--container-scroll{display:flex;height:auto}.ibiz-calendar-week__header--event-cell{position:relative;top:0;left:0;flex:1;width:100%;height:auto}.ibiz-calendar-week__header--event-cell::after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:var(--ibiz-calendar-week-header-event-scroll-real-height);border-right:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__header--event-box{position:absolute;display:flex;min-width:32px}.ibiz-calendar-week__header--event-box:has(.ibiz-calendar-week__header--check){min-width:50px}.ibiz-calendar-week__header--event-content{position:relative;z-index:2;width:100%;height:100%;min-height:22px;padding-left:4px;cursor:pointer;background-color:var(--ibiz-color-primary);border:none;outline:0}.ibiz-calendar-week__header--event-content.is-selected-event{padding-right:20px}.ibiz-calendar-week__header--event-summary{width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-calendar-week__header--resizable-handle{position:absolute;bottom:-6px;display:flex;align-items:center;width:calc(100% - 7px);height:10px;cursor:row-resize}.ibiz-calendar-week__header--resize-line{width:100%;height:1px;background-color:var(--ibiz-color-border)}.ibiz-calendar-week__header--check{position:absolute;top:50%;right:6px;color:var(--ibiz-color-primary);transform:translate(0,-50%)}.ibiz-calendar-week__scroll-area{flex:1;overflow:hidden scroll}.ibiz-calendar-week__time-pane{position:relative;display:flex;flex:1 1 0%;width:calc(100% - 3px);height:auto}.ibiz-calendar-week__time-pane--time-labels{position:sticky;left:0;width:90px;min-width:90px;padding:27px 0 27px 40px;border-right:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__time-pane--time-label{height:22px;margin-top:38px;line-height:22px;text-align:left}.ibiz-calendar-week__time-pane--time-label:nth-child(1){height:22px;margin-top:22px}.ibiz-calendar-week__time-pane--time-columns{position:relative;flex:1;padding-bottom:60px;border-right:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__time-pane--time-column{height:60px;border-top:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__time-pane--time-column:nth-child(1){border-top:none}.ibiz-calendar-week__time-pane--time-column-last{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__time-pane--event-timed-container{position:absolute;top:0;width:100%;height:100%;overflow:hidden}.ibiz-calendar-week__time-pane--container-scroll{position:relative;top:0;width:100%;height:100%;overflow:auto;overflow:hidden}.ibiz-calendar-week__time-pane--event-box{position:absolute;width:auto;height:auto;padding:0 2px}.ibiz-calendar-week__time-pane--event-content{position:relative;z-index:3;width:100%;height:100%;padding:8px;overflow:hidden;line-height:100%;text-align:left;cursor:pointer;border:none;outline:0}.ibiz-calendar-week__time-pane--event-content.is-selected-event{border:1px solid var(--ibiz-color-primary)}.ibiz-calendar-week__time-pane--event-summary{width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-calendar-week__time-pane--event-summary>span{margin-right:4px}.ibiz-calendar-week__event-popover{position:relative;width:auto;height:auto;padding:0}.ibiz-calendar-week__event-popover.el-popover.el-popper{padding:8px}.ibiz-calendar-week__event-popover:has(.ibiz-control-calendar-item-default){display:none!important}.ibiz-calendar-week__event-popover--body{width:auto;height:auto;overflow:hidden}.ibiz-calendar-week__event-popover--scroll{width:auto;min-width:200px;height:auto;max-height:80%;overflow:auto;pointer-events:none}.ibiz-calendar-week__event-popover--scroll .ibiz-control-calendar-item:last-child{margin-bottom:0}.ibiz-calendar-week__event-popover--scroll .ibiz-control-calendar-item.is-active{background-color:transparent;border-color:transparent}.ibiz-calendar-week__event-popover--close{position:absolute;top:8px;right:8px;display:none;cursor:pointer}.ibiz-calendar-week__event-popover--close:hover .el-icon{background:var(--ibiz-color-primary);border-radius:50%}.ibiz-calendar-week__event-popover--close:hover .el-icon svg{fill:var(--ibiz-color-white)}.ibiz-calendar-week__event-popover .el-icon{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;font-size:20px}.ibiz-calendar-week__event-popover .el-icon svg{fill:var(--el-text-color-secondary)}.ibiz-calendar-week-scroll-bar{position:absolute;top:var(--ibiz-calendar-week-header-event-scroll-bar-thumb-top);right:0;z-index:10;width:4px;height:100%;border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-calendar-week-scroll-bar__thumb{width:4px;height:var(--ibiz-calendar-week-header-event-scroll-bar-thumb-height);cursor:pointer;background-color:var(--ibiz-color-fill-2);border-radius:var(--ibiz-border-radius-extra-small)}
+.ibiz-calendar-week{display:flex;flex:1;flex-direction:column;width:100%;height:100%;overflow:hidden}.ibiz-calendar-week__header{position:relative;z-index:100;display:flex;flex-direction:column;width:100%;height:150px;min-height:150px}.ibiz-calendar-week__header--date-cell-first{width:90px;max-width:90px;height:100%;border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__header--event-cell-first{display:flex;align-items:center;justify-content:center;width:90px;max-width:90px;height:100%;padding-left:40px;border-right:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__header--dates{display:flex;justify-content:space-between;width:calc(100% - 7px);height:96px}.ibiz-calendar-week__header--date-cell{display:flex;flex:1;flex-direction:column;align-items:center;border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__header--date-week{width:100%;height:26px;margin-top:6px;text-align:center}.ibiz-calendar-week__header--date-day{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-top:6px;font-weight:600;border:none;border-radius:50%}.ibiz-calendar-week__header--date-day.is-today{color:var(--ibiz-color-primary-text);background:var(--ibiz-color-primary)}.ibiz-calendar-week__header--events{display:flex;flex:1;width:100%;height:30px;overflow:hidden;position:relative}.ibiz-calendar-week__header--event-container{width:calc(100% - 97px);height:100%;overflow-y:auto;overflow-x:hidden}.ibiz-calendar-week__header--event-container::-webkit-scrollbar{display:none}.ibiz-calendar-week__header--container-scroll{display:flex;height:auto}.ibiz-calendar-week__header--event-cell{position:relative;top:0;left:0;flex:1;width:100%;height:auto}.ibiz-calendar-week__header--event-cell::after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:var(--ibiz-calendar-week-header-event-scroll-real-height);border-right:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__header--event-box{position:absolute;display:flex;min-width:32px}.ibiz-calendar-week__header--event-box:has(.ibiz-calendar-week__header--check){min-width:50px}.ibiz-calendar-week__header--event-content{position:relative;z-index:2;width:100%;height:100%;min-height:22px;cursor:pointer;background-color:var(--ibiz-color-primary);border:none;outline:0}.ibiz-calendar-week__header--event-content.is-selected-event{padding-right:20px}.ibiz-calendar-week__header--event-summary{width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-calendar-week__header--resizable-handle{position:absolute;bottom:-6px;display:flex;align-items:center;width:calc(100% - 7px);height:10px;cursor:row-resize}.ibiz-calendar-week__header--resize-line{width:100%;height:1px;background-color:var(--ibiz-color-border)}.ibiz-calendar-week__header--check{position:absolute;top:50%;right:6px;color:var(--ibiz-color-primary);transform:translate(0,-50%)}.ibiz-calendar-week__scroll-area{flex:1;overflow:hidden scroll}.ibiz-calendar-week__time-pane{position:relative;display:flex;flex:1 1 0%;width:calc(100% - 3px);height:auto}.ibiz-calendar-week__time-pane--time-labels{position:sticky;left:0;width:90px;min-width:90px;padding:27px 0 27px 40px;border-right:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__time-pane--time-label{height:22px;margin-top:38px;line-height:22px;text-align:left}.ibiz-calendar-week__time-pane--time-label:nth-child(1){height:22px;margin-top:22px}.ibiz-calendar-week__time-pane--time-columns{position:relative;flex:1;padding-bottom:60px;border-right:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__time-pane--time-column{height:60px;border-top:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__time-pane--time-column:nth-child(1){border-top:none}.ibiz-calendar-week__time-pane--time-column-last{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-week__time-pane--event-timed-container{position:absolute;top:0;width:100%;height:100%;overflow:hidden}.ibiz-calendar-week__time-pane--container-scroll{position:relative;top:0;width:100%;height:100%;overflow:auto;overflow:hidden}.ibiz-calendar-week__time-pane--event-box{position:absolute;width:auto;height:auto;padding:0 2px}.ibiz-calendar-week__time-pane--event-content{position:relative;z-index:3;width:100%;height:100%;padding:8px;overflow:hidden;line-height:100%;text-align:left;cursor:pointer;border:none;outline:0}.ibiz-calendar-week__time-pane--event-content.is-selected-event{border:1px solid var(--ibiz-color-primary)}.ibiz-calendar-week__time-pane--event-summary{width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-calendar-week__time-pane--event-summary>span{margin-right:4px}.ibiz-calendar-week__event-popover{width:auto;height:auto;padding:0}.ibiz-calendar-week__event-popover.ibiz-popover{position:absolute;z-index:110;padding:var(--ibiz-spacing-tight);background:var(--ibiz-color-bg-1);border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-calendar-week__event-popover:has(.ibiz-control-calendar-item-default){display:none!important}.ibiz-calendar-week__event-popover--body{width:auto;height:auto;overflow:hidden}.ibiz-calendar-week__event-popover--scroll{width:auto;min-width:200px;height:auto;max-height:80%;overflow:auto;pointer-events:none}.ibiz-calendar-week__event-popover--scroll .ibiz-control-calendar-item:last-child{margin-bottom:0}.ibiz-calendar-week__event-popover--scroll .ibiz-control-calendar-item.is-active{background-color:transparent;border-color:transparent}.ibiz-calendar-week-scroll-bar{position:absolute;top:var(--ibiz-calendar-week-header-event-scroll-bar-thumb-top);right:0;z-index:10;width:4px;height:100%;border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-calendar-week-scroll-bar__thumb{width:4px;height:var(--ibiz-calendar-week-header-event-scroll-bar-thumb-height);cursor:pointer;background-color:var(--ibiz-color-fill-2);border-radius:var(--ibiz-border-radius-extra-small)}

package/es/control/calendar/components/calendar-week/calendar-week.mjs

@@ -1,12 +1,10 @@
-import { watch, onMounted, onUnmounted, createVNode, resolveComponent, defineComponent } from 'vue';
+import { watch, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import '../interface/index.mjs';
 import { useCalendarWeek } from './use-calendar-week.mjs';
 import './calendar-week.css';
-import '../util/index.mjs';
 import { calendarWeekProps, calendarWeekEmits } from '../interface/calendar-week.mjs';
-import { handlePopClose, closeIcon } from '../util/util.mjs';
 
 "use strict";
 const CalendarWeek = /* @__PURE__ */ defineComponent({
@@ -44,8 +42,11 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
       onScrollbarMouseDown,
       onHeaderEventScroll,
       initHeaderEventScroll,
-      eventContextmenu
-    } = useCalendarWeek(props, emit);
+      eventContextmenu,
+      contentMousemove,
+      eventMouseenter,
+      eventMouseleave
+    } = useCalendarWeek(props, emit, ns);
     watch(() => props.selectedData, () => {
       if (props.selectedData && props.selectedData.length > 0) {
         const data = props.selectedData.length > selectedData.value.length ? props.selectedData : selectedData.value;
@@ -91,6 +92,23 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
         "onMousedown": onScrollbarMouseDown
       }, null)]);
     };
+    const renderPopoverContent = (_event) => {
+      var _a;
+      const _tempEvent = {
+        ..._event,
+        color: "",
+        bkColor: ""
+      };
+      return createVNode("div", {
+        "class": [ns.em("event-popover", "body")]
+      }, [createVNode("div", {
+        "class": [ns.em("event-popover", "scroll")]
+      }, [(slots == null ? void 0 : slots.event) ? (_a = slots.event) == null ? void 0 : _a.call(slots, {
+        data: _tempEvent
+      }) : createVNode("div", {
+        "class": [ns.em("event-popover", "content")]
+      }, ["".concat(_event.text || "", " ").concat(_event.timeRange || "")])])]);
+    };
     const renderEventItem = (location, eventBoxStyle, eventContentStyle, event, index, slotNme, classEName) => {
       var _a;
       let title = "".concat(event.text || "");
@@ -99,6 +117,7 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
       title = showTitle(title) || "";
       if (props.showDetail)
         title = "";
+      const component = renderPopoverContent(event);
       return createVNode("div", {
         "key": index,
         "class": [ns.em(classEName, "event-box")],
@@ -112,6 +131,8 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
           handleEventDblClick(event, "head");
         },
         "onContextmenu": (e) => eventContextmenu(event, e),
+        "onMouseenter": (_e) => eventMouseenter(_e, component, location),
+        "onMouseleave": eventMouseleave,
         "style": eventContentStyle,
         "title": title
       }, [slots[slotNme] ? (_a = slots[slotNme]) == null ? void 0 : _a.call(slots, {
@@ -129,41 +150,6 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
         "class": ["fa fa-check", ns.em(classEName, "check")]
       }, null) : ""])]);
     };
-    const renderPopover = (content, event, placement) => {
-      if (!props.showDetail) {
-        return content;
-      }
-      const _tempEvent = {
-        ...event,
-        color: "",
-        bkColor: ""
-      };
-      return createVNode(resolveComponent("el-popover"), {
-        "show-after": 100,
-        "offset": 4,
-        "width": "auto",
-        "popper-class": [ns.e("event-popover")],
-        "placement": placement || "right-start"
-      }, {
-        reference: () => content,
-        default: () => {
-          var _a;
-          return createVNode("div", {
-            "class": [ns.em("event-popover", "body")]
-          }, [createVNode("div", {
-            "class": [ns.em("event-popover", "close")],
-            "onClick": (el) => handlePopClose(el),
-            "innerHTML": closeIcon
-          }, null), createVNode("div", {
-            "class": [ns.em("event-popover", "scroll")]
-          }, [(slots == null ? void 0 : slots.event) ? (_a = slots.event) == null ? void 0 : _a.call(slots, {
-            data: _tempEvent
-          }) : createVNode("div", {
-            "class": [ns.em("event-popover", "content")]
-          }, ["".concat(event.text || "", " ").concat(event.timeRange || "")])])]);
-        }
-      });
-    };
     const renderHeader = () => {
       return createVNode("div", {
         "class": [ns.e("header")],
@@ -205,8 +191,7 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
         };
         if (!event.isShow)
           return "";
-        const tempContent = renderEventItem("header", eventBoxStyle, eventContentStyle, event, index, "head-event", "header");
-        return renderPopover(tempContent, event, "bottom");
+        return renderEventItem("header", eventBoxStyle, eventContentStyle, event, index, "head-event", "header");
       })]))]), isScroll.value && renderScrollbar()])]), createVNode("div", {
         "class": ns.em("header", "resizable-handle"),
         "draggable": "true",
@@ -219,7 +204,8 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
     };
     const renderContent = () => {
       return createVNode("div", {
-        "class": [ns.e("scroll-area")]
+        "class": [ns.e("scroll-area")],
+        "onMousemove": contentMousemove
       }, [createVNode("div", {
         "class": ns.e("time-pane")
       }, [createVNode("div", {
@@ -254,8 +240,7 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
           background: event.bkColorFade,
           "border-left": "3px solid ".concat(event.bkColor)
         };
-        const tempContent = renderEventItem("content", eventBoxStyle, eventContentStyle, event, index, "", "time-pane");
-        return renderPopover(tempContent, event);
+        return renderEventItem("content", eventBoxStyle, eventContentStyle, event, index, "", "time-pane");
       })])])]))])]);
     };
     return {

package/es/control/calendar/components/calendar-week/use-calendar-week.d.ts

@@ -1,6 +1,7 @@
-import type { SetupContext } from 'vue';
+import type { SetupContext, VNode } from 'vue';
+import { Namespace } from '@ibiz-template/core';
 import { CalendarWeekEmits, CalendarWeekProps, IUIEvent } from '../interface';
-export declare const useCalendarWeek: (props: CalendarWeekProps, emit: SetupContext<CalendarWeekEmits>['emit']) => {
+export declare const useCalendarWeek: (props: CalendarWeekProps, emit: SetupContext<CalendarWeekEmits>['emit'], _ns: Namespace) => {
     drawData: import("vue").Ref<string[]>;
     curTimeTimer: import("vue").Ref<any>;
     curTimeTop: import("vue").Ref<number>;
@@ -167,4 +168,7 @@ export declare const useCalendarWeek: (props: CalendarWeekProps, emit: SetupCont
     onHeaderEventScroll: (event: Event) => void;
     initHeaderEventScroll: () => void;
     eventContextmenu: (item: IUIEvent, evt: MouseEvent) => Promise<void>;
+    contentMousemove: (_event: MouseEvent) => void;
+    eventMouseenter: (_event: MouseEvent, _component: VNode, _location: string) => void;
+    eventMouseleave: (_e: MouseEvent) => void;
 };

package/es/control/calendar/components/calendar-week/use-calendar-week.mjs

@@ -1,9 +1,9 @@
-import { ref, computed, nextTick, watch } from 'vue';
+import { ref, computed, nextTick, watch, onBeforeUnmount } from 'vue';
 import '../util/index.mjs';
-import { handleTimeRange, isToday, handleBkColor, fade, isDateInCurWeek, isTimeGreaterThan, checkDateRangeIncludes, getCurWeekDates, handleEmit } from '../util/util.mjs';
+import { handleTimeRange, isToday, handleBkColor, fade, isDateInCurWeek, isTimeGreaterThan, checkDateRangeIncludes, getCurWeekDates, handleEmit, createFollowElement, followMouseMove, openPopover, removeFollowElement } from '../util/util.mjs';
 
 "use strict";
-const useCalendarWeek = (props, emit) => {
+const useCalendarWeek = (props, emit, _ns) => {
   const drawData = ref([]);
   const curTimeTimer = ref();
   const curTimeTop = ref(1);
@@ -522,6 +522,36 @@ const useCalendarWeek = (props, emit) => {
       deep: true
     }
   );
+  const followElement = createFollowElement();
+  let overlay = null;
+  let eventLocation = "";
+  const contentMousemove = (_event) => {
+    if (eventLocation === "content" && overlay && followElement)
+      followMouseMove(_event, followElement);
+  };
+  const eventMouseenter = (_event, _component, _location) => {
+    if (!props.showDetail || overlay) {
+      return;
+    }
+    const isContent = _location === "content";
+    eventLocation = _location;
+    overlay = openPopover(
+      _component,
+      isContent ? followElement : _event.target,
+      {
+        placement: isContent ? "right-start" : "bottom",
+        modalClass: _ns.e("event-popover")
+      }
+    );
+  };
+  const eventMouseleave = (_e) => {
+    overlay == null ? void 0 : overlay.dismiss();
+    overlay = null;
+    eventLocation = "";
+  };
+  onBeforeUnmount(() => {
+    removeFollowElement(followElement);
+  });
   return {
     drawData,
     curTimeTimer,
@@ -551,7 +581,10 @@ const useCalendarWeek = (props, emit) => {
     onScrollbarMouseDown,
     onHeaderEventScroll,
     initHeaderEventScroll,
-    eventContextmenu
+    eventContextmenu,
+    contentMousemove,
+    eventMouseenter,
+    eventMouseleave
   };
 };
 

package/es/control/calendar/components/custom-calendar/custom-calendar.css

@@ -1 +1 @@
-.ibiz-custom-calendar{width:100%;height:100%}.ibiz-custom-calendar__calendar-day{display:flex;flex-direction:column;width:100%;min-width:380px;height:100%;min-height:900px;border:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-day--header{padding:0 40px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-day--header-top{display:flex;align-items:center;justify-content:space-between;height:70px}.ibiz-custom-calendar__calendar-day--title{min-width:80px;font-size:20px}.ibiz-custom-calendar__calendar-day--text-secondary{height:56px;line-height:56px;text-align:left}.ibiz-custom-calendar__calendar-day--select-time{width:130px;height:32px}.ibiz-custom-calendar__calendar-day--select-time .el-input__suffix{display:none}.ibiz-custom-calendar__calendar-day--legend{display:flex;flex-grow:1;align-items:center;justify-content:center;height:100%;overflow:auto}.ibiz-custom-calendar__calendar-day--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-custom-calendar__calendar-day--legend-item-tip{display:inline-block;width:1.5em;height:.9em;margin-right:var(--ibiz-spacing-extra-tight);border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-custom-calendar__calendar-day--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-week{display:flex;flex-direction:column;width:100%;min-width:380px;height:100%;border:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-week--header{padding:0 40px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-week--header-top{display:flex;align-items:center;justify-content:space-between;height:70px}.ibiz-custom-calendar__calendar-week--title{min-width:80px;font-size:20px}.ibiz-custom-calendar__calendar-week--text-secondary{height:56px;line-height:56px;text-align:left}.ibiz-custom-calendar__calendar-week--select-time{width:130px;height:32px}.ibiz-custom-calendar__calendar-week--select-time .el-input__suffix{display:none}.ibiz-custom-calendar__calendar-week--legend{display:flex;flex-grow:1;align-items:center;justify-content:center;height:100%;overflow:auto}.ibiz-custom-calendar__calendar-week--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-custom-calendar__calendar-week--legend-item-tip{display:inline-block;width:1.5em;height:.9em;margin-right:var(--ibiz-spacing-extra-tight);border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-custom-calendar__calendar-week--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-month{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-custom-calendar__calendar-month--body{flex-grow:1;width:100%;height:calc(100% - 58px)}.ibiz-custom-calendar__calendar-month--legend{display:flex;align-items:center;justify-content:center;width:auto;height:100%}.ibiz-custom-calendar__calendar-month--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-custom-calendar__calendar-month--legend-item-tip{display:inline-block;width:1.5em;height:.9em;margin-right:var(--ibiz-spacing-extra-tight);border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-custom-calendar__calendar-month--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-month--header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:12px 20px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-month--button-group{display:flex;align-items:center;justify-content:space-between;width:388px}.ibiz-custom-calendar__header--title{min-width:120px}.ibiz-custom-calendar__calendar-user-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--ibiz-spacing-base)}.ibiz-custom-calendar__calendar-user-header--right .el-date-editor.el-date-editor--week.el-input{width:250px}.ibiz-custom-calendar .el-date-editor.el-input,.ibiz-custom-calendar .el-date-editor.el-input__wrapper{width:130px;height:32px}
+.ibiz-custom-calendar{width:100%;height:100%}.ibiz-custom-calendar__calendar-day{display:flex;flex-direction:column;width:100%;min-width:380px;height:100%;min-height:900px;border:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-day--header{padding:0 40px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-day--header-top{display:flex;align-items:center;justify-content:space-between;height:70px}.ibiz-custom-calendar__calendar-day--title{min-width:80px;font-size:20px}.ibiz-custom-calendar__calendar-day--text-secondary{height:56px;line-height:56px;text-align:left}.ibiz-custom-calendar__calendar-day--select-time{width:130px;height:32px}.ibiz-custom-calendar__calendar-day--select-time .el-input__suffix{display:none}.ibiz-custom-calendar__calendar-day--legend{display:flex;flex-grow:1;align-items:center;justify-content:center;height:100%;overflow:auto}.ibiz-custom-calendar__calendar-day--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-custom-calendar__calendar-day--legend-item-tip{display:inline-block;width:1.5em;height:.9em;margin-right:var(--ibiz-spacing-extra-tight);border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-custom-calendar__calendar-day--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-week{display:flex;flex-direction:column;width:100%;min-width:380px;height:100%;border:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-week--header{padding:0 40px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-week--header-top{display:flex;align-items:center;justify-content:space-between;height:70px}.ibiz-custom-calendar__calendar-week--title{min-width:80px;font-size:20px}.ibiz-custom-calendar__calendar-week--text-secondary{height:56px;line-height:56px;text-align:left}.ibiz-custom-calendar__calendar-week--select-time{width:130px;height:32px}.ibiz-custom-calendar__calendar-week--select-time .el-input__suffix{display:none}.ibiz-custom-calendar__calendar-week--legend{display:flex;flex-grow:1;align-items:center;justify-content:center;height:100%;overflow:auto}.ibiz-custom-calendar__calendar-week--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-custom-calendar__calendar-week--legend-item-tip{display:inline-block;width:1.5em;height:.9em;margin-right:var(--ibiz-spacing-extra-tight);border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-custom-calendar__calendar-week--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-month{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-custom-calendar__calendar-month--body{flex-grow:1;width:100%;height:calc(100% - 58px)}.ibiz-custom-calendar__calendar-month--legend{display:flex;align-items:center;justify-content:center;width:auto;height:100%}.ibiz-custom-calendar__calendar-month--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-custom-calendar__calendar-month--legend-item-tip{display:inline-block;width:1.5em;height:.9em;margin-right:var(--ibiz-spacing-extra-tight);border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-custom-calendar__calendar-month--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-month--header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:12px 20px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-month--button-group{display:flex;align-items:center;justify-content:space-between;width:388px}.ibiz-custom-calendar__header--title{min-width:120px}.ibiz-custom-calendar__calendar-user{display:flex;flex-direction:column;height:100%}.ibiz-custom-calendar__calendar-user-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--ibiz-spacing-base)}.ibiz-custom-calendar__calendar-user-header--right .el-date-editor.el-date-editor--week.el-input{width:250px}.ibiz-custom-calendar .el-date-editor.el-input,.ibiz-custom-calendar .el-date-editor.el-input__wrapper{width:130px;height:32px}

package/es/control/calendar/components/util/index.mjs

@@ -1,4 +1,4 @@
-export { checkDateRangeIncludes, closeIcon, definePropType, epPropKey, fade, getCurWeekDates, handleBkColor, handleEVentClick, handleEmit, handlePopClose, handleProps, handleTimeRange, isDateInCurWeek, isTimeGreaterThan, isToday, isValidRange, rangeArr } from './util.mjs';
+export { checkDateRangeIncludes, closeIcon, createFollowElement, definePropType, epPropKey, fade, followMouseMove, getCurWeekDates, handleBkColor, handleEVentClick, handleEmit, handlePopClose, handleProps, handleTimeRange, isDateInCurWeek, isTimeGreaterThan, isToday, isValidRange, openPopover, rangeArr, removeFollowElement } from './util.mjs';
 export { get, isArray, isDate, isObject, set } from 'lodash-es';
 
 "use strict";

package/es/control/calendar/components/util/util.d.ts

@@ -1,5 +1,6 @@
-import type { PropType } from 'vue';
+import type { PropType, VNode } from 'vue';
 import { isDate, isArray, isObject, get, set } from 'lodash-es';
+import { IOverlayPopoverContainer } from '@ibiz-template/runtime';
 import type { IEvent, IUIEvent } from '../interface';
 declare const epPropKey = "__epPropKey";
 declare const closeIcon = "<i class='el-icon' data-v-ea893728=''> <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' data-v-ea893728='' > <path d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z'></path> </svg></i>";
@@ -105,4 +106,31 @@ declare const rangeArr: (n: number) => number[];
 declare const handleProps: <Props extends Record<string, import("@ibiz-template/core").IApiParams | {
     __epPropKey: true;
 }>>(props: Props) => IParams;
-export { epPropKey, closeIcon, isDate, isArray, isObject, isToday, get, set, handleProps, rangeArr, isValidRange, definePropType, handleTimeRange, handleBkColor, fade, handleEmit, handleEVentClick, handlePopClose, getCurWeekDates, isDateInCurWeek, isTimeGreaterThan, checkDateRangeIncludes, };
+/**
+ * 打开popover
+ *
+ * @param {VNode} _component
+ * @param {HTMLElement} _evt
+ * @param {IData} _opts
+ */
+declare function openPopover(_component: VNode, _targetEvt: HTMLElement, _opts: IData): IOverlayPopoverContainer;
+/**
+ * _follow、_overlay跟随_event移动
+ *
+ * @param {MouseEvent} _event
+ * @param {HTMLElement} _follow
+ */
+declare function followMouseMove(_event: MouseEvent, _follow: HTMLElement): void;
+/**
+ * 创建跟随元素
+ *
+ * @return {*}  {HTMLElement}
+ */
+declare const createFollowElement: () => HTMLElement;
+/**
+ * 删除跟随元素
+ *
+ * @param {HTMLElement} followEl
+ */
+declare const removeFollowElement: (followEl: HTMLElement) => void;
+export { epPropKey, closeIcon, isDate, isArray, isObject, isToday, get, set, handleProps, rangeArr, isValidRange, definePropType, handleTimeRange, handleBkColor, fade, handleEmit, handleEVentClick, handlePopClose, getCurWeekDates, isDateInCurWeek, isTimeGreaterThan, checkDateRangeIncludes, openPopover, followMouseMove, createFollowElement, removeFollowElement, };

package/es/control/calendar/components/util/util.mjs

@@ -1,4 +1,4 @@
-import { warn } from 'vue';
+import { warn, h } from 'vue';
 import dayjs from 'dayjs';
 import { clone } from 'ramda';
 import { isObject, isArray, isDate, fromPairs } from 'lodash-es';
@@ -285,5 +285,35 @@ const handleProps = (props) => fromPairs(
     handleProp(option, key)
   ])
 );
+function openPopover(_component, _targetEvt, _opts) {
+  const overlay = ibiz.overlay.createPopover(
+    (modal) => {
+      return h(_component, { modal });
+    },
+    void 0,
+    {
+      width: "auto",
+      height: "auto",
+      noArrow: true,
+      ..._opts
+    }
+  );
+  overlay == null ? void 0 : overlay.present(_targetEvt);
+  return overlay;
+}
+function followMouseMove(_event, _follow) {
+  _follow.style.left = "".concat(_event.clientX + 20, "px");
+  _follow.style.top = "".concat(_event.clientY + 20, "px");
+}
+const createFollowElement = () => {
+  var _a;
+  const followEl = document.createElement("div");
+  followEl.style = "position: fixed; height: 2px; width: 2px; z-index: -1;";
+  (_a = document.body) == null ? void 0 : _a.appendChild(followEl);
+  return followEl;
+};
+const removeFollowElement = (followEl) => {
+  document.body.removeChild(followEl);
+};
 
-export { checkDateRangeIncludes, closeIcon, definePropType, epPropKey, fade, getCurWeekDates, handleBkColor, handleEVentClick, handleEmit, handlePopClose, handleProps, handleTimeRange, isDateInCurWeek, isTimeGreaterThan, isToday, isValidRange, rangeArr };
+export { checkDateRangeIncludes, closeIcon, createFollowElement, definePropType, epPropKey, fade, followMouseMove, getCurWeekDates, handleBkColor, handleEVentClick, handleEmit, handlePopClose, handleProps, handleTimeRange, isDateInCurWeek, isTimeGreaterThan, isToday, isValidRange, openPopover, rangeArr, removeFollowElement };

package/es/control/chart/chart.mjs

@@ -219,6 +219,7 @@ const ChartControl = /* @__PURE__ */ defineComponent({
           width: "100%"
         },
         "max-height": maxHeight.value,
+        "span-method": c.spanMethod.bind(c),
         "header-row-class-name": ns.e("grid-header")
       }, _isSlot(_slot = c.state.gridHeaders.map((column) => {
         return createVNode(resolveComponent("el-table-column"), {

package/es/control/data-view/data-view.d.ts

@@ -175,8 +175,8 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
 }, {}>;

package/es/control/data-view/index.d.ts

@@ -114,8 +114,8 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
     };
 }>>, {
     params: import("@ibiz-template/core").IApiParams;
-    singleSelect: boolean;
     mdctrlActiveMode: number;
+    singleSelect: boolean;
     isSimple: boolean;
     loadDefault: boolean;
 }, {}>>;

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.17_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.18_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/drtab/drtab.controller.d.ts

@@ -163,6 +163,11 @@ export declare class DRTabController extends ControlController<IDEDRTab, IDRTabS
      * @memberof DRTabController
      */
     onMounted(): Promise<void>;
+    /**
+     * @description 处理第一次的默认选中
+     * @memberof DRTabController
+     */
+    doDefaultSelect(): void;
     /**
      * 处理表单数据变更
      *

package/es/control/drtab/drtab.controller.mjs

@@ -274,6 +274,7 @@ class DRTabController extends ControlController {
         }
         await this.calcDrTabPagesState();
         this.handleFormChange();
+        this.doDefaultSelect();
       });
       this.form.evt.on("onLoadDraftSuccess", () => {
         this.handleFormChange();
@@ -286,6 +287,24 @@ class DRTabController extends ControlController {
     if (!this.form) {
       await this.calcDrTabPagesState();
     }
+    if (this.form && this.form.state.isLoaded) {
+      this.doDefaultSelect();
+    }
+  }
+  /**
+   * @description 处理第一次的默认选中
+   * @memberof DRTabController
+   */
+  doDefaultSelect() {
+    var _a;
+    const viewForm = (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.view_form;
+    if (viewForm) {
+      viewForm.state.visible = false;
+      viewForm.state.keepAlive = false;
+    }
+    if (!this.state.hideEditItem && this.state.activeName === this.model.uniqueTag) {
+      this.setVisible("form");
+    }
   }
   /**
    * 处理表单数据变更

package/es/control/drtab/flow-drtab.css

@@ -1 +1 @@
-.ibiz-flow-drtab{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-color-bg-0)}.ibiz-flow-drtab__container{height:100%;overflow:auto}.ibiz-flow-drtab__tab-item{background-color:var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-medium)}.ibiz-flow-drtab__tab-item--label{padding:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-5);border-bottom:1px solid var(--ibiz-color-fill-1)}.ibiz-flow-drtab__tab-item--tab-view{padding:var(--ibiz-spacing-tight) 0}.ibiz-flow-drtab__tab-item+.ibiz-flow-drtab__tab-item{margin-top:var(--ibiz-spacing-base)}.ibiz-flow-drtab__counter{font-size:var(--ibiz-font-size-regular);text-align:center}.ibiz-flow-drtab .ibiz-flow-drtab{background-color:inherit}.ibiz-flow-drtab.is-enable-anchor{display:flex;gap:var(--ibiz-spacing-base)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__container{flex:1}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar{display:flex;min-width:200px;padding:var(--ibiz-spacing-base) 0;font-size:var(--ibiz-font-size-regular);background-color:#fff}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topleft{align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomleft{align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topright{flex-direction:row-reverse;align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomright{flex-direction:row-reverse;align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleleft{align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleright{flex-direction:row-reverse;align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-items{width:100%;max-height:100%;overflow:auto}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item{width:100%;height:32px;padding:0 var(--ibiz-spacing-base);line-height:32px;cursor:pointer}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item:hover{color:var(--ibiz-color-primary)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active{position:relative;color:var(--ibiz-color-primary)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active::before{position:absolute;top:0;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-color-primary);border-radius:2px}.ibiz-flow-drtab.is-enable-anchor.is-left{flex-direction:row;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__container{--navbarwidth:200;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}.ibiz-flow-drtab.is-enable-anchor.is-right{flex-direction:row-reverse;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__container{--navbarwidth:200;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}
+.ibiz-flow-drtab{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-color-bg-0)}.ibiz-flow-drtab__container{height:100%;overflow:auto}.ibiz-flow-drtab__tab-item{background-color:var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-medium)}.ibiz-flow-drtab__tab-item--label{padding:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-5);border-bottom:1px solid var(--ibiz-color-fill-1)}.ibiz-flow-drtab__tab-item--tab-view{padding:var(--ibiz-spacing-tight) 0}.ibiz-flow-drtab__tab-item+.ibiz-flow-drtab__tab-item{margin-top:var(--ibiz-spacing-base)}.ibiz-flow-drtab__counter{font-size:var(--ibiz-font-size-regular);text-align:center}.ibiz-flow-drtab .ibiz-flow-drtab{background-color:inherit}.ibiz-flow-drtab.is-enable-anchor{display:flex;gap:var(--ibiz-spacing-base)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__container{flex:1}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar{display:flex;min-width:200px;padding:var(--ibiz-spacing-base) 0;font-size:var(--ibiz-font-size-regular);background-color:var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-medium)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topleft{align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomleft{align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topright{flex-direction:row-reverse;align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomright{flex-direction:row-reverse;align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleleft{align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleright{flex-direction:row-reverse;align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-items{width:100%;max-height:100%;overflow:auto}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item{width:100%;height:32px;padding:0 var(--ibiz-spacing-base);overflow:hidden;line-height:32px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item:hover{color:var(--ibiz-color-primary)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active{position:relative;color:var(--ibiz-color-primary)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active::before{position:absolute;top:0;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-color-primary);border-radius:2px}.ibiz-flow-drtab.is-enable-anchor.is-left{flex-direction:row;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__container{--navbarwidth:200;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}.ibiz-flow-drtab.is-enable-anchor.is-right{flex-direction:row-reverse;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__container{--navbarwidth:200;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}

package/es/control/drtab/flow-drtab.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, nextTick, onActivated, createVNode, resolveComponent, h, defineComponent } from 'vue';
+import { ref, computed, nextTick, watch, onActivated, createVNode, resolveComponent, h, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import { createUUID } from 'qx-util';
@@ -164,6 +164,11 @@ const FlowDrtab = /* @__PURE__ */ defineComponent({
       if (el) {
         observer.observe(el);
       }
+      if (completedViews.value === allVisibleViews.value && props.activeTab) {
+        nextTick(() => {
+          scrollToTarget();
+        });
+      }
     };
     watch(() => props.activeTab, (newVal, oldVal) => {
       if (newVal && newVal.tag !== (oldVal == null ? void 0 : oldVal.tag)) {

package/es/control/exp-bar/render-util.mjs

@@ -35,7 +35,7 @@ function useExpBarRender(c, ns) {
     }, [title])]);
   };
   const renderSearchBar = () => {
-    var _a, _b, _c;
+    var _a, _b;
     const {
       model
     } = c;
@@ -44,17 +44,6 @@ function useExpBarRender(c, ns) {
     }
     const modelData = (_b = (_a = c.view.model.viewLayoutPanel) == null ? void 0 : _a.controls) == null ? void 0 : _b.find((item) => item.id === "searchbar");
     if (modelData) {
-      if (modelData.controlParam) {
-        const {
-          SEARCHPHSEPARATOR
-        } = ((_c = c.model.controlParam) == null ? void 0 : _c.ctrlParams) || {};
-        if (SEARCHPHSEPARATOR) {
-          modelData.controlParam.ctrlParams = {
-            ...modelData.controlParam.ctrlParams || {},
-            SEARCHPHSEPARATOR
-          };
-        }
-      }
       const ctrlProps = {
         context: c.context,
         params: c.params