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

package/es/common/control-navigation/provider/calendar-navigation.provider.mjs

@@ -1,3 +1,4 @@
+import dayjs from 'dayjs';
 import { NavgationBaseProvider } from './navigation-base.provider.mjs';
 
 "use strict";
@@ -17,7 +18,8 @@ class CalendarNavigationProvider extends NavgationBaseProvider {
     const navData = this.navStack.map((key) => items.find((item) => item.navId === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
       const date = new Date(navData.beginTime);
-      this.controller.setSelectDate(date);
+      if (dayjs(date).isValid())
+        this.controller.setSelectDate(date);
       this.controller.setNavData(navData);
     } else {
       this.navStack = [];

package/es/common/control-navigation/provider/index.mjs

@@ -8,7 +8,7 @@ function getNavigationProvider(controller) {
   const { controlType } = controller.model;
   if (controlType === "CALENDAR")
     return new CalendarNavigationProvider(controller);
-  if (controlType === "TREEVIEW")
+  if (controlType === "TREEVIEW" || controlType === "TREEGRIDEX")
     return new TreeNavigationProvider(controller);
   if (controlType === "MAP")
     return new MapNavigationProvider(controller);

package/es/common/control-navigation/provider/map-navigation.provider.d.ts

@@ -1,4 +1,4 @@
-import { IMapData, INavViewMsg, MapController } from '@ibiz-template/runtime';
+import { IMapEvent, INavViewMsg, MapController } from '@ibiz-template/runtime';
 import { ISysMap } from '@ibiz/model-core';
 import { NavgationBaseProvider } from './navigation-base.provider';
 /**
@@ -12,6 +12,12 @@ export declare class MapNavigationProvider extends NavgationBaseProvider {
     keyName: string;
     controller: MapController;
     model: ISysMap;
+    /**
+     * @description 导航数据变化
+     * @param {IMapEvent['onNavDataChange']['event']} event
+     * @memberof MapNavigationProvider
+     */
+    onNavDataChange(event: IMapEvent['onNavDataChange']['event']): void;
     onNavDataByStack(): void;
-    getNavViewMsg(item: IMapData): INavViewMsg;
+    getNavViewMsg(item: IData): INavViewMsg;
 }

package/es/common/control-navigation/provider/map-navigation.provider.mjs

@@ -12,6 +12,19 @@ class MapNavigationProvider extends NavgationBaseProvider {
     super(...arguments);
     __publicField(this, "keyName", "id");
   }
+  /**
+   * @description 导航数据变化
+   * @param {IMapEvent['onNavDataChange']['event']} event
+   * @memberof MapNavigationProvider
+   */
+  onNavDataChange(event) {
+    var _a;
+    const { navData } = event;
+    if (((_a = this.navViewMsg.value) == null ? void 0 : _a.key) !== navData._id) {
+      this.navStack.unshift(navData[this.keyName]);
+      this.navViewMsg.value = this.getNavViewMsg(navData);
+    }
+  }
   onNavDataByStack() {
     const { items } = this.controller.state;
     const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || items[0];
@@ -23,15 +36,21 @@ class MapNavigationProvider extends NavgationBaseProvider {
     }
   }
   getNavViewMsg(item) {
+    var _a;
     const { sysMapItems } = this.model;
+    const { areaCode, areaLevel } = item;
     const itemModel = sysMapItems == null ? void 0 : sysMapItems.find((_item) => _item.id === item._mapItemId);
     if (itemModel) {
       const { context, params } = this.prepareParams(
         itemModel,
-        item._deData,
+        { ...item._deData, areaCode, areaLevel },
         this.controller.context,
         this.controller.params
       );
+      if ((_a = itemModel.itemStyle) == null ? void 0 : _a.startsWith("REGION")) {
+        params.srfareacode = areaCode;
+        params.srfarealevel = areaLevel;
+      }
       return {
         params,
         context,

package/es/common/map-chart-user/map-chart-user.css

@@ -1 +1 @@
-.ibiz-map-chart-user{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart-user__chart{width:100%;height:100%}.ibiz-map-chart-user__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-link);text-decoration:underline;letter-spacing:6px;cursor:pointer}.ibiz-map-chart-user__popper{padding:var(--ibiz-spacing-base)}
+.ibiz-map-chart-user{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart-user__chart{width:100%;height:100%}.ibiz-map-chart-user__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-link);text-decoration:underline;letter-spacing:6px;cursor:pointer}.ibiz-map-chart-user__fullscreen{position:absolute;top:var(--ibiz-spacing-tight);right:var(--ibiz-spacing-tight);z-index:9}.ibiz-map-chart-user__popper{padding:var(--ibiz-spacing-tight)}

package/es/common/map-chart-user/map-chart-user.d.ts

@@ -49,6 +49,8 @@ export declare const IBizMapChartUser: import("vue").DefineComponent<{
             pointSymbol: string;
             jsonBaseUrl: string;
             defaultAreaCode: string | number;
+            bottom: number;
+            top: number;
         }>>;
         default: () => {};
     };
@@ -58,9 +60,13 @@ export declare const IBizMapChartUser: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    c: MapController;
+    mapRef: import("vue").Ref<any>;
     chartRef: import("vue").Ref<any>;
     historyNames: import("vue").Ref<string[]>;
-    goBack: () => Promise<void>;
+    isFull: import("vue").Ref<boolean>;
+    onBack: () => Promise<void>;
+    toggleFullScreen: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     areaData: {
         type: {
@@ -109,6 +115,8 @@ export declare const IBizMapChartUser: import("vue").DefineComponent<{
             pointSymbol: string;
             jsonBaseUrl: string;
             defaultAreaCode: string | number;
+            bottom: number;
+            top: number;
         }>>;
         default: () => {};
     };
@@ -131,6 +139,8 @@ export declare const IBizMapChartUser: import("vue").DefineComponent<{
         pointSymbol: string;
         jsonBaseUrl: string;
         defaultAreaCode: string | number;
+        bottom: number;
+        top: number;
     }>;
 }, {}>;
 export default IBizMapChartUser;

package/es/common/map-chart-user/map-chart-user.mjs

@@ -1,7 +1,9 @@
-import { computed, onMounted, createVNode, defineComponent } from 'vue';
+import { ref, computed, onMounted, onBeforeUnmount, resolveComponent, createVNode, defineComponent } from 'vue';
 import { mergeDeepLeft, isNil, mergeDeepWithKey } from 'ramda';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { MapController } from '@ibiz-template/runtime';
+import { NOOP, listenJSEvent } from '@ibiz-template/core';
+import { toNumber } from 'lodash-es';
 import { defaultOpts, getTooltip, getVisualMap, getPointStaticOption, getPointOption, getAreaStaticOption, getAreaOption } from './map-chart-user.util.mjs';
 import { useMapManager } from './map-user-manager.mjs';
 import './map-chart-user.css';
@@ -29,6 +31,8 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("map-chart-user");
     const c = props.controller;
     let option = defaultOpts;
+    const mapRef = ref();
+    const isFull = ref(false);
     if (c.controlParams.defaultopts) {
       const data = JSON.parse(c.controlParams.defaultopts);
       option = mergeDeepLeft(data, option);
@@ -38,9 +42,12 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
         return isNil(z) ? x : z;
       }, option, props.options);
     });
