@ibiz-template/vue3-components 0.1.2 → 0.1.5

package/lib/control/calendar/calendar.controller.cjs

@@ -0,0 +1,164 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var dayjs = require('dayjs');
+var calendar_service = require('./calendar.service.cjs');
+
+class CalendarController extends runtime.MDControlController {
+  /**
+   * 初始化状态
+   *
+   * @author zk
+   * @date 2023-08-09 11:08:05
+   * @protected
+   * @memberof CalendarController
+   */
+  initState() {
+    super.initState();
+    this.state.selectedDate = /* @__PURE__ */ new Date();
+    this.state.size = 1e3;
+  }
+  /**
+   * 生命周期-创建完成
+   *
+   * @author zk
+   * @date 2023-08-09 11:08:13
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof CalendarController
+   */
+  async onCreated() {
+    await super.onCreated();
+    this.service = new calendar_service.CalendarService(this.model);
+    await this.service.init(this.context);
+  }
+  /**
+   * 日历加载
+   *
+   * @author zk
+   * @date 2023-08-08 01:08:24
+   * @param {MDCtrlLoadParams} [args={}]
+   * @return {*}  {Promise<IData[][]>}
+   * @memberof CalendarController
+   */
+  async load(args = {}) {
+    const isInitialLoad = args.isInitialLoad === true;
+    const { context } = this.handlerAbilityParams(args);
+    const params = await this.getFetchParams(args == null ? void 0 : args.params);
+    await this.startLoading();
+    let items;
+    try {
+      items = await this.service.search(context, params);
+    } finally {
+      await this.endLoading();
+    }
+    await this.afterLoad(args, items);
+    this.state.isLoaded = true;
+    this.state.items = items;
+    await this.evt.emit("onLoadSuccess", {
+      isInitialLoad
+    });
+    return items;
+  }
+  /**
+   * 获取当前选中的日期
+   *
+   * @author zk
+   * @date 2023-08-08 11:08:44
+   * @protected
+   * @param {IParams} param
+   * @return {*}  {IData}
+   * @memberof CalendarController
+   */
+  getCurSelectDate(param) {
+    const { selectedDate } = this.state;
+    const { start, end } = param;
+    if (!start || !end) {
+      const firstDayOfMonth = new Date(
+        selectedDate.getFullYear(),
+        selectedDate.getMonth(),
+        1
+      );
+      const lastDayOfMonth = new Date(
+        selectedDate.getFullYear(),
+        selectedDate.getMonth() + 1,
+        1
+      );
+      return {
+        start: dayjs(firstDayOfMonth).format("YYYY-MM-DD HH:mm:ss"),
+        end: dayjs(lastDayOfMonth).format("YYYY-MM-DD HH:mm:ss")
+      };
+    }
+    return { start, end };
+  }
+  /**
+   * 获取请求参数
+   *
+   * @author zk
+   * @date 2023-08-09 11:08:35
+   * @param {IParams} [extraParams={}]
+   * @return {*}  {Promise<IParams>}
+   * @memberof CalendarController
+   */
+  async getFetchParams(extraParams = {}) {
+    const { curPage, size, sortQuery, noSort } = this.state;
+    const resultParams = {
+      ...this.params
+    };
+    if (!noSort && sortQuery) {
+      resultParams.sort = sortQuery;
+    }
+    await this._evt.emit("onBeforeLoad", void 0);
+    Object.assign(resultParams, {
+      ...this.state.searchParams
+    });
+    if (size) {
+      resultParams.page = curPage - 1;
+      resultParams.size = size;
+    }
+    if (extraParams) {
+      Object.assign(resultParams, extraParams);
+    }
+    const timeParam = this.getCurSelectDate(resultParams);
+    Object.assign(resultParams, timeParam);
+    return resultParams;
+  }
+  /**
+   * 行单击事件
+   *
+   * @author zk
+   * @date 2023-08-08 05:08:15
+   * @param {ICalendarItemData} data
+   * @return {*}  {Promise<void>}
+   * @memberof CalendarController
+   */
+  async onRowClick(data) {
+    const { selectedData } = this.state;
+    const filterArr = selectedData.filter(
+      (item) => item.deData.srfkey !== data.deData.srfkey
+    );
+    if (filterArr.length === selectedData.length) {
+      this.setSelection(
+        this.state.singleSelect ? [data] : selectedData.concat([data])
+      );
+    } else {
+      this.setSelection(filterArr);
+    }
+    if (this.state.mdctrlActiveMode === 1) {
+      await this.setActive(data);
+    }
+  }
+  /**
+   * 设置选中日期
+   *
+   * @author zk
+   * @date 2023-08-08 11:08:08
+   * @param {Date} date
+   * @memberof CalendarController
+   */
+  setSelectDate(date) {
+    this.state.selectedDate = date;
+  }
+}
+
+exports.CalendarController = CalendarController;

