@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.20

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

@@ -1,11 +1,11 @@
-import { onMounted, createVNode, resolveComponent, defineComponent } from 'vue';
+import { createVNode, resolveComponent, defineComponent } from 'vue';
 import dayjs from 'dayjs';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { IBizCalendarDaily } from '../calendar-daily/index.mjs';
 import { IBizCalendarWeek } from '../calendar-week/index.mjs';
 import { IBizCalendarUser } from '../calendar-user/index.mjs';
-import { useCustomCalendar } from './use-custom-calendar.mjs';
+import { useCustomCalendar, calcCurrentWeekRange } from './use-custom-calendar.mjs';
 import './custom-calendar.css';
 import '../interface/index.mjs';
 import { customCalendarProps, customCalendarEmits } from '../interface/custom-calendar.mjs';
@@ -34,12 +34,10 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
       pickDay,
       handleEVentClick,
       handleEVentDblClick,
+      handleEventContextmenu,
       selectDate,
       selectLegend
     } = useCustomCalendar(props, emit, "custom-calendar");
-    onMounted(() => {
-      pickDay(dayjs(/* @__PURE__ */ new Date()));
-    });
     const renderWeek = () => {
       var _a;
       return createVNode("div", {
@@ -64,13 +62,10 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
         }, [createVNode("div", {
           "class": ns.em("calendar-week", "legend-item-tip"),
           "style": {
-            background: item.isShow ? item.bkcolor : "#CCCCCC"
+            background: item.isShow ? item.bkcolor : "var(".concat(ns.cssVarName("color-disabled-bg"), ")")
           }
         }, null), createVNode("div", {
           "class": ns.em("calendar-week", "legend-item-text"),
-          "style": {
-            color: item.isShow ? item.color : "#CCCCCC"
-          },
           "title": showTitle(item.name)
         }, [item.name])]);
       })]), createVNode("div", {
@@ -89,7 +84,8 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
         "multiple": multiple.value,
         "selectedData": selectedData.value,
         "onEventClick": (value) => handleEVentClick(value),
-        "onEventDblClick": (value) => handleEVentDblClick(value)
+        "onEventDblClick": (value) => handleEVentDblClick(value),
+        "onEventContextmenu": (value) => handleEventContextmenu(value)
       }, slots)]);
     };
     const renderDay = () => {
@@ -116,13 +112,10 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
         }, [createVNode("div", {
           "class": ns.em("calendar-week", "legend-item-tip"),
           "style": {
-            background: item.isShow ? item.bkcolor : "#CCCCCC"
+            background: item.isShow ? item.bkcolor : "var(".concat(ns.cssVarName("color-disabled-bg"), ")")
           }
         }, null), createVNode("div", {
           "class": ns.em("calendar-week", "legend-item-text"),
-          "style": {
-            color: item.isShow ? item.color : "#CCCCCC"
-          },
           "title": showTitle(item.name)
         }, [item.name])]);
       })]), createVNode("div", {
@@ -131,28 +124,50 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
         "modelValue": realSelectedDay.value,
         "onUpdate:modelValue": ($event) => realSelectedDay.value = $event,
         "type": "date",
-        "placeholder": "\u9009\u62E9\u65E5\u671F",
+        "placeholder": ibiz.i18n.t("control.calendar.calendardaily.selectdate"),
         "shortcuts": shortcuts
       }, null)])]), createVNode("div", {
         "class": ns.em("calendar-week", "text-secondary")
       }, [curWeek.value])]), createVNode(IBizCalendarDaily, {
         "selected-day": realSelectedDay.value,
         "controller": props.controller,
+        "showDetail": props.showDetail,
         "events": events.value,
         "legends": legends.value,
         "multiple": multiple.value,
         "selectedData": selectedData.value,
         "onEventClick": (value) => handleEVentClick(value),
-        "onEventDblClick": (value) => handleEVentDblClick(value)
+        "onEventDblClick": (value) => handleEVentDblClick(value),
+        "onEventContextmenu": (value) => handleEventContextmenu(value)
       }, slots)]);
     };
     const renderUser = () => {
-      return createVNode(IBizCalendarUser, {
+      const weekRange = calcCurrentWeekRange(new Date(realSelectedDay.value));
+      return createVNode("div", {
+        "class": [ns.e("calendar-user")]
+      }, [createVNode("div", {
+        "class": [ns.e("calendar-user-header")]
+      }, [createVNode("div", {
+        "class": ns.em("calendar-user-header", "left")
+      }, [weekRange.map((_date) => {
+        return dayjs(new Date(_date)).format("YYYY-MM-DD");
+      }).join(" ~ ")]), createVNode("div", {
+        "class": ns.em("calendar-user-header", "right")
+      }, [createVNode(resolveComponent("el-date-picker"), {
+        "type": "week",
+        "clearable": false,
+        "popper-class": ns.em("calendar-user-header", "date-picker"),
+        "modelValue": realSelectedDay.value,
+        "onUpdate:modelValue": ($event) => realSelectedDay.value = $event,
+        "class": ns.em("calendar-user-header", "date-range"),
+        "placeholder": ibiz.i18n.t("control.calendar.calendarUser.selectWeekRange"),
+        "format": ibiz.i18n.t("control.calendar.calendarUser.weekFormat")
+      }, null)])]), createVNode(IBizCalendarUser, {
         "selected-day": realSelectedDay.value,
         "events": events.value,
         "onEventClick": (value) => handleEVentClick(value),
         "onEventDblClick": (value) => handleEVentDblClick(value)
-      }, slots);
+      }, slots)]);
     };
     const renderContent = () => {
       switch (viewType.value) {

package/es/control/calendar/components/custom-calendar/index.d.ts

@@ -11,12 +11,14 @@ export declare const IBizCustomCalendar: import("@ibiz-template/vue3-util").Type
     change: (value: Date) => boolean;
     eventClick: (value: import("@ibiz-template/core").IApiParams) => import("@ibiz-template/core").IApiParams;
     eventDblClick: (value: import("@ibiz-template/core").IApiParams) => import("@ibiz-template/core").IApiParams;
+    eventContextmenu: (_value: import("@ibiz-template/core").IApiParams) => import("@ibiz-template/core").IApiParams;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("@ibiz-template/core").IApiParams>> & {
     onChange?: ((value: Date) => any) | undefined;
     onInput?: ((value: Date) => any) | undefined;
     "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
     onEventClick?: ((value: import("@ibiz-template/core").IApiParams) => any) | undefined;
     onEventDblClick?: ((value: import("@ibiz-template/core").IApiParams) => any) | undefined;
+    onEventContextmenu?: ((_value: import("@ibiz-template/core").IApiParams) => any) | undefined;
 }, {
     [x: string]: any;
     [x: symbol]: any;

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

@@ -1,3 +1,11 @@
 import { SetupContext } from 'vue';
 import { CustomCalendarEmits, CustomCalendarProps } from '../interface';
 export declare const useCustomCalendar: (props: CustomCalendarProps, emit: SetupContext<CustomCalendarEmits>['emit'], _componentName: string) => IData;
+/**
+ * 计算一周范围
+ *
+ * @export
+ * @param {Date} date
+ * @return {*}  {string[]}
+ */
+export declare function calcCurrentWeekRange(date: Date): string[];

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

@@ -211,6 +211,9 @@ const useCustomCalendar = (props, emit, _componentName) => {
   const handleEVentDblClick = (value) => {
     emit("eventDblClick", value);
   };
+  const handleEventContextmenu = (value) => {
+    emit("eventContextmenu", value);
+  };
   const curWeek = computed(() => {
     let tempWeek = "";
     if (realSelectedDay.value) {
@@ -257,8 +260,28 @@ const useCustomCalendar = (props, emit, _componentName) => {
     selectDate,
     handleEVentClick,
     handleEVentDblClick,
+    handleEventContextmenu,
     selectLegend
   };
 };
+function calcCurrentWeekRange(date) {
+  let monday;
+  let sunday;
+  const day = date.getDay();
+  if (day === 0) {
+    monday = dayjs(new Date(date.getTime() - 6 * 864e5)).format(
+      "YYYY-MM-DD"
+    );
+    sunday = dayjs(date).format("YYYY-MM-DD");
+  } else {
+    monday = dayjs(new Date(date.getTime() - (day - 1) * 864e5)).format(
+      "YYYY-MM-DD"
+    );
+    sunday = dayjs(new Date(date.getTime() + (7 - day) * 864e5)).format(
+      "YYYY-MM-DD"
+    );
+  }
+  return [monday, sunday];
+}
 
-export { useCustomCalendar };
+export { calcCurrentWeekRange, useCustomCalendar };

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

@@ -6,6 +6,7 @@ declare const calendarDailyEmits: {
     pick: (value: Dayjs) => boolean;
     eventClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
     eventDblClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
+    eventContextmenu: (_value: IParams) => import("@ibiz-template/core").IApiParams;
 };
 type CalendarDailyEmits = typeof calendarDailyEmits;
 export { calendarDailyEmits, calendarDailyProps };

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

@@ -20,12 +20,17 @@ const calendarDailyProps = handleProps({
   },
   selectedData: {
     type: Object
+  },
+  showDetail: {
+    type: Boolean,
+    default: false
   }
 });
 const calendarDailyEmits = {
   pick: (value) => isObject(value),
   eventClick: (value) => value,
-  eventDblClick: (value) => value
+  eventDblClick: (value) => value,
+  eventContextmenu: (_value) => _value
 };
 
 export { calendarDailyEmits, calendarDailyProps };

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

@@ -6,6 +6,7 @@ declare const calendarWeekEmits: {
     pick: (value: Dayjs) => boolean;
     eventClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
     eventDblClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
+    eventContextmenu: (_value: IParams) => import("@ibiz-template/core").IApiParams;
 };
 type CalendarWeekEmits = typeof calendarWeekEmits;
 export { calendarWeekEmits, calendarWeekProps };

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

@@ -29,7 +29,8 @@ const calendarWeekProps = handleProps({
 const calendarWeekEmits = {
   pick: (value) => isObject(value),
   eventClick: (value) => value,
-  eventDblClick: (value) => value
+  eventDblClick: (value) => value,
+  eventContextmenu: (_value) => _value
 };
 
 export { calendarWeekEmits, calendarWeekProps };

package/es/control/calendar/components/interface/common.d.ts

@@ -71,9 +71,27 @@ interface IEvent {
     itemType: string;
     deData: IData;
 }
+/**
+ * 图例
+ */
+interface ILegend {
+    id: string;
+    bkcolor: string;
+    color: string;
+    name: string;
+}
 /**
  * UI图例项
  *
+ * @interface IUILegend
+ * @extends {ILegend}
+ */
+interface IUILegend extends ILegend {
+    isShow?: boolean;
+}
+/**
+ * UI数据项
+ *
  * @interface IUIEvent
  * @extends {IEvent}
  */
@@ -90,24 +108,8 @@ interface IUIEvent extends IEvent {
     isRange?: boolean;
     bkColorFade?: string;
     isSelectedEvent?: boolean;
-}
-/**
- * 图例
- */
-interface ILegend {
-    id: string;
-    bkcolor: string;
-    color: string;
-    name: string;
-}
-/**
- * UI图例项
- *
- * @interface IUILegend
- * @extends {ILegend}
- */
-interface IUILegend extends ILegend {
-    isShow?: boolean;
+    isNotCurrentDay?: boolean;
+    targetLegend?: IUILegend;
 }
 /**
  * 视图类型

package/es/control/calendar/components/interface/custom-calendar.d.ts

@@ -8,6 +8,7 @@ declare const customCalendarEmits: {
     change: (value: Date) => boolean;
     eventClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
     eventDblClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
+    eventContextmenu: (_value: IParams) => import("@ibiz-template/core").IApiParams;
 };
 type CustomCalendarEmits = typeof customCalendarEmits;
 export { customCalendarProps, customCalendarEmits };

package/es/control/calendar/components/interface/custom-calendar.mjs

@@ -2,7 +2,7 @@ import '../util/index.mjs';
 import '../constant/index.mjs';
 import { isArray, isDate } from 'lodash-es';
 import { definePropType, handleProps } from '../util/util.mjs';
-import { UPDATE_MODEL_EVENT, INPUT_EVENT, CHANGE_EVENT, EVENT_CLICK_EVENT, EVENT_DBL_CLICK_EVENT } from '../constant/event.mjs';
+import { UPDATE_MODEL_EVENT, INPUT_EVENT, CHANGE_EVENT, EVENT_CLICK_EVENT, EVENT_DBL_CLICK_EVENT, EVENT_CONTEXT_MENU } from '../constant/event.mjs';
 
 "use strict";
 const isValidRange = (range) => isArray(range) && range.length === 2 && range.every((item) => isDate(item));
@@ -66,7 +66,8 @@ const customCalendarEmits = {
   [INPUT_EVENT]: (value) => isDate(value),
   [CHANGE_EVENT]: (value) => isDate(value),
   [EVENT_CLICK_EVENT]: (value) => value,
-  [EVENT_DBL_CLICK_EVENT]: (value) => value
+  [EVENT_DBL_CLICK_EVENT]: (value) => value,
+  [EVENT_CONTEXT_MENU]: (_value) => _value
 };
 
 export { customCalendarEmits, customCalendarProps };

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

@@ -1,4 +1,4 @@
-export { closeIcon, definePropType, epPropKey, fade, getCurWeekDates, handleBkColor, handleEVentClick, 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>";
@@ -34,6 +35,14 @@ declare const fade: (color: string, Percent: number) => string | false;
  * @description 判断是否为今天
  */
 declare const isToday: (date: Date | string, curDate: Date | string) => boolean;
+/**
+ * 判断开始与结束时间是否包含指定日期
+ * @param {Date | string} start - 开始时间
+ * @param {Date | string} end - 结束时间
+ * @param {Date | string} curDate - 指定日期
+ * @returns {boolean} 如果指定日期在范围内（含开始和结束）返回 true，否则返回 false
+ */
+declare function checkDateRangeIncludes(start: Date | string, end: Date | string, curDate: Date | string): boolean;
 /**
  * @description 定义类型
  * @param {*} val
@@ -68,6 +77,17 @@ declare const getCurWeekDates: (curDate: Date | string) => {
     firstDay: Date;
     lastDay: Date;
 };
+/**
+ * @description 处理抛值
+ * @param {string} eventName
+ * @param {IUIEvent} item
+ * @param {string} location
+ */
+declare const handleEmit: (eventName: string, item: IUIEvent, location: string, events: IEvent[], multiple: boolean, selectedData: IEvent[], emit: Function) => {
+    eventName: string;
+    tempSelectedData: import("@ibiz-template/core").IApiData;
+    isSelectedEvent: boolean;
+};
 /**
  * @description 处理事件点击
  */
@@ -86,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, handleEVentClick, handlePopClose, getCurWeekDates, isDateInCurWeek, isTimeGreaterThan, };
+/**
+ * 打开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';
@@ -35,7 +35,7 @@ const handlePopClose = (el) => {
     node.style.display = "none";
   }
 };
-const handleTimeRange = (startTime, endTime, format, partition = "-") => {
+const handleTimeRange = (startTime, endTime, format, partition = "~") => {
   var _a, _b;
   let timeRange = "";
   if (startTime && ((_a = dayjs(startTime)) == null ? void 0 : _a.isValid())) {
@@ -127,6 +127,14 @@ const isToday = (date, curDate) => {
   const state = dateToCheck.getDate() === currentDate.getDate() && dateToCheck.getMonth() === currentDate.getMonth() && dateToCheck.getFullYear() === currentDate.getFullYear();
   return state;
 };
+function checkDateRangeIncludes(start, end, curDate) {
+  const targetDate = dayjs(curDate);
+  const startDate = dayjs(start);
+  const endDate = dayjs(end);
+  if (!targetDate.isValid() || !startDate.isValid() || !endDate.isValid())
+    return false;
+  return targetDate.isSame(startDate, "day") || targetDate.isSame(endDate, "day") || startDate.isBefore(targetDate, "day") && endDate.isAfter(targetDate, "day");
+}
 function hasOwn(obj, key) {
   return Object.prototype.hasOwnProperty.call(obj, key);
 }
@@ -277,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 { closeIcon, definePropType, epPropKey, fade, getCurWeekDates, handleBkColor, handleEVentClick, 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/calendar/index.d.ts

@@ -34,10 +34,12 @@ export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").Typ
     showDateRange: import("vue").Ref<boolean>;
     showDateList: import("vue").Ref<boolean>;
     popoverValue: import("vue").Ref<string>;
+    legendItems: import("vue").Ref<import("@ibiz-template/core").IApiData[]>;
     selectDate: (tag: string) => void;
     calcItemStyle: (data: import("@ibiz-template/runtime").ICalendarItemData) => import("@ibiz-template/core").IApiData;
     calcCalendarItems: (date: Date) => import("@ibiz-template/runtime").ICalendarItemData[];
     onNodeContextmenu: (item: import("@ibiz-template/runtime").ICalendarItemData, evt: MouseEvent) => Promise<void>;
+    monthLegendClick: (_item: import("@ibiz-template/core").IApiData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").ISysCalendar>;

package/es/control/chart/chart.mjs

@@ -166,7 +166,7 @@ const ChartControl = /* @__PURE__ */ defineComponent({
       }
       setHeight();
       let drillDetails = ((_b = (_a = props.modelData.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.ENABLEDRILLDETAIL) || c.controlParams.enabledrilldetail;
-      if (!isArray(drillDetails)) {
+      if (drillDetails && !isArray(drillDetails)) {
         try {
           drillDetails = JSON.parse(drillDetails);
         } catch (error) {
@@ -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/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.css

@@ -1 +1 @@
-.ibiz-control-appmenu-portlet{--ibiz-control-appmenu-portlet-margin:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-border-color:var(--ibiz-color-primary);--ibiz-control-appmenu-portlet-bg-color:var(--ibiz-color-bg-0);--ibiz-control-appmenu-portlet-padding:var(--ibiz-spacing-base-tight)}.ibiz-control-appmenu-portlet__content{display:flex;flex-wrap:wrap;width:100%}.ibiz-control-appmenu-portlet-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(25% - var(--ibiz-control-appmenu-portlet-margin) * 2);padding:var(--ibiz-control-appmenu-portlet-padding);margin:var(--ibiz-control-appmenu-portlet-margin);cursor:pointer;background-color:var(--ibiz-control-appmenu-portlet-bg-color)}.ibiz-control-appmenu-portlet-item::before{position:absolute;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-appmenu-portlet-border-color)}.ibiz-control-appmenu-portlet-group{width:100%}.ibiz-control-appmenu-portlet-group .el-collapse-item__content{display:flex;flex-wrap:wrap}
+.ibiz-control-appmenu-portlet{--ibiz-control-appmenu-portlet-margin:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-border-color:var(--ibiz-color-primary);--ibiz-control-appmenu-portlet-bg-color:var(--ibiz-color-bg-0);--ibiz-control-appmenu-portlet-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-content-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);padding:var(--ibiz-control-appmenu-portlet-content-padding)}.ibiz-control-appmenu-portlet__content{display:flex;flex-wrap:wrap;width:100%}.ibiz-control-appmenu-portlet-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(25% - var(--ibiz-control-appmenu-portlet-margin) * 2);padding:var(--ibiz-control-appmenu-portlet-padding);margin:var(--ibiz-control-appmenu-portlet-margin);cursor:pointer;background-color:var(--ibiz-control-appmenu-portlet-bg-color)}.ibiz-control-appmenu-portlet-item::before{position:absolute;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-appmenu-portlet-border-color)}.ibiz-control-appmenu-portlet-group{width:100%}.ibiz-control-appmenu-portlet-group .el-collapse-item__content{display:flex;flex-wrap:wrap}

package/es/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{position:absolute;top:20px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-dataview__content{flex-grow:1;height:100%;overflow:auto;padding:var(--ibiz-control-dataview-padding)}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__layout-row{padding:var(--ibiz-spacing-tight)}.ibiz-control-dataview__layout-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview__layout-flex{display:flex;flex-wrap:wrap;overflow:auto;align-content:flex-start}.ibiz-control-dataview__layout-flex>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;cursor:pointer;color:var(--ibiz-control-dataview-text-color);background-color:var(--ibiz-control-dataview-item-bg-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item__content{width:100%;height:100%;display:flex;align-items:center}.ibiz-control-dataview-item__content--checkbox{flex-shrink:0;margin-right:var(--ibiz-spacing-tight)!important}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}
+.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__nav-icon{position:absolute;top:20px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-dataview__drag-icon{cursor:move;visibility:hidden}.ibiz-control-dataview__content{flex-grow:1;height:100%;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__layout-row{padding:var(--ibiz-spacing-tight)}.ibiz-control-dataview__layout-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview__layout-flex{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:auto}.ibiz-control-dataview__layout-flex>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview__batchtoolbar{padding:0 var(--ibiz-spacing-base);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-super-tight)}.ibiz-control-dataview__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent;color:var(--ibiz-control-dataview-text-color);cursor:pointer;background-color:var(--ibiz-control-dataview-item-bg-color)}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item:hover .ibiz-control-dataview__drag-icon{visibility:visible}.ibiz-control-dataview-item__new{color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-dataview-item__new .el-card__body{display:flex;align-items:center;justify-content:center}.ibiz-control-dataview-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-dataview-item__content--checkbox{flex-shrink:0;margin-right:var(--ibiz-spacing-tight)!important}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;--ibiz-control-dataview-item-bg-color:transparent}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-dataview-item-content__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}