+    let cleanup = NOOP;
     const {
       chartRef,
       historyNames,
+      processing,
+      areaLevelMap,
       changeMap,
       getCityInfo,
       goBack
@@ -54,13 +61,21 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
         ...getPointStaticOption(options.value),
         ...getPointOption(pointData, areaData)
       };
+      const {
+        top,
+        bottom
+      } = options.value;
       const areaOption = {
+        top,
+        bottom,
         ...getAreaStaticOption(options.value),
         ...getAreaOption(mapName, pointData, areaData, cityInfo)
       };
       const result = {
         geo: {
-          map: mapName
+          map: mapName,
+          top,
+          bottom
         },
         tooltip,
         visualMap,
@@ -78,24 +93,85 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
       const areaCode = c.state.strAreaCode ? "".concat(name) : Number(name);
       c.state.areaCode = areaCode;
       changeMap(name, areaCode, true);
+      c.evt.on("onDrillDown", async (args) => {
+        if (!processing.value) {
+          const {
+            data
+          } = args;
+          const code = data.areaCode;
+          const curAreaCode = c.state.strAreaCode ? "".concat(code) : Number(code);
+          const areaLevel = areaLevelMap.get(toNumber(curAreaCode)) || "";
+          c.state.areaCode = curAreaCode;
+          c.state.areaLevel = areaLevel;
+          await changeMap(code, code);
+        }
+      });
+      c.evt.on("onBackClick", () => {
+        if (!processing.value) {
+          goBack();
+        }
+      });
+      cleanup = listenJSEvent(window, "resize", () => {
+        if (isFull.value) {
+          isFull.value = ibiz.fullscreenUtil.isFullScreen;
+        }
+      });
     });
