@steedos-widgets/fullcalendar-scheduler 6.10.53-beta.8 → 6.10.53

package/dist/assets.json

@@ -12,8 +12,8 @@
         {
             "package": "@steedos-widgets/fullcalendar-scheduler",
             "urls": [
-                "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53-beta.8/dist/fullcalendar.umd.js",
-                "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53-beta.8/dist/fullcalendar.umd.css"
+                "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53/dist/fullcalendar.umd.js",
+                "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53/dist/fullcalendar.umd.css"
             ],
             "library": "BuilderFullCalendarScheduler"
         }
@@ -24,10 +24,10 @@
             "npm": {
                 "package": "@steedos-widgets/fullcalendar-scheduler"
             },
-            "url": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53-beta.8/dist/meta.js",
+            "url": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53/dist/meta.js",
             "urls": {
-                "default": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53-beta.8/dist/meta.js",
-                "design": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53-beta.8/dist/meta.js"
+                "default": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.53/dist/meta.js"
             }
         }
     ]

package/dist/fullcalendar.umd.css

@@ -41,6 +41,45 @@
     background-color: var(--fc-event-bg-color, #3788d8) !important;
 }
 
+.steedos-object-listview .fc .fc-h-event .fc-event-title,
+.steedos-object-listview .fc .fc-timeline-event .fc-event-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.steedos-fullcalendar-tooltip {
+    position: fixed;
+    z-index: 9999;
+    display: none;
+    width: max-content;
+    max-width: 320px;
+    padding: 6px 8px;
+    color: #fff;
+    font-size: 12px;
+    line-height: 1.4;
+    white-space: normal;
+    overflow-wrap: break-word;
+    pointer-events: none;
+    background: rgba(24, 24, 24, 0.92);
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+.steedos-fullcalendar-event-full-height .fc-resource-timeline .fc-timeline-event-harness {
+    bottom: 0;
+}
+
+.steedos-fullcalendar-event-full-height .fc-resource-timeline .fc-timeline-events {
+    height: 100% !important;
+    padding-bottom: 0 !important;
+}
+
+.steedos-fullcalendar-event-full-height .fc-resource-timeline .fc-timeline-event {
+    height: 100%;
+    margin-bottom: 0;
+    box-sizing: border-box;
+}
+
 @media (max-width: 768px){
     .steedos-object-listview  .fc-header-toolbar{
         display: flex;
@@ -65,4 +104,4 @@
     .steedos-object-listview .fc-media-screen .fc-view-harness{
         min-height: calc(100vh - 262px);
     }
-}
+}

package/dist/fullcalendar.umd.js

@@ -107,6 +107,91 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
+  var EVENT_TOOLTIP_CLASS_NAME = 'steedos-fullcalendar-tooltip';
+  var eventTooltipCleanups = new WeakMap();
+  var eventTooltipEl = null;
+  function getEventTooltipElement() {
+      if (!eventTooltipEl) {
+          eventTooltipEl = document.createElement('div');
+          eventTooltipEl.className = EVENT_TOOLTIP_CLASS_NAME;
+          eventTooltipEl.setAttribute('role', 'tooltip');
+          eventTooltipEl.setAttribute('aria-hidden', 'true');
+          document.body.appendChild(eventTooltipEl);
+      }
+      return eventTooltipEl;
+  }
+  function positionEventTooltip(clientX, clientY) {
+      if (!eventTooltipEl) {
+          return;
+      }
+      var gap = 12;
+      var edgeGap = 8;
+      var tooltipRect = eventTooltipEl.getBoundingClientRect();
+      var left = clientX + gap;
+      var top = clientY + gap;
+      if (left + tooltipRect.width > window.innerWidth - edgeGap) {
+          left = clientX - tooltipRect.width - gap;
+      }
+      if (top + tooltipRect.height > window.innerHeight - edgeGap) {
+          top = clientY - tooltipRect.height - gap;
+      }
+      var maxLeft = window.innerWidth - tooltipRect.width - edgeGap;
+      var maxTop = window.innerHeight - tooltipRect.height - edgeGap;
+      eventTooltipEl.style.left = "".concat(Math.min(Math.max(edgeGap, left), Math.max(edgeGap, maxLeft)), "px");
+      eventTooltipEl.style.top = "".concat(Math.min(Math.max(edgeGap, top), Math.max(edgeGap, maxTop)), "px");
+  }
+  function showEventTooltip(title, target, mouseEvent) {
+      var tooltip = getEventTooltipElement();
+      tooltip.textContent = title;
+      tooltip.setAttribute('aria-hidden', 'false');
+      tooltip.style.display = 'block';
+      if (mouseEvent) {
+          positionEventTooltip(mouseEvent.clientX, mouseEvent.clientY);
+          return;
+      }
+      var targetRect = target.getBoundingClientRect();
+      positionEventTooltip(targetRect.left + targetRect.width / 2, targetRect.top + targetRect.height);
+  }
+  function hideEventTooltip() {
+      if (!eventTooltipEl) {
+          return;
+      }
+      eventTooltipEl.setAttribute('aria-hidden', 'true');
+      eventTooltipEl.style.display = 'none';
+  }
+  function cleanupEventTooltip(target) {
+      if (!target) {
+          return;
+      }
+      var cleanup = eventTooltipCleanups.get(target);
+      if (cleanup) {
+          cleanup();
+          eventTooltipCleanups.delete(target);
+          hideEventTooltip();
+      }
+  }
+  function bindEventTooltip(target, title) {
+      cleanupEventTooltip(target);
+      target.removeAttribute('title');
+      target.setAttribute('aria-label', title);
+      var handleMouseEnter = function (event) { return showEventTooltip(title, target, event); };
+      var handleMouseMove = function (event) { return positionEventTooltip(event.clientX, event.clientY); };
+      var handleMouseLeave = function () { return hideEventTooltip(); };
+      var handleFocus = function () { return showEventTooltip(title, target); };
+      var handleBlur = function () { return hideEventTooltip(); };
+      target.addEventListener('mouseenter', handleMouseEnter);
+      target.addEventListener('mousemove', handleMouseMove);
+      target.addEventListener('mouseleave', handleMouseLeave);
+      target.addEventListener('focus', handleFocus);
+      target.addEventListener('blur', handleBlur);
+      eventTooltipCleanups.set(target, function () {
+          target.removeEventListener('mouseenter', handleMouseEnter);
+          target.removeEventListener('mousemove', handleMouseMove);
+          target.removeEventListener('mouseleave', handleMouseLeave);
+          target.removeEventListener('focus', handleFocus);
+          target.removeEventListener('blur', handleBlur);
+      });
+  }
   var DivWrapper = /** @class */ (function (_super) {
       __extends(DivWrapper, _super);
       function DivWrapper() {
@@ -129,6 +214,7 @@
       // 2. 创建一个 ref 来存储 FullCalendar 实例
       var calendarInstance = React.useRef(null);
       var initialLocaleCode = 'zh-cn';
+      var externalEventDidMount = props.eventDidMount;
       var dispatchEvent = function (action, value) { return __awaiter(void 0, void 0, void 0, function () {
           var rendererEvent;
           var _a;
@@ -171,9 +257,16 @@
           dispatchEvent('eventRemove', event);
       };
       var handleEventDidMount = function (event) {
+          var _a, _b, _c;
+          var title = ((_a = event === null || event === void 0 ? void 0 : event.event) === null || _a === void 0 ? void 0 : _a.title) || ((_c = (_b = event === null || event === void 0 ? void 0 : event.event) === null || _b === void 0 ? void 0 : _b.extendedProps) === null || _c === void 0 ? void 0 : _c.name);
+          if (title && (event === null || event === void 0 ? void 0 : event.el)) {
+              bindEventTooltip(event.el, title);
+          }
+          externalEventDidMount && externalEventDidMount(event);
           dispatchEvent('eventDidMount', event);
       };
       var handleEventWillUnmount = function (event) {
+          cleanupEventTooltip(event === null || event === void 0 ? void 0 : event.el);
           dispatchEvent('eventWillUnmount', event);
       };
       var handleNoEventsDidMount = function (event) {
@@ -195,11 +288,11 @@
               // 确保 FullCalendar 实例不存在，避免重复初始化
               if (!calendarInstance.current) {
                   // 3. 初始化 FullCalendar 实例，使用 resourceTimelineWeek 视图
-                  var calendar = new window.FullCalendar.Calendar(calendarRef.current, __assign({ headerToolbar: {
+                  var calendar = new window.FullCalendar.Calendar(calendarRef.current, __assign(__assign({ headerToolbar: {
                           left: 'title',
                           center: '',
                           right: 'prev,next today dayGridMonth,timeGridWeek,timeGridDay,listWeek'
-                      }, resources: handleGetRresources, resourceAreaWidth: "20%", locale: initialLocaleCode, editable: true, selectable: true, selectMirror: true, dayMaxEvents: true, initialView: 'dayGridMonth', events: handleGetEvents, select: handleSelect, eventClick: handleEventClick, eventsSet: handleEventsSet, eventAdd: handleEventAdd, eventChange: handleEventChange, eventRemove: handleEventRemove, eventDidMount: handleEventDidMount, eventWillUnmount: handleEventWillUnmount, noEventsDidMount: handleNoEventsDidMount, noEventsWillUnmount: handleNoEventsWillUnmount, forceEventDuration: true, schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives' }, props));
+                      }, resources: handleGetRresources, resourceAreaWidth: "20%", locale: initialLocaleCode, editable: true, selectable: true, selectMirror: true, dayMaxEvents: true, initialView: 'dayGridMonth', events: handleGetEvents, select: handleSelect, eventClick: handleEventClick, eventsSet: handleEventsSet, eventAdd: handleEventAdd, eventChange: handleEventChange, eventRemove: handleEventRemove, eventWillUnmount: handleEventWillUnmount, noEventsDidMount: handleNoEventsDidMount, noEventsWillUnmount: handleNoEventsWillUnmount, forceEventDuration: true, schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives' }, props), { eventDidMount: handleEventDidMount }));
                   // 4. 渲染日历
                   calendar.render();
                   // 5. 将实例存储到 ref 中，以便在卸载时销毁
@@ -213,6 +306,7 @@
                   calendarInstance.current.destroy();
                   calendarInstance.current = null;
               }
+              hideEventTooltip();
           };
       }, []); // 空数组依赖项表示只在挂载和卸载时运行
       // forceEventDuration属性设置为true修正了把全天事件拖动变更到非全天事件时end为空造成的事件在画布上看不到的问题。
@@ -247,7 +341,7 @@
       //   {...props}
       // />
       React__default["default"].createElement(DivWrapper, __assign({ id: 'calendar', ref: calendarWrapperRef }, props),
-          React__default["default"].createElement("div", { id: 'calendar', ref: calendarRef })));
+          React__default["default"].createElement("div", { id: 'calendar', className: props.className, ref: calendarRef })));
   };
 
   exports.AmisFullCalendar = AmisFullCalendar;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@steedos-widgets/fullcalendar-scheduler",
   "private": false,
-  "version": "6.10.53-beta.8",
+  "version": "6.10.53",
   "main": "dist/fullcalendar.cjs.js",
   "module": "dist/fullcalendar.esm.js",
   "unpkg": "dist/fullcalendar.umd.js",
@@ -46,5 +46,5 @@
     "rollup-plugin-tslib-resolve-id": "^0.0.0",
     "rollup-plugin-visualizer": "^5.8.0"
   },
-  "gitHead": "74bcc3eede21554ec7836e20931d8ea3570bd393"
+  "gitHead": "699c0b411723ab7d1686590be545c2b6fcf246c7"
 }