package/lib/control/calendar/calendar.css

@@ -0,0 +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);width:100%;height:100%}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-base-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:10px;height:10px;border-radius:50%}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;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}.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);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-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:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.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;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{display:flex;gap:var(--ibiz-spacing-base-loose);justify-content:flex-end}

package/lib/control/calendar/calendar.provider.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CalendarProvider {
+  constructor() {
+    __publicField(this, "component", "IBizCalendarControl");
+  }
+}
+
+exports.CalendarProvider = CalendarProvider;

package/lib/control/calendar/calendar.service.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+
+class CalendarService extends runtime.MDControlService {
+  /**
+   * 执行查询多条数据的方法
+   *
+   * @author zk
+   * @date 2023-08-08 10:08:47
+   * @param {IParams} context
+   * @param {IParams} [params={}]
+   * @return {*}  Promise<ICalendarItemData[]>
+   * @memberof CalendarService
+   */
+  async search(context, params = {}) {
+    const { sysCalendarItems } = this.model;
+    if (!sysCalendarItems) {
+      return [];
+    }
+    const promises = sysCalendarItems.map(
+      async (item) => {
+        const fetchAction = item.appDEDataSetId || "fetchdefault";
+        return this.exec2(
+          fetchAction,
+          context,
+          params,
+          void 0,
+          item.appDataEntityId
+        );
+      }
+    );
+    const resArray = await Promise.all(promises);
+    const twoDimensionalArray = resArray.map(
+      (res, index) => {
+        return this.setCalendarConfigData(res.data, index);
+      }
+    );
+    return twoDimensionalArray.flat();
+  }
+  /**
+   * 设置日历项配置
+   *
+   * @author zk
+   * @date 2023-08-08 06:08:14
+   * @param {IData[]} items
+   * @param {number} index
+   * @return {*}  {ICalendarItemData[]}
+   * @memberof CalendarService
+   */
+  setCalendarConfigData(items, index) {
+    const { sysCalendarItems } = this.model;
+    if (!sysCalendarItems) {
+      throw new core.RuntimeError("\u672A\u627E\u5230\u65E5\u5386\u9879\u6A21\u578B");
+    }
+    const calendarItem = sysCalendarItems[index];
+    if (!calendarItem) {
+      throw new core.RuntimeError("\u672A\u627E\u5230\u65E5\u5386\u9879\u6A21\u578B");
+    }
+    return items.map((item) => {
+      return new runtime.CalendarItemData(calendarItem, item);
+    });
+  }
+  /**
+   * 执行方法实体方法（通过实体id和方法名）
+   *
+   * @author zk
+   * @date 2023-08-08 06:08:49
+   * @param {string} methodName
+   * @param {IParams} context
+   * @param {IData} [data={}]
+   * @param {IParams} [params={}]
+   * @param {string} [appDataEntityId=this.model.appDataEntityId!]
+   * @return {*}  {Promise<IHttpResponse>}
+   * @memberof CalendarService
+   */
+  async exec2(methodName, context, data = {}, params = {}, appDataEntityId = this.model.appDataEntityId) {
+    const res = await this.app.deService.exec(
+      appDataEntityId,
+      methodName,
+      context,
+      data,
+      params
+    );
+    return res;
+  }
+}
+
+exports.CalendarService = CalendarService;

package/lib/control/calendar/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var calendar = require('./calendar.cjs');
+var calendar_provider = require('./calendar.provider.cjs');
+var calendar_controller = require('./calendar.controller.cjs');
+
+const IBizCalendarControl = vue3Util.withInstall(
+  calendar.CalendarControl,
+  function(v) {
+    v.component(calendar.CalendarControl.name, calendar.CalendarControl);
+    runtime.registerControlProvider(runtime.ControlType.CALENDAR, () => new calendar_provider.CalendarProvider());
+  }
+);
+
+exports.CalendarProvider = calendar_provider.CalendarProvider;
+exports.CalendarController = calendar_controller.CalendarController;
+exports.IBizCalendarControl = IBizCalendarControl;
+exports.default = IBizCalendarControl;