+    onBeforeUnmount(() => {
+      if (cleanup !== NOOP) {
+        cleanup();
+      }
+    });
+    const onBack = async () => {
+      processing.value = true;
+      await c.evt.emit("onBackClick", void 0);
+      goBack();
+      processing.value = false;
+    };
+    const toggleFullScreen = () => {
+      if (mapRef.value) {
+        if (isFull.value) {
+          ibiz.fullscreenUtil.closeElementFullscreen();
+        } else {
+          ibiz.fullscreenUtil.openElementFullscreen(mapRef.value);
+        }
+        isFull.value = !isFull.value;
+      }
+    };
     return {
       ns,
+      c,
+      mapRef,
       chartRef,
       historyNames,
-      goBack
+      isFull,
+      onBack,
+      toggleFullScreen
     };
   },
   render() {
+    const {
+      enabledFullScreen
+    } = this.c.state;
     return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("div", {
+      "class": this.ns.b(),
+      "ref": "mapRef"
+    }, [enabledFullScreen ? createVNode(resolveComponent("el-button"), {
+      "type": "info",
+      "class": this.ns.e("fullscreen"),
+      "onClick": this.toggleFullScreen,
+      "title": this.isFull ? ibiz.i18n.t("app.cancelFullscreen") : ibiz.i18n.t("app.fullscreen")
+    }, {
+      default: () => [createVNode("ion-icon", {
+        "name": this.isFull ? "contract-outline" : "expand-outline"
+      }, null)]
+    }) : null, createVNode("div", {
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && createVNode("div", {
       "class": this.ns.e("goback"),
       "onClick": () => {
-        this.goBack();
+        this.onBack();
       }
     }, [ibiz.i18n.t("app.return")])]);
   }

package/es/common/map-chart-user/map-chart-user.util.d.ts

@@ -27,6 +27,8 @@ export declare const defaultOpts: {
     jsonBaseUrl: string;
     /** 默认打开的区域编码 */
     defaultAreaCode: string | number;
+    bottom: number;
+    top: number;
 };
 export type MapOptions = typeof defaultOpts;
 export declare const findData: (id: string, type: 'area' | 'point', pointData?: IData[], areaData?: IData[]) => IData | undefined;

package/es/common/map-chart-user/map-chart-user.util.mjs

@@ -36,7 +36,30 @@ const defaultOpts = {
   /** 地图json数据基础路径 */
   jsonBaseUrl: "".concat(ibiz.env.assetsUrl, "/json/map"),
   /** 默认打开的区域编码 */
-  defaultAreaCode: 1e5
+  defaultAreaCode: 1e5,
+  // 距离底部距离
+  bottom: 20,
+  // 距离顶部距离
+  top: 20
+};
+const getItemStyle = (item) => {
+  const itemStyle = [];
+  if (item._color) {
+    itemStyle.push("color:".concat(item._color));
+  }
+  if (item._bgcolor) {
+    itemStyle.push("background:".concat(item._bgcolor));
+  }
+  if (item._borderColor) {
+    itemStyle.push("border-color:".concat(item._borderColor));
+  }
+  if (item._borderWidth) {
+    itemStyle.push("border-width:".concat(item._borderWidth, "px"));
+  }
+  if (item._borderWidth && item._borderColor) {
+    itemStyle.push("border-style:solid");
+  }
+  return itemStyle.join(";");
 };
 const findData = (id, type, pointData = [], areaData = []) => {
   if (type === "area") {
@@ -98,7 +121,21 @@ const getPointOption = (pointData, areaData) => {
         return;
       }
       const find = findData(params.data._id, "point", pointData, areaData);
-      return '<div style="color:'.concat(find._color, ";background: ").concat(find._bgcolor, '" class="').concat(find._className, " ").concat(ns.e("popper"), '">').concat(find == null ? void 0 : find._tooltip, "</div>");
+      if (!find) {
+        return;
+      }
+      const { _deData: data } = find;
+      let text = data.srfmajortext;
+      if (find._value) {
+        text = "".concat(data.srfmajortext, ": ").concat(find._value);
+      }
+      if (find._tooltip) {
+        text = find._tooltip;
+      }
+      const style = getItemStyle(find);
+      return '<div style="'.concat(style, '" class="').concat(find._className, " ").concat(ns.e(
+        "popper"
+      ), '">').concat(text, "</div>");
     },
     padding: 0
   };
@@ -157,7 +194,21 @@ const getAreaOption = (mapName, pointData, areaData, cityInfo = []) => {
         return;
       }
       const find = findData(params.data._id, "area", pointData, areaData);
-      return '<div style="color:'.concat(find._color, ";background: ").concat(find._bgcolor, '" class="').concat(find._className, " ").concat(ns.e("popper"), '">').concat(find == null ? void 0 : find._tooltip, "</div>");
+      if (!find || !find._tooltip && !find._value) {
+        return;
+      }
+      const { _deData: data } = find;
+      let text = data.srfmajortext;
+      if (find._value) {
+        text = "".concat(data.srfmajortext, ": ").concat(find._value);
+      }
+      if (find._tooltip) {
+        text = find._tooltip;
+      }
+      const style = getItemStyle(find);
+      return '<div style="'.concat(style, '" class="').concat(find._className, " ").concat(ns.e(
+        "popper"
+      ), '">').concat(text, "</div>");
     },
     padding: 0
   };

