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

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

@@ -82,15 +82,14 @@ const IBizControlNavigation = /* @__PURE__ */ defineComponent({
       }
     });
     const renderNavView = () => {
-      if (navViewMsg.value) {
-        if (!navViewMsg.value.viewId)
-          return;
-        return h(resolveComponent("IBizViewShell"), {
-          ...navViewMsg.value,
-          isEmbedCtrlNav: isEmbedCtrlNav.value,
-          class: ns.e("nav-view")
-        });
-      }
+      var _a2;
+      if (!((_a2 = navViewMsg.value) == null ? void 0 : _a2.viewId))
+        return;
+      return h(resolveComponent("IBizViewShell"), {
+        ...navViewMsg.value,
+        isEmbedCtrlNav: isEmbedCtrlNav.value,
+        class: ns.e("nav-view")
+      });
     };
     return {
       ns,

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

@@ -9,9 +9,14 @@ import { NavgationBaseProvider } from './navigation-base.provider';
  * @extends {NavgationBaseProvider}
  */
 export declare class CalendarNavigationProvider extends NavgationBaseProvider {
-    keyName: string;
+    keyName: 'navId';
     controller: CalendarController;
     model: ISysCalendar;
+    /**
+     * @description 通过栈数据导航
+     * - 特殊处理仅使用开始时间绘制的日历
+     * @memberof CalendarNavigationProvider
+     */
     onNavDataByStack(): void;
     getNavViewMsg(item: ICalendarItemData): INavViewMsg;
 }

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

@@ -1,4 +1,4 @@
-import dayjs from 'dayjs';
+import { compareDateEqualByScale } from '@ibiz-template/runtime';
 import { NavgationBaseProvider } from './navigation-base.provider.mjs';
 
 "use strict";
@@ -13,18 +13,29 @@ class CalendarNavigationProvider extends NavgationBaseProvider {
     super(...arguments);
     __publicField(this, "keyName", "navId");
   }
+  /**
+   * @description 通过栈数据导航
+   * - 特殊处理仅使用开始时间绘制的日历
+   * @memberof CalendarNavigationProvider
+   */
   onNavDataByStack() {
-    const { items } = this.controller.state;
-    const navData = this.navStack.map((key) => items.find((item) => item.navId === key)).find((item) => item !== void 0) || items[0];
+    var _a;
+    const { controlParams, state, model } = this.controller;
+    const calendarStyle = (_a = model.calendarStyle) == null ? void 0 : _a.toLowerCase();
+    const items = state.items.filter((item) => {
+      if (calendarStyle === "month" && controlParams.showmode !== "daterange" || calendarStyle === "user")
+        return compareDateEqualByScale(
+          item.beginTime,
+          state.selectedDate,
+          calendarStyle === "user" ? "week" : "month"
+        );
+      return true;
+    });
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
-      const date = new Date(navData.beginTime);
-      if (dayjs(date).isValid())
-        this.controller.setSelectDate(date);
-      this.controller.setNavData(navData);
+      this.setNavData(navData);
     } else {
-      this.navStack = [];
-      this.controller.setSelectDate(/* @__PURE__ */ new Date());
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {

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

@@ -9,7 +9,7 @@ import { NavgationBaseProvider } from './navigation-base.provider';
  * @extends {NavgationBaseProvider}
  */
 export declare class MapNavigationProvider extends NavgationBaseProvider {
-    keyName: string;
+    keyName: '_id';
     controller: MapController;
     model: ISysMap;
     /**

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

@@ -1,3 +1,4 @@
+import { getAreaLevelByCode, calcDeCodeNameById, getAreaLevelNum } from '@ibiz-template/runtime';
 import { NavgationBaseProvider } from './navigation-base.provider.mjs';
 
 "use strict";
@@ -10,7 +11,7 @@ var __publicField = (obj, key, value) => {
 class MapNavigationProvider extends NavgationBaseProvider {
   constructor() {
     super(...arguments);
-    __publicField(this, "keyName", "id");
+    __publicField(this, "keyName", "_id");
   }
   /**
    * @description 导航数据变化
@@ -20,46 +21,62 @@ class MapNavigationProvider extends NavgationBaseProvider {
   onNavDataChange(event) {
     var _a;
     const { navData } = event;
-    if (((_a = this.navViewMsg.value) == null ? void 0 : _a.key) !== navData._id) {
+    if (((_a = this.navViewMsg.value) == null ? void 0 : _a.key) !== navData[this.keyName]) {
       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];
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
-      this.controller.setNavData(navData);
+      if (navData._itemStyle.startsWith("REGION")) {
+        const data = { ...navData };
+        if (navData._areaCode) {
+          data.areaCode = this.controller.state.strAreaCode ? "".concat(navData._areaCode) : Number(navData._areaCode);
+          data.areaLevel = getAreaLevelByCode(navData._areaCode.toString());
+        }
+        this.setNavData(data);
+      } else {
+        this.setNavData(navData);
+      }
     } else {
-      this.navStack = [];
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {
-    var _a;
+    var _a, _b;
     const { sysMapItems } = this.model;
     const { areaCode, areaLevel } = item;
     const itemModel = sysMapItems == null ? void 0 : sysMapItems.find((_item) => _item.id === item._mapItemId);
     if (itemModel) {
+      const tempContext = this.controller.context.clone();
+      const tempParams = { ...this.controller.params };
+      if ((_a = itemModel.itemStyle) == null ? void 0 : _a.startsWith("POINT")) {
+        const deName = calcDeCodeNameById(itemModel.appDataEntityId);
+        tempContext[deName] = item._deData.srfkey;
+      }
+      if ((_b = itemModel.itemStyle) == null ? void 0 : _b.startsWith("REGION")) {
+        tempParams.srfareacode = areaCode;
+        tempParams.srfarealevel = areaLevel;
+        tempParams.srfarealevelnum = areaLevel ? getAreaLevelNum(areaLevel) : 1;
+      }
       const { context, params } = this.prepareParams(
         itemModel,
         { ...item._deData, areaCode, areaLevel },
-        this.controller.context,
-        this.controller.params
+        tempContext,
+        tempParams
       );
-      if ((_a = itemModel.itemStyle) == null ? void 0 : _a.startsWith("REGION")) {
-        params.srfareacode = areaCode;
-        params.srfarealevel = areaLevel;
-      }
+      Object.assign(params, tempParams);
       return {
         params,
         context,
-        key: item._id,
+        key: item[this.keyName],
         viewId: itemModel.navAppViewId
       };
     }
     return {
-      key: item._id,
+      key: item[this.keyName],
       context: this.controller.context,
       params: this.controller.params
     };

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

@@ -58,6 +58,19 @@ export declare class NavgationBaseProvider {
         context: IContext;
         params: IParams;
     };
+    /**
+     * @description 清空导航
+     * @protected
+     * @memberof NavgationBaseProvider
+     */
+    protected clearNavigation(): void;
+    /**
+     * @description 设置导航数据
+     * @protected
+     * @param {IData} data
+     * @memberof NavgationBaseProvider
+     */
+    protected setNavData(data: IData): void;
     /**
      * 通过栈数据导航
      *

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

@@ -88,6 +88,26 @@ class NavgationBaseProvider {
     const tempParams = { ...resultParams };
     return { context: tempContext, params: tempParams };
   }
+  /**
+   * @description 清空导航
+   * @protected
+   * @memberof NavgationBaseProvider
+   */
+  clearNavigation() {
+    this.navStack = [];
+    this.controller.setSelection([]);
+    this.navViewMsg.value = void 0;
+  }
+  /**
+   * @description 设置导航数据
+   * @protected
+   * @param {IData} data
+   * @memberof NavgationBaseProvider
+   */
+  setNavData(data) {
+    this.controller.setNavData(data);
+    this.controller.setSelection([data]);
+  }
   /**
    * 通过栈数据导航
    *
@@ -96,16 +116,11 @@ class NavgationBaseProvider {
   onNavDataByStack() {
     const { items } = this.controller.state;
     const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
-    setTimeout(() => {
-      if (navData) {
-        this.controller.setNavData(navData);
-        this.controller.setSelection([navData]);
-      } else {
-        this.navStack = [];
-        this.controller.setSelection([]);
-        this.navViewMsg.value = void 0;
-      }
-    });
+    if (navData) {
+      this.setNavData(navData);
+    } else {
+      this.clearNavigation();
+    }
   }
   /**
    * 导航数据变化

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

@@ -1,4 +1,4 @@
-import { TreeController, INavViewMsg, ITreeNodeData, MDControlController } from '@ibiz-template/runtime';
+import { INavViewMsg, ITreeNodeData, TreeController, MDControlController } from '@ibiz-template/runtime';
 import { IDETree } from '@ibiz/model-core';
 import { NavgationBaseProvider } from './navigation-base.provider';
 /**
@@ -9,7 +9,7 @@ import { NavgationBaseProvider } from './navigation-base.provider';
  * @extends {NavgationBaseProvider}
  */
 export declare class TreeNavigationProvider extends NavgationBaseProvider {
-    keyName: string;
+    keyName: '_id';
     controller: TreeController;
     model: IDETree;
     /**

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

@@ -38,14 +38,11 @@ class TreeNavigationProvider extends NavgationBaseProvider {
       }
       return this.navNodeModelIds.includes(node._nodeId);
     });
-    const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || defaultNav;
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || defaultNav;
     if (navData) {
-      this.controller.setSelection([navData]);
-      this.controller.setNavData(navData);
+      this.setNavData(navData);
     } else {
-      this.navStack = [];
-      this.controller.setSelection([]);
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {
@@ -64,14 +61,14 @@ class TreeNavigationProvider extends NavgationBaseProvider {
         _params
       );
       return {
-        key: item._id,
+        key: item[this.keyName],
         context,
         params,
         viewId: nodeModel.navAppViewId
       };
     }
     return {
-      key: item._id,
+      key: item[this.keyName],
       context: _context,
       params: _params
     };

package/es/common/custom-filter-condition/custom-filter-condition.d.ts

@@ -143,6 +143,8 @@ export declare const IBizCustomFilterCondition: import("vue").DefineComponent<{
                             caption?: string | undefined;
                             contentHeight?: number | undefined;
                             contentWidth?: number | undefined;
+                            counterId?: string | undefined;
+                            counterMode?: number | undefined;
                             cssStyle?: string | undefined;
                             dynaClass?: string | undefined;
                             height?: number | undefined;
@@ -162,6 +164,7 @@ export declare const IBizCustomFilterCondition: import("vue").DefineComponent<{
                                 modelId?: string | undefined;
                                 modelType?: string | undefined;
                             } | undefined;
+                            appCounterRefId?: string | undefined;
                             layout?: {
                                 layout?: string | undefined;
                                 appId: string;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IMapData } from '@ibiz-template/runtime';
+import { IMapData, MapController } from '@ibiz-template/runtime';
 import './map-chart.scss';
 export declare const IBizMapChart: import("vue").DefineComponent<{
     areaData: {
@@ -52,6 +52,10 @@ export declare const IBizMapChart: import("vue").DefineComponent<{
         }>>;
         default: () => {};
     };
+    controller: {
+        type: typeof MapController;
+        required: true;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     chartRef: import("vue").Ref<any>;
@@ -108,6 +112,10 @@ export declare const IBizMapChart: import("vue").DefineComponent<{
         }>>;
         default: () => {};
     };
+    controller: {
+        type: typeof MapController;
+        required: true;
+    };
 }>>, {
     options: Partial<{
         strAreaCode: boolean;

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

@@ -1,6 +1,7 @@
 import { computed, onMounted, createVNode, defineComponent } from 'vue';
 import { isNil, mergeDeepWithKey } from 'ramda';
 import { useNamespace } from '@ibiz-template/vue3-util';
+import { MapController } from '@ibiz-template/runtime';
 import { defaultOpts } from './map-chart.util.mjs';
 import { useMapManager } from './map-manager.mjs';
 import './map-chart.css';
@@ -18,6 +19,10 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
     options: {
       type: Object,
       default: () => ({})
+    },
+    controller: {
+      type: MapController,
+      required: true
     }
   },
   setup(props, {
@@ -43,7 +48,7 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
       changeMap,
       getCityName,
       goBack
-    } = useMapManager(options, (mapName) => {
+    } = useMapManager(props.controller, options, (mapName) => {
       const {
         visualMap,
         pointSymbol,
@@ -173,9 +178,6 @@ const IBizMapChart = /* @__PURE__ */ defineComponent({
       return result;
     }, (name, e) => {
       switch (name) {
-        case "mapChange":
-          emit("mapChange", e);
-          break;
         case "pointClick":
           emit("pointClick", findData(e._id, "point"));
           break;

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

@@ -1,4 +1,5 @@
 import { ComputedRef } from 'vue';
+import { MapController } from '@ibiz-template/runtime';
 import { MapOptions } from './map-chart.util';
 /**
  * 使用echarts地图
@@ -9,7 +10,7 @@ import { MapOptions } from './map-chart.util';
  * @param {(name: string, e: IData) => void} emit 事件回调
  * @return {*}
  */
-export declare function useMapManager(opts: ComputedRef<MapOptions>, calcEchartsOpts: (name: string) => IData, emit: (name: string, e: IData) => void): {
+export declare function useMapManager(controller: MapController, opts: ComputedRef<MapOptions>, calcEchartsOpts: (name: string) => IData, emit: (name: string, e: IData) => void): {
     chartRef: import("vue").Ref<any>;
     historyNames: import("vue").Ref<string[]>;
     currentName: import("vue").Ref<string>;

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

@@ -3,7 +3,7 @@ import { ref, onMounted, onUnmounted } from 'vue';
 import { getJsonUrl } from './map-json.mjs';
 
 "use strict";
-function useMapManager(opts, calcEchartsOpts, emit) {
+function useMapManager(controller, opts, calcEchartsOpts, emit) {
   const mapInfos = /* @__PURE__ */ new Map();
   const currentName = ref("");
   const historyNames = ref([]);
@@ -44,9 +44,8 @@ function useMapManager(opts, calcEchartsOpts, emit) {
   };
   const changeMap = async (name, isInit = false) => {
     if (!isInit) {
-      emit("mapChange", {
-        areaCode: opts.value.strAreaCode ? "".concat(name) : Number(name)
-      });
+      const areaCode = opts.value.strAreaCode ? "".concat(name) : Number(name);
+      await controller.onMapChange(areaCode);
     }
     const strName = "".concat(name);
     if (!mapInfos.has(strName)) {

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__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)}
+.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);white-space:pre}

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

@@ -1,7 +1,7 @@
 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 { MapController, getAreaLevelByCode } 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';
@@ -92,6 +92,7 @@ const IBizMapChartUser = /* @__PURE__ */ defineComponent({
       const name = options.value.defaultAreaCode;
       const areaCode = c.state.strAreaCode ? "".concat(name) : Number(name);
       c.state.areaCode = areaCode;
+      c.state.areaLevel = getAreaLevelByCode(areaCode.toString());
       changeMap(name, areaCode, true);
       c.evt.on("onDrillDown", async (args) => {
         if (!processing.value) {

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

@@ -55,7 +55,7 @@ function useMapManager(controller, opts, calcEchartsOpts) {
       await registerMap$1(strName);
     }
     if (!isInit) {
-      controller.onMapChange(areaCode);
+      await controller.onMapChange(areaCode);
     } else {
       const areaLevel = areaLevelMap.get(toNumber(areaCode)) || "";
       controller.state.areaLevel = areaLevel;

package/es/common/view-message/view-message.d.ts

@@ -83,6 +83,8 @@ export declare const ViewMessage: import("vue").DefineComponent<{
                 caption?: string | undefined;
                 contentHeight?: number | undefined;
                 contentWidth?: number | undefined;
+                counterId?: string | undefined;
+                counterMode?: number | undefined;
                 cssStyle?: string | undefined;
                 dynaClass?: string | undefined;
                 height?: number | undefined;
@@ -102,6 +104,7 @@ export declare const ViewMessage: import("vue").DefineComponent<{
                     modelId?: string | undefined;
                     modelType?: string | undefined;
                 } | undefined;
+                appCounterRefId?: string | undefined;
                 layout?: {
                     layout?: string | undefined;
                     appId: string;

package/es/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);position:relative;width:100%;height:100%}.ibiz-control-calendar__nav-icon{position:absolute;top:18px;right:0;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-calendar__calendar-item{display:flex;align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:var(--ibiz-width-icon-small);height:var(--ibiz-width-icon-small);margin-right:var(--ibiz-spacing-base-tight);border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column;height:100%}.ibiz-control-calendar-content .el-calendar__header{flex-wrap:nowrap}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;min-height:90px;cursor:pointer}.ibiz-control-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-calendar-content .el-calendar__body{display:flex;flex:1;padding:0;overflow:auto}.ibiz-control-calendar-content.is-show-date-range .el-calendar-day{padding:var(--ibiz-spacing-tight) 0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item{width:calc(100% + 1px);min-height:34px;border-radius:0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-begin-time{width:100%;margin-left:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-spacing-extra-tight) 0 0 var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-begin-time.is-end-time{width:calc(100% - var(--ibiz-spacing-super-tight) * 2);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-end-time{width:calc(100% - var(--ibiz-spacing-super-tight));border-radius:0 var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active{border-right:none;border-left:none}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active.is-begin-time{border-left:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active.is-end-time{border-right:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-hidden{position:relative;z-index:-1;opacity:0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-no-begin-time,.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-no-end-time{width:calc(100% - var(--ibiz-spacing-super-tight) * 2);margin-left:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-more{width:100%;font-size:var(--ibiz-font-size-small);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-more:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-color:none;--ibiz-color-text-2:var(--ibiz-control-calendar-item-color);--ibiz-editor-default-text-color:var(--ibiz-control-calendar-item-color);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-item:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item.is-active{background-color:var(--ibiz-control-calendar-active-bg-color);border:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding-bottom:var(--ibiz-control-calendar-item-padding);margin:0;text-align:center}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-title{line-height:var(--ibiz-editor-default-line-height);white-space:nowrap}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-calendar-content-header>*+*{margin-left:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar-content-header .el-button-group{display:flex}.ibiz-control-calendar-legend{display:flex;justify-content:center;width:100%}.ibiz-control-calendar-legend__item{display:flex;align-items:center;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-control-calendar-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-control-calendar-legend__item--text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-calendar-timeline-content{height:100%;overflow:auto}.ibiz-control-calendar-timeline-content .el-timeline{padding-left:0}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);position:relative;width:100%;height:100%}.ibiz-control-calendar__nav-icon{position:absolute;top:18px;right:0;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-calendar__calendar-item{display:flex;align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:var(--ibiz-width-icon-small);height:var(--ibiz-width-icon-small);margin-right:var(--ibiz-spacing-base-tight);border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-calendar__user .ibiz-control-calendar__nav-icon{top:9px}.ibiz-control-calendar__day .ibiz-control-calendar__nav-icon,.ibiz-control-calendar__week .ibiz-control-calendar__nav-icon{top:28px;right:10px}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column;height:100%}.ibiz-control-calendar-content .el-calendar__header{flex-wrap:nowrap}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;min-height:90px;cursor:pointer}.ibiz-control-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-calendar-content .el-calendar__body{display:flex;flex:1;padding:0;overflow:auto}.ibiz-control-calendar-content.is-show-date-range .el-calendar-day{padding:var(--ibiz-spacing-tight) 0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item{width:calc(100% + 1px);min-height:34px;border-radius:0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-begin-time{width:100%;margin-left:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-spacing-extra-tight) 0 0 var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-begin-time.is-end-time{width:calc(100% - var(--ibiz-spacing-super-tight) * 2);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-end-time{width:calc(100% - var(--ibiz-spacing-super-tight));border-radius:0 var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active{border-right:none;border-left:none}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active.is-begin-time{border-left:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active.is-end-time{border-right:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-hidden{position:relative;z-index:-1;opacity:0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-no-begin-time,.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-no-end-time{width:calc(100% - var(--ibiz-spacing-super-tight) * 2);margin-left:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-more{width:100%;font-size:var(--ibiz-font-size-small);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-more:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-color:none;--ibiz-color-text-2:var(--ibiz-control-calendar-item-color);--ibiz-editor-default-text-color:var(--ibiz-control-calendar-item-color);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-item:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item.is-active{background-color:var(--ibiz-control-calendar-active-bg-color);border:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding-bottom:var(--ibiz-control-calendar-item-padding);margin:0;text-align:center}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-title{line-height:var(--ibiz-editor-default-line-height);white-space:nowrap}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-calendar-content-header>*+*{margin-left:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar-content-header .el-button-group{display:flex}.ibiz-control-calendar-legend{display:flex;justify-content:center;width:100%}.ibiz-control-calendar-legend__item{display:flex;align-items:center;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-control-calendar-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-control-calendar-legend__item--text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-calendar-timeline-content{height:100%;overflow:auto}.ibiz-control-calendar-timeline-content .el-timeline{padding-left:0}

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ISysCalendar } from '@ibiz/model-core';
-import { CalendarController, ICalendarItemData, IControlProvider } from '@ibiz-template/runtime';
+import { IControlProvider, ICalendarItemData, CalendarController } from '@ibiz-template/runtime';
 import './calendar.scss';
 export declare const CalendarControl: import("vue").DefineComponent<{
     /**

package/es/control/calendar/calendar.mjs

@@ -682,21 +682,25 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
-      default: () => [createVNode(resolveComponent("iBizControlBase"), {
-        "controller": this.c
-      }, {
-        default: () => [renderCalendar(), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
-          "class": this.ns.e("nav-icon"),
-          "title": ibiz.i18n.t("component.controlNavigation.showNav"),
-          "name": "eye-outline",
-          "onClick": () => this.c.onShowNavViewChange()
-        }, null) : createVNode("ion-icon", {
-          "class": this.ns.e("nav-icon"),
-          "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
-          "name": "eye-off-outline",
-          "onClick": () => this.c.onShowNavViewChange()
-        }, null) : null]
-      })]
+      default: () => {
+        var _a;
+        return [createVNode(resolveComponent("iBizControlBase"), {
+          "controller": this.c,
+          "class": this.ns.e((_a = this.c.model.calendarStyle) == null ? void 0 : _a.toLowerCase())
+        }, {
+          default: () => [renderCalendar(), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
+            "class": this.ns.e("nav-icon"),
+            "title": ibiz.i18n.t("component.controlNavigation.showNav"),
+            "name": "eye-outline",
+            "onClick": () => this.c.onShowNavViewChange()
+          }, null) : createVNode("ion-icon", {
+            "class": this.ns.e("nav-icon"),
+            "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
+            "name": "eye-off-outline",
+            "onClick": () => this.c.onShowNavViewChange()
+          }, null) : null]
+        })];
+      }
     });
   }
 });