package/lib/control/chart/generator/chart-options-generator.cjs

@@ -28,7 +28,7 @@ function parseUserParams(userParams) {
         try {
           option[customKey] = JSON.parse(userParams[key]);
         } catch (error) {
-          ibiz.log.error(`\u89E3\u6790\u81EA\u5B9A\u4E49\u53C2\u6570${key}\u5931\u8D25\uFF01`);
+          option[customKey] = userParams[key];
         }
       }
     });

package/lib/control/dashboard/dashboard.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var dashboard_controller = require('./dashboard.controller.cjs');
+require('./dashboard.css');
 
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);

package/lib/control/dashboard/dashboard.css

@@ -0,0 +1 @@
+.ibiz-control-dashboard{height:100%}

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

@@ -23,6 +23,7 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
       await props.controller.onActionClick(detail, event);
     };
     return {
+      c,
       ns,
       isShowHeader,
       onActionClick

package/lib/control/dashboard/portlet/portlet-part/portlet-part.controller.cjs

@@ -94,7 +94,7 @@ class PortletPartController {
   async onInit() {
     const { layoutPos, portletType, sysCss } = this.model;
     if (layoutPos) {
-      const { width, height } = runtime.calcLayoutHeightWidth(layoutPos);
+      const { width, height } = runtime.calcLayoutHeightWidth(this.model);
       this.state.layout.width = `${width}`;
       this.state.layout.height = `${height}`;
     }

package/lib/control/data-view/data-view.controller.cjs

@@ -14,7 +14,6 @@ class DataViewControlController extends runtime.MDControlController {
   initState() {
     super.initState();
     this.state.noSort = this.model.noSort === true;
-    this.state.groups = [];
   }
   /**
    * 初始化

package/lib/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-0);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-0);width:100%;height:100%}.ibiz-control-dataview-scroll{display:flex;gap:12px;width:100%;height:100%;overflow:auto}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-0);color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.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-0);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-0)}.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{width:100%;overflow:auto}.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{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-0);width:100%;height:100%}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start;width:100%;height:100%;overflow:auto}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-0);color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.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-0);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-0)}.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{width:100%;overflow:auto}.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}

package/lib/control/exp-bar/calendar-exp-bar/calendar-exp-bar.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var calendarExpBar_controller = require('./calendar-exp-bar.controller.cjs');
+require('./calendar-exp-bar.css');
+var renderUtil = require('../render-util.cjs');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const CalendarExpBarControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCalendarExpBarControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    srfnav: {
+      type: String,
+      required: false
+    }
+  },
+  setup() {
+    const c = vue3Util.useControlController((...args) => new calendarExpBar_controller.CalendarExpBarController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const {
+      renderTitle,
+      renderQuickSearch
+    } = renderUtil.useExpBarRender(c, ns);
+    return {
+      c,
+      ns,
+      renderTitle,
+      renderQuickSearch
+    };
+  },
+  render() {
+    const {
+      state,
+      XDataModel
+    } = this.c;
+    const {
+      isCreated
+    } = state;
+    const slots = {
+      captionbar: this.renderTitle,
+      searchbar: this.renderQuickSearch
+    };
+    if (isCreated) {
+      if (XDataModel) {
+        const key = this.c.controlPanel ? XDataModel.name : "default";
+        slots[key] = () => {
+          return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+            "context": this.c.context,
+            "params": this.c.params,
+            "modelData": XDataModel,
+            "singleSelect": true,
+            "mdctrlActiveMode": 1
+          }, null);
+        };
+      }
+    }
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, _isSlot(slots) ? slots : {
+      default: () => [slots]
+    });
+  }
+});
+
+exports.CalendarExpBarControl = CalendarExpBarControl;

package/lib/control/exp-bar/calendar-exp-bar/calendar-exp-bar.controller.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var expBar_controller = require('../exp-bar.controller.cjs');
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CalendarExpBarController extends expBar_controller.ExpBarControlController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 导航栏key名称 默认srfkey 多导航视图类 由子类重写
+     *
+     * @author zk
+     * @date 2023-07-10 03:07:53
+     * @memberof ExpBarControlController
+     */
+    __publicField(this, "navKeyName", "navId");
+  }
+  getCalendarItemModel(itemTypeName) {
+    const { sysCalendarItems } = this.XDataModel;
+    if (!sysCalendarItems) {
+      return void 0;
+    }
+    return sysCalendarItems.find((item) => item.itemType === itemTypeName);
+  }
+  get xDataController() {
+    const controller = this.view.getController(this.model.xdataControlName);
+    if (!controller) {
+      throw new core.RuntimeModelError(
+        this.model,
+        `\u65E0\u6CD5\u83B7\u53D6\u591A\u6570\u636E\u90E8\u4EF6[${this.model.xdataControlName}]\u63A7\u5236\u5668`
+      );
+    }
+    return controller;
+  }
+  setNavPosDefaultOpenView() {
+    var _a;
+    const selectItem = (_a = this.xDataController) == null ? void 0 : _a.state.items.find(
+      (item) => item.navId === this.state.srfnav
+    );
+    super.setNavPosDefaultOpenView();
+    if (!selectItem) {
+      return;
+    }
+    const date = new Date(selectItem.beginTime);
+    this.xDataController.setSelectDate(date);
+  }
+  /**
+   *  获取导航视图
+   *
+   * @author zk
+   * @date 2023-06-29 03:06:41
+   * @param {IDETabViewPanel} tabViewPanel
+   * @return {*}  {Promise<INavViewMsg>}
+   * @memberof TabExpPanelController
+   */
+  getNavViewMsg(data) {
+    if (!data[0]) {
+      return void 0;
+    }
+    const item = data[0];
+    const itemModel = this.getCalendarItemModel(item.itemType);
+    if (itemModel) {
+      const { context, params } = this.prepareParams(
+        itemModel,
+        [item.deData ? item.deData : item],
+        this.context,
+        this.params
+      );
+      context.currentSrfNav = item.navId;
+      return {
+        key: item.navId,
+        context,
+        params,
+        viewId: itemModel.navAppViewId
+      };
+    }
+    return {
+      key: item.navId,
+      context: this.context,
+      params: this.params
+    };
+  }
+}
+
+exports.CalendarExpBarController = CalendarExpBarController;

package/lib/control/exp-bar/calendar-exp-bar/calendar-exp-bar.provider.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CalendarExpBarProvider {
+  constructor() {
+    __publicField(this, "component", "IBizCalendarExpBarControl");
+  }
+}
+
+exports.CalendarExpBarProvider = CalendarExpBarProvider;

package/lib/control/exp-bar/calendar-exp-bar/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var calendarExpBar = require('./calendar-exp-bar.cjs');
+var calendarExpBar_provider = require('./calendar-exp-bar.provider.cjs');
+var calendarExpBar_controller = require('./calendar-exp-bar.controller.cjs');
+
+const IBizCalendarExpBarControl = vue3Util.withInstall(
+  calendarExpBar.CalendarExpBarControl,
+  function(v) {
+    v.component(calendarExpBar.CalendarExpBarControl.name, calendarExpBar.CalendarExpBarControl);
+    runtime.registerControlProvider(
+      runtime.ControlType.CALENDAR_EXPBAR,
+      () => new calendarExpBar_provider.CalendarExpBarProvider()
+    );
+  }
+);
+
+exports.CalendarExpBarProvider = calendarExpBar_provider.CalendarExpBarProvider;
+exports.CalendarExpBarController = calendarExpBar_controller.CalendarExpBarController;
+exports.IBizCalendarExpBarControl = IBizCalendarExpBarControl;
+exports.default = IBizCalendarExpBarControl;

package/lib/control/exp-bar/exp-bar.controller.cjs

@@ -142,7 +142,7 @@ class ExpBarControlController extends runtime.ControlController {
     super.onMounted();
     if (this.xDataController) {
       this.xDataController.evt.on("onActive", (event) => {
-        this.xDataActive(event.data);
+        this.xDataActive(event);
       });
       this.xDataController.evt.on("onLoadSuccess", (event) => {
         this.xDataLoadSuccess(event);
@@ -212,7 +212,7 @@ class ExpBarControlController extends runtime.ControlController {
    */
   setDefaultOpenView(data) {
     var _a;
-    const navViewMsg = this.getNavViewMsg(data);
+    const navViewMsg = this.getNavViewMsg(data, this.context, this.params);
     if (navViewMsg) {
       (_a = this.navPos) == null ? void 0 : _a.setDefaultOpenView(navViewMsg);
     }
@@ -225,9 +225,10 @@ class ExpBarControlController extends runtime.ControlController {
    * @param {IData} data
    * @memberof ExpBarControlController
    */
-  xDataActive(data) {
+  xDataActive(event) {
     var _a;
-    const navViewMsg = this.getNavViewMsg(data);
+    const { data, context, params } = event;
+    const navViewMsg = this.getNavViewMsg(data, context, params);
     if (navViewMsg && navViewMsg.viewId) {
       (_a = this.navPos) == null ? void 0 : _a.openView(navViewMsg);
     }
@@ -241,7 +242,7 @@ class ExpBarControlController extends runtime.ControlController {
    * @return {*}
    * @memberof ExpBarControlController
    */
-  prepareParams(XDataModel, data) {
+  prepareParams(XDataModel, data, _context, _params) {
     const {
       navDER,
       navFilter,
@@ -258,15 +259,15 @@ class ExpBarControlController extends runtime.ControlController {
     };
     const _data = data.length > 0 ? data[0] : {};
     const originParams = {
-      context: this.context,
-      params: this.params,
+      context: _context,
+      params: _params,
       data: _data
     };
     const { resultContext, resultParams } = runtime.calcNavParams(model, originParams);
-    const context = Object.assign(this.context.clone(), resultContext, {
+    const context = Object.assign(_context.clone(), resultContext, {
       currentSrfNav: _data[this.navKeyName]
     });
-    const params = { ...this.params, ...resultParams };
+    const params = { ..._params, ...resultParams };
     return { context, params };
   }
   /**
@@ -293,12 +294,17 @@ class ExpBarControlController extends runtime.ControlController {
    * @return {*}  {Promise<INavViewMsg>}
    * @memberof TabExpPanelController
    */
-  getNavViewMsg(data) {
+  getNavViewMsg(data, _context, _params) {
     if (data.length === 0) {
       return;
     }
     const viewModelId = this.calcViewModelId();
-    const { context, params } = this.prepareParams(this.XDataModel, data);
+    const { context, params } = this.prepareParams(
+      this.XDataModel,
+      data,
+      _context,
+      _params
+    );
     return {
       key: data[0][this.navKeyName],
       context,

package/lib/control/exp-bar/index.cjs

@@ -4,9 +4,12 @@ var index = require('./tree-exp-bar/index.cjs');
 var index$1 = require('./list-exp-bar/index.cjs');
 var index$2 = require('./grid-exp-bar/index.cjs');
 var index$3 = require('./data-view-exp-bar/index.cjs');
+var index$4 = require('./calendar-exp-bar/index.cjs');
 var treeExpBar_provider = require('./tree-exp-bar/tree-exp-bar.provider.cjs');
 var treeExpBar_controller = require('./tree-exp-bar/tree-exp-bar.controller.cjs');
 var listExpBar_provider = require('./list-exp-bar/list-exp-bar.provider.cjs');
+var calendarExpBar_provider = require('./calendar-exp-bar/calendar-exp-bar.provider.cjs');
+var calendarExpBar_controller = require('./calendar-exp-bar/calendar-exp-bar.controller.cjs');
 
 
 
@@ -14,6 +17,9 @@ exports.IBizTreeExpBarControl = index.IBizTreeExpBarControl;
 exports.IBizListExpBarControl = index$1.IBizListExpBarControl;
 exports.IBizGridExpBarControl = index$2.IBizGridExpBarControl;
 exports.IBizDataViewExpBarControl = index$3.IBizDataViewExpBarControl;
+exports.IBizCalendarExpBarControl = index$4.IBizCalendarExpBarControl;
 exports.TreeExpBarProvider = treeExpBar_provider.TreeExpBarProvider;
 exports.TreeExpBarController = treeExpBar_controller.TreeExpBarController;
 exports.ListExpBarProvider = listExpBar_provider.ListExpBarProvider;
+exports.CalendarExpBarProvider = calendarExpBar_provider.CalendarExpBarProvider;
+exports.CalendarExpBarController = calendarExpBar_controller.CalendarExpBarController;