package/es/common/map-chart-user/map-user-manager.d.ts

@@ -14,6 +14,8 @@ export declare function useMapManager(controller: MapController, opts: ComputedR
     chartRef: import("vue").Ref<any>;
     historyNames: import("vue").Ref<string[]>;
     currentName: import("vue").Ref<string>;
+    processing: import("vue").Ref<boolean>;
+    areaLevelMap: Map<number, string>;
     changeMap: (name: string | number, areaCode: string | number, isInit?: boolean) => Promise<void>;
     getCityInfo: () => import("@ibiz-template/core").IApiData | undefined;
     goBack: () => Promise<void>;

package/es/common/map-chart-user/map-user-manager.mjs

@@ -1,6 +1,7 @@
 import { registerMap, init } from 'echarts';
 import { ref, onMounted, onUnmounted } from 'vue';
 import { listenJSEvent } from '@ibiz-template/core';
+import { toNumber } from 'lodash-es';
 import { getJsonUrl, findData } from './map-chart-user.util.mjs';
 
 "use strict";
@@ -8,6 +9,8 @@ function useMapManager(controller, opts, calcEchartsOpts) {
   const mapInfos = /* @__PURE__ */ new Map();
   const currentName = ref("");
   const historyNames = ref([]);
+  const areaLevelMap = /* @__PURE__ */ new Map();
+  const processing = ref(false);
   let chart;
   const chartRef = ref();
   let resizeObserver;
@@ -17,8 +20,9 @@ function useMapManager(controller, opts, calcEchartsOpts) {
       noChild: json.features.length === 1
     };
     json.features.forEach((item) => {
-      const { adcode, name } = item.properties;
+      const { adcode, name, level } = item.properties;
       info.cityNames[adcode] = name;
+      areaLevelMap.set(adcode, level);
     });
     return info;
   };
@@ -46,15 +50,18 @@ function useMapManager(controller, opts, calcEchartsOpts) {
     }
   };
   const changeMap = async (name, areaCode, isInit = false) => {
-    if (!isInit) {
-      controller.onMapChange(areaCode);
-    }
     const strName = "".concat(name);
     if (!mapInfos.has(strName)) {
       await registerMap$1(strName);
     }
-    controller.state.mapInfo = getCityInfo();
+    if (!isInit) {
+      controller.onMapChange(areaCode);
+    } else {
+      const areaLevel = areaLevelMap.get(toNumber(areaCode)) || "";
+      controller.state.areaLevel = areaLevel;
+    }
     currentName.value = strName;
+    controller.state.mapInfo = getCityInfo();
     historyNames.value.push(strName);
     refresh();
   };
@@ -63,8 +70,9 @@ function useMapManager(controller, opts, calcEchartsOpts) {
       historyNames.value.pop();
       const name = historyNames.value.pop();
       const areaCode = opts.value.strAreaCode ? "".concat(name) : Number(name);
+      const areaLevel = areaLevelMap.get(toNumber(areaCode)) || "";
       controller.state.areaCode = areaCode;
-      await controller.evt.emit("onBackClick", void 0);
+      controller.state.areaLevel = areaLevel;
       changeMap(name, areaCode);
     }
   };
@@ -88,27 +96,53 @@ function useMapManager(controller, opts, calcEchartsOpts) {
           if (!params.data) {
             return;
           }
+          processing.value = true;
           const { pointData, areaData } = controller.state;
           const data = findData(params.data._id, "point", pointData, areaData);
           if (data) {
             controller.onPointClick(data);
           }
+          processing.value = false;
           return;
         }
         if (params.seriesType === "map") {
+          processing.value = true;
           const areaCode = opts.value.strAreaCode ? "".concat(params.name) : Number(params.name);
-          controller.state.areaCode = areaCode;
-          const { pointData, areaData, enabledDrillDown } = controller.state;
+          const areaLevel = areaLevelMap.get(toNumber(areaCode)) || "";
+          const { pointData, areaData, enabledDrillDown, mdctrlActiveMode } = controller.state;
           if (params.data) {
             const data = findData(params.data._id, "area", pointData, areaData);
             if (data) {
-              controller.onAreaClick(data);
+              controller.onAreaClick(data, areaCode, areaLevel);
             }
           }
-          if (params.name !== currentName.value && enabledDrillDown) {
+          if (params.name !== currentName.value && enabledDrillDown && mdctrlActiveMode !== 2) {
+            if (toNumber(areaCode) > toNumber(controller.state.areaCode)) {
+              controller.evt.emit("onDrillDown", { data: { areaCode } });
+            }
+            controller.state.areaCode = areaCode;
+            controller.state.areaLevel = areaLevel || "";
             changeMap(params.name, areaCode);
           }
+          processing.value = false;
+        }
+      }
+    });
+    chart.on("dblclick", (params) => {
+      const { enabledDrillDown, mdctrlActiveMode } = controller.state;
+      if (params.componentType === "series" && params.seriesType === "map" && mdctrlActiveMode === 2 && enabledDrillDown) {
+        processing.value = true;
+        const areaCode = opts.value.strAreaCode ? "".concat(params.name) : Number(params.name);
+        const areaLevel = areaLevelMap.get(toNumber(areaCode)) || "";
+        if (toNumber(areaCode) > toNumber(controller.state.areaCode)) {
+          controller.evt.emit("onDrillDown", { data: { areaCode } });
+        }
+        controller.state.areaCode = areaCode;
+        controller.state.areaLevel = areaLevel;
+        if (params.name !== currentName.value) {
+          changeMap(params.name, areaCode);
         }
+        processing.value = false;
       }
     });
     chart.on("mouseover", function(data) {
@@ -145,6 +179,8 @@ function useMapManager(controller, opts, calcEchartsOpts) {
     chartRef,
     historyNames,
     currentName,
+    processing,
+    areaLevelMap,
     changeMap,
     getCityInfo,
     goBack,

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

@@ -1 +1 @@
-.ibiz-calendar-daily{width:100%;height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.ibiz-calendar-daily__calendar-daily__head{width:100%;height:58px;min-height:58px;padding-bottom:0;display:flex;position:relative;z-index:100}.ibiz-calendar-daily__allday-info{min-width:90px;height:100%;padding-left:40px;color:var(--ibiz-color-text-3);overflow:hidden;display:flex;align-items:center}.ibiz-calendar-daily__allday-info--work-items{width:100%;height:100%;padding-top:5px;overflow:hidden}.ibiz-calendar-daily__allday-info--work-items-scroll{height:100%;overflow-y:scroll;overflow-x:hidden}.ibiz-calendar-daily__allday-info--work-items-body{height:auto}.ibiz-calendar-daily__allday-info--work-items-body:has(.ibiz-no-data){height:100%}.ibiz-calendar-daily__allday-info--work-items-body:has(.ibiz-no-data) .ibiz-no-data{min-height:100%;min-width:100%}.ibiz-calendar-daily__allday-info--work-items-body:has(.ibiz-no-data) .ibiz-no-data .el-empty__description{margin:0}.ibiz-calendar-daily__allday-info--event-box{width:100%;height:22px;line-height:22px;padding:0 8px;margin-top:4px}.ibiz-calendar-daily__allday-info--event-box:nth-child(1){margin-top:0}.ibiz-calendar-daily__allday-info--event-content{display:block;width:100%;height:100%;border:none;outline:0;text-align:left;border-radius:4px;background:var(--ibiz-color-tertiary-light-hover);border-radius:4px;position:relative;cursor:pointer}.ibiz-calendar-daily__allday-info--event-content.is-selected-event{padding-right:20px}.ibiz-calendar-daily__allday-info--event-summary{width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-calendar-daily__allday-info--event-icon{margin-right:6px}.ibiz-calendar-daily__allday-info--event-name{margin-right:6px}.ibiz-calendar-daily__allday-info--time-range{margin-right:6px}.ibiz-calendar-daily__allday-info--check{color:var(--ibiz-color-primary);position:absolute;right:6px;top:50%;transform:translate(0,-50%)}.ibiz-calendar-daily__allday-resize-line{width:100%;height:3px;background-color:var(--ibiz-color-border)}.ibiz-calendar-daily__resizable-handle{width:100%;height:10px;position:absolute;bottom:-4px;display:flex;align-items:center;cursor:row-resize}.ibiz-calendar-daily__scroll-area{flex:1;overflow-y:scroll;overflow-x:hidden}.ibiz-calendar-daily__time-pane{height:auto;width:calc(100% - 5px);display:flex;flex-basis:0%;flex-grow:1;flex-shrink:1;position:relative}.ibiz-calendar-daily__time-pane--time-labels{width:90px;min-width:90px;padding:27px 0 27px 40px;border-right:1px solid var(--ibiz-color-border);position:sticky;left:0}.ibiz-calendar-daily__time-pane--time-label{margin-top:38px;height:22px;text-align:left}.ibiz-calendar-daily__time-pane--time-label:nth-child(1){height:22px;margin-top:22px}.ibiz-calendar-daily__time-pane--time-columns{position:relative;flex:1;padding-bottom:59px}.ibiz-calendar-daily__time-pane--time-column{height:60px;border-top:1px dashed var(--ibiz-color-border)}.ibiz-calendar-daily__time-pane--time-column:first-child{border-top:none}.ibiz-calendar-daily__time-pane--time-column-last{border-bottom:1px dashed var(--ibiz-color-border)}.ibiz-calendar-daily__time-pane--event-timed-container{position:absolute;top:0;width:100%;height:100%;overflow:hidden}.ibiz-calendar-daily__time-pane--container-scroll{position:relative;top:0;overflow:auto;height:100%;width:auto;overflow-y:hidden;overflow-x:auto}.ibiz-calendar-daily__time-pane--event-box{position:absolute;width:auto;height:auto;padding-left:4px}.ibiz-calendar-daily__time-pane--event-content{position:relative;z-index:3;width:100%;height:100%;min-height:22px;padding:8px;overflow:hidden;line-height:100%;text-align:left;cursor:pointer;border:none;outline:0}.ibiz-calendar-daily__time-pane--event-content.is-selected-event{border:1px solid var(--ibiz-color-primary)}.ibiz-calendar-daily__time-pane--event-summary{width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-calendar-daily__time-pane--event-summary>span{margin-right:4px}.ibiz-calendar-daily__time-pane--current-time{width:calc(100% - 36px);margin-left:40px;position:absolute;top:38px;left:-3px;height:2px;background-color:var(--ibiz-color-primary);display:flex;align-items:center}.ibiz-calendar-daily__time-pane--current-time-label{width:48px;min-width:48px;max-width:18px;height:24px;text-align:center;line-height:24px;border:none;border-radius:4px;background:var(--ibiz-color-primary);color:var(--ibiz-color-primary-text)}.ibiz-calendar-daily__event-popover{position:relative;width:auto;height:auto;padding:0}.ibiz-calendar-daily__event-popover.el-popover.el-popper{padding:8px}.ibiz-calendar-daily__event-popover:has(.ibiz-control-calendar-item-default){display:none!important}.ibiz-calendar-daily__event-popover--body{width:auto;height:auto;overflow:hidden}.ibiz-calendar-daily__event-popover--scroll{width:auto;min-width:200px;height:auto;max-height:80%;overflow:auto;pointer-events:none}.ibiz-calendar-daily__event-popover--scroll .ibiz-control-calendar-item:last-child{margin-bottom:0}.ibiz-calendar-daily__event-popover--scroll .ibiz-control-calendar-item.is-active{background-color:transparent;border-color:transparent}.ibiz-calendar-daily__event-popover--close{position:absolute;top:8px;right:8px;display:none;cursor:pointer}.ibiz-calendar-daily__event-popover--close:hover .el-icon{background:var(--ibiz-color-primary);border-radius:50%}.ibiz-calendar-daily__event-popover--close:hover .el-icon svg{fill:var(--ibiz-color-white)}.ibiz-calendar-daily__event-popover .el-icon{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;font-size:20px}.ibiz-calendar-daily__event-popover .el-icon svg{fill:var(--el-text-color-secondary)}
+.ibiz-calendar-daily{width:100%;height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.ibiz-calendar-daily__calendar-daily__head{width:100%;height:58px;min-height:58px;padding-bottom:0;display:flex;position:relative;z-index:100}.ibiz-calendar-daily__allday-info{min-width:90px;height:100%;padding-left:40px;color:var(--ibiz-color-text-3);overflow:hidden;display:flex;align-items:center}.ibiz-calendar-daily__allday-info--work-items{width:100%;height:100%;padding-top:5px;overflow:hidden}.ibiz-calendar-daily__allday-info--work-items-scroll{height:100%;overflow-y:scroll;overflow-x:hidden}.ibiz-calendar-daily__allday-info--work-items-body{height:auto}.ibiz-calendar-daily__allday-info--work-items-body:has(.ibiz-no-data){height:100%}.ibiz-calendar-daily__allday-info--work-items-body:has(.ibiz-no-data) .ibiz-no-data{min-height:100%;min-width:100%}.ibiz-calendar-daily__allday-info--work-items-body:has(.ibiz-no-data) .ibiz-no-data .el-empty__description{margin:0}.ibiz-calendar-daily__allday-info--event-box{width:100%;height:22px;line-height:22px;padding:0 8px;margin-top:4px}.ibiz-calendar-daily__allday-info--event-box:nth-child(1){margin-top:0}.ibiz-calendar-daily__allday-info--event-content{display:block;width:100%;height:100%;border:none;outline:0;text-align:left;border-radius:4px;background:var(--ibiz-color-tertiary-light-hover);position:relative;cursor:pointer}.ibiz-calendar-daily__allday-info--event-content.is-selected-event{padding-right:20px}.ibiz-calendar-daily__allday-info--event-summary{width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-calendar-daily__allday-info--event-icon{margin-right:6px}.ibiz-calendar-daily__allday-info--event-name{margin-right:6px}.ibiz-calendar-daily__allday-info--time-range{margin-right:6px}.ibiz-calendar-daily__allday-info--check{color:var(--ibiz-color-primary);position:absolute;right:6px;top:50%;transform:translate(0,-50%)}.ibiz-calendar-daily__allday-resize-line{width:100%;height:3px;background-color:var(--ibiz-color-border)}.ibiz-calendar-daily__resizable-handle{width:100%;height:10px;position:absolute;bottom:-4px;display:flex;align-items:center;cursor:row-resize}.ibiz-calendar-daily__scroll-area{flex:1;overflow-y:scroll;overflow-x:hidden}.ibiz-calendar-daily__time-pane{height:auto;width:calc(100% - 5px);display:flex;flex-basis:0%;flex-grow:1;flex-shrink:1;position:relative}.ibiz-calendar-daily__time-pane--time-labels{width:90px;min-width:90px;padding:27px 0 27px 40px;border-right:1px solid var(--ibiz-color-border);position:sticky;left:0}.ibiz-calendar-daily__time-pane--time-label{margin-top:38px;height:22px;text-align:left}.ibiz-calendar-daily__time-pane--time-label:nth-child(1){height:22px;margin-top:22px}.ibiz-calendar-daily__time-pane--time-columns{position:relative;flex:1;padding-bottom:59px}.ibiz-calendar-daily__time-pane--time-column{height:60px;border-top:1px dashed var(--ibiz-color-border)}.ibiz-calendar-daily__time-pane--time-column:first-child{border-top:none}.ibiz-calendar-daily__time-pane--time-column-last{border-bottom:1px dashed var(--ibiz-color-border)}.ibiz-calendar-daily__time-pane--event-timed-container{position:absolute;top:0;width:100%;height:100%;overflow:hidden}.ibiz-calendar-daily__time-pane--container-scroll{position:relative;top:0;overflow:auto;height:100%;width:auto;overflow-y:hidden;overflow-x:auto}.ibiz-calendar-daily__time-pane--event-box{position:absolute;width:auto;height:auto;padding-left:4px}.ibiz-calendar-daily__time-pane--event-content{position:relative;z-index:3;width:100%;height:100%;min-height:22px;padding:8px;overflow:hidden;line-height:100%;text-align:left;cursor:pointer;border:none;outline:0}.ibiz-calendar-daily__time-pane--event-content.is-selected-event{border:1px solid var(--ibiz-color-primary)}.ibiz-calendar-daily__time-pane--event-summary{width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-calendar-daily__time-pane--event-summary>span{margin-right:4px}.ibiz-calendar-daily__time-pane--current-time{width:calc(100% - 36px);margin-left:40px;position:absolute;top:38px;left:-3px;height:2px;background-color:var(--ibiz-color-primary);display:flex;align-items:center}.ibiz-calendar-daily__time-pane--current-time-label{width:48px;min-width:48px;max-width:18px;height:24px;text-align:center;line-height:24px;border:none;border-radius:4px;background:var(--ibiz-color-primary);color:var(--ibiz-color-primary-text)}.ibiz-calendar-daily__event-popover{width:auto;height:auto;padding:0}.ibiz-calendar-daily__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-daily__event-popover:has(.ibiz-control-calendar-item-default){display:none!important}.ibiz-calendar-daily__event-popover--body{width:auto;height:auto;overflow:hidden}.ibiz-calendar-daily__event-popover--scroll{width:auto;min-width:200px;height:auto;max-height:80%;overflow:auto;pointer-events:none}.ibiz-calendar-daily__event-popover--scroll .ibiz-control-calendar-item:last-child{margin-bottom:0}.ibiz-calendar-daily__event-popover--scroll .ibiz-control-calendar-item.is-active{background-color:transparent;border-color:transparent}

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

@@ -6,7 +6,7 @@ import '../util/index.mjs';
 import { useCalendarDaily } from './use-calendar-daily.mjs';
 import './calendar-daily.css';
 import { calendarDailyProps, calendarDailyEmits } from '../interface/calendar-daily.mjs';
-import { handlePopClose, closeIcon, isToday } from '../util/util.mjs';
+import { isToday } from '../util/util.mjs';
 
 "use strict";
 const CalendarDaily = /* @__PURE__ */ defineComponent({
@@ -33,8 +33,11 @@ const CalendarDaily = /* @__PURE__ */ defineComponent({
       handleDragStart,
       handleCurTime,
       initDrawData,
-      eventContextmenu
-    } = useCalendarDaily(props, emit);
+      eventContextmenu,
+      contentMousemove,
+      eventMouseenter,
+      eventMouseleave
+    } = useCalendarDaily(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;
@@ -58,6 +61,23 @@ const CalendarDaily = /* @__PURE__ */ defineComponent({
         curTimeTimer.value = 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 || "");
@@ -66,6 +86,7 @@ const CalendarDaily = /* @__PURE__ */ defineComponent({
       title = showTitle(title) || "";
       if (props.showDetail)
         title = "";
+      const component = renderPopoverContent(event);
       return createVNode("div", {
         "key": index,
         "class": [ns.em(classEName, "event-box")],
@@ -79,6 +100,8 @@ const CalendarDaily = /* @__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, {
@@ -96,41 +119,6 @@ const CalendarDaily = /* @__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("calendar-daily__head")],
@@ -150,8 +138,7 @@ const CalendarDaily = /* @__PURE__ */ defineComponent({
         const eventContentStyle = {
           background: event.bkColorFade
         };
-        const tempContent = renderEventItem("header", eventBoxStyle, eventContentStyle, event, index, "head-event", "allday-info");
-        return renderPopover(tempContent, event, "bottom");
+        return renderEventItem("header", eventBoxStyle, eventContentStyle, event, index, "head-event", "allday-info");
       }) : createVNode(resolveComponent("iBizNoData"), {
         "hideNoDataImage": true
       }, null)])])]), createVNode("div", {
@@ -165,7 +152,8 @@ const CalendarDaily = /* @__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", {
@@ -199,8 +187,7 @@ const CalendarDaily = /* @__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");
       })])])]), isToday(props == null ? void 0 : props.selectedDay, /* @__PURE__ */ new Date()) ? createVNode("div", {
         "class": ns.em("time-pane", "current-time"),
         "style": {