@ibiz-template/vue3-components 0.1.2 → 0.1.5

package/es/editor/upload/use/use-iview-upload.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { UploadEditorController } from '../upload-editor.controller';
 /**
  * iview的Upload适配逻辑
@@ -20,7 +20,7 @@ export declare function useIViewUpload(props: IParams, valueChange: (_value: str
         name: string;
         url?: string | undefined;
     }[]>;
-    limit: import("vue").ComputedRef<1 | 9999>;
+    limit: ComputedRef<1 | 9999>;
     onDownload: (file: IData) => void;
     onError: (...args: IData[]) => never;
     onRemove: (file: IData) => void;

package/es/index.mjs

@@ -32,6 +32,8 @@ import { IBizWizardPanelControl } from './control/wizard-panel/index.mjs';
 import { IBizDRBarControl } from './control/drbar/index.mjs';
 import { IBizDRTabControl } from './control/drtab/index.mjs';
 import { IBizDashboardControl } from './control/dashboard/index.mjs';
+import { IBizCalendarControl } from './control/calendar/index.mjs';
+import { IBizCalendarExpBarControl } from './control/exp-bar/calendar-exp-bar/index.mjs';
 export { AppMenuProvider } from './control/app-menu/app-menu.provider.mjs';
 export { AppMenuController } from './control/app-menu/app-menu.controller.mjs';
 export { AppMenuIconViewProvider } from './control/app-menu-icon-view/app-menu-icon-view.provider.mjs';
@@ -121,6 +123,8 @@ export { TabExpPanelController } from './control/tab-exp-panel/tab-exp-panel.con
 export { TreeExpBarProvider } from './control/exp-bar/tree-exp-bar/tree-exp-bar.provider.mjs';
 export { TreeExpBarController } from './control/exp-bar/tree-exp-bar/tree-exp-bar.controller.mjs';
 export { ListExpBarProvider } from './control/exp-bar/list-exp-bar/list-exp-bar.provider.mjs';
+export { CalendarExpBarProvider } from './control/exp-bar/calendar-exp-bar/calendar-exp-bar.provider.mjs';
+export { CalendarExpBarController } from './control/exp-bar/calendar-exp-bar/calendar-exp-bar.controller.mjs';
 export { SearchBarProvider } from './control/search-bar/search-bar.provider.mjs';
 export { SearchBarController } from './control/search-bar/search-bar.controller.mjs';
 export { WizardPanelProvider } from './control/wizard-panel/wizard-panel.provider.mjs';
@@ -142,8 +146,9 @@ export { ViewPortletController } from './control/dashboard/portlet/view-portlet/
 export { ViewPortletProvider } from './control/dashboard/portlet/view-portlet/view-portlet.provider.mjs';
 export { ViewPortlet } from './control/dashboard/portlet/view-portlet/view-portlet.mjs';
 export { IBizViewPortlet } from './control/dashboard/portlet/view-portlet/index.mjs';
+export { CalendarProvider } from './control/calendar/calendar.provider.mjs';
+export { CalendarController } from './control/calendar/calendar.controller.mjs';
 export { IBizIcon } from './common/icon/icon.mjs';
-export { IBizKeepAlive, MoveType, ShapeFlags, devtoolsComponentAdded, invokeArrayFns, invokeVNodeHook, isAsyncWrapper, isKeepAlive, queuePostRenderEffect, setTransitionHooks } from './common/keep-alive/keep-alive.mjs';
 export { IBizRouterView } from './common/router-view/router-view.mjs';
 export { IBizCol } from './common/col/col.mjs';
 export { IBizRow } from './common/row/row.mjs';
@@ -249,8 +254,10 @@ var index = {
     v.use(IBizDRBarControl);
     v.use(IBizDRTabControl);
     v.use(IBizDashboardControl);
+    v.use(IBizCalendarControl);
+    v.use(IBizCalendarExpBarControl);
     v.use(IBizEditor);
   }
 };
 
-export { IBizAppMenuControl, IBizAppMenuIconViewControl, IBizCaptionBarControl, IBizChartControl, IBizCommonComponents, IBizDRBarControl, IBizDRTabControl, IBizDashboardControl, IBizDataViewControl, IBizDataViewExpBarControl, IBizEditFormControl, IBizEditor, IBizFormControl, IBizGridControl, IBizGridExpBarControl, IBizListControl, IBizListExpBarControl, IBizPanelComponents, IBizPanelControl, IBizPickupViewPanelControl, IBizPortalView, IBizSearchBarControl, IBizSearchFormControl, IBizTabExpPanelControl, IBizToolbarControl, IBizTreeControl, IBizTreeExpBarControl, IBizView, IBizViewLayoutPanelControl, IBizWizardPanelControl, index as default };
+export { IBizAppMenuControl, IBizAppMenuIconViewControl, IBizCalendarControl, IBizCalendarExpBarControl, IBizCaptionBarControl, IBizChartControl, IBizCommonComponents, IBizDRBarControl, IBizDRTabControl, IBizDashboardControl, IBizDataViewControl, IBizDataViewExpBarControl, IBizEditFormControl, IBizEditor, IBizFormControl, IBizGridControl, IBizGridExpBarControl, IBizListControl, IBizListExpBarControl, IBizPanelComponents, IBizPanelControl, IBizPickupViewPanelControl, IBizPortalView, IBizSearchBarControl, IBizSearchFormControl, IBizTabExpPanelControl, IBizToolbarControl, IBizTreeControl, IBizTreeExpBarControl, IBizView, IBizViewLayoutPanelControl, IBizWizardPanelControl, index as default };

package/es/panel-component/nav-pos/nav-pos.mjs

@@ -64,8 +64,9 @@ const NavPos = /* @__PURE__ */ defineComponent({
           Component
         }) => {
           const routerContent = currentKey === "" || !Component ? null : createVNode(Component, null, null);
-          return cache ? createVNode(resolveComponent("iBizKeepAlive"), {
-            "keyList": cacheKeys
+          return cache ? createVNode(resolveComponent("keepAlive"), {
+            "include": cacheKeys,
+            "isKey": true
           }, _isSlot(routerContent) ? routerContent : {
             default: () => [routerContent]
           }) : routerContent;
@@ -79,8 +80,9 @@ const NavPos = /* @__PURE__ */ defineComponent({
         viewId: navViewMsgs[currentKey].viewId,
         onCreated: this.onViewCreated
       }) : null;
-      content = cache ? createVNode(resolveComponent("iBizKeepAlive"), {
-        "keyList": cacheKeys
+      content = cache ? createVNode(resolveComponent("keepAlive"), {
+        "include": cacheKeys,
+        "isKey": true
       }, _isSlot(view) ? view : {
         default: () => [view]
       }) : view;

package/es/panel-component/nav-pos-index/nav-pos-index.controller.mjs

@@ -226,7 +226,6 @@ class NavPosIndexController extends PanelItemController {
    * @protected
    */
   goLast() {
-    var _a;
     const lastKey = this.state.operateSort.pop();
     if (lastKey) {
       if (this.state.currentKey === lastKey) {
@@ -236,7 +235,7 @@ class NavPosIndexController extends PanelItemController {
       const fullPath = this.state.navViewMsgs[lastKey].fullPath;
       this.router.push(fullPath);
     } else {
-      const route = (_a = this.router) == null ? void 0 : _a.currentRoute.value;
+      const route = this.router.currentRoute.value;
       const { appContext } = route.params;
       let indexPath = `/${appContext}`;
       for (let index = 1; index <= this.routeDepth; index++) {

package/es/panel-component/nav-pos-index/nav-pos-index.mjs

@@ -68,8 +68,9 @@ const NavPosIndex = /* @__PURE__ */ defineComponent({
       default: ({
         Component
       }) => {
-        return createVNode(resolveComponent("iBizKeepAlive"), {
-          "keyList": cacheKeys
+        return createVNode(resolveComponent("keepAlive"), {
+          "include": cacheKeys,
+          "isKey": true
         }, {
           default: () => [Component && createVNode(Component, null, null)]
         });

package/es/panel-component/nav-pos-index/nav-pos-index.state.mjs

@@ -22,7 +22,7 @@ class NavPosIndexState extends PanelItemState {
      * @date 2023-05-25 06:25:21
      * @type {string[]}
      */
-    __publicField(this, "cacheKeys", []);
+    __publicField(this, "cacheKeys", ["RouterShell"]);
     /**
      * 导航视图详细信息
      * @author lxm

package/es/panel-component/panel-app-title/panel-app-title.css

@@ -1 +1 @@
-.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-2);--ibiz-panel-app-title-font-wight:var(--ibiz-font-weight-bold);display:flex;align-items:center;justify-content:center;height:100%}.ibiz-panel-app-title__title{font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{padding:0 var(--ibiz-spacing-base);font-size:40px;display:flex;align-items:center;justify-content:center}.ibiz-panel-app-title__logo img{display:inline-block;width:20px;height:20px}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-2);--ibiz-panel-app-title-font-wight:var(--ibiz-font-weight-bold);display:flex;align-items:center;justify-content:center;height:100%}.ibiz-panel-app-title__title{font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{padding:0 var(--ibiz-spacing-base);font-size:40px;display:flex;align-items:center;justify-content:center}.ibiz-panel-app-title__logo img{display:inline-block;width:20px;height:20px}.ibiz-panel-app-title--hidden_logo{padding-left:var(--ibiz-spacing-base)}

package/es/panel-component/panel-app-title/panel-app-title.mjs

@@ -45,7 +45,7 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
       }
     }
     return createVNode("div", {
-      "class": [this.ns.b(), ...this.controller.containerClass]
+      "class": [this.ns.b(), !iconVNode ? this.ns.m("hidden_logo") : null, ...this.controller.containerClass]
     }, [iconVNode, createVNode("span", {
       "class": this.ns.e("title")
     }, [caption])]);

package/es/panel-component/panel-field/panel-field.controller.d.ts

@@ -36,7 +36,7 @@ export declare class PanelFieldController extends PanelItemController<IPanelFiel
      * @date 2023-07-14 02:30:58
      * @readonly
      */
-    get value(): any;
+    get value(): string | number;
     /**
      * 编辑器控制器
      *

package/es/view/portal-view/portal-view.mjs

@@ -44,7 +44,6 @@ const PortalView = /* @__PURE__ */ defineComponent({
   render() {
     var _a;
     let content = null;
-    let header = null;
     if (this.c.state.isCreated) {
       const slots = {
         ...this.$slots
@@ -78,29 +77,13 @@ const PortalView = /* @__PURE__ */ defineComponent({
           }
         });
       }
-      if (this.c.model.showCaptionBar || slots.toolbar) {
-        header = createVNode("div", {
-          "key": "header",
-          "class": this.ns.b("header")
-        }, [createVNode("div", {
-          "class": this.ns.b("header-content")
-        }, [createVNode("div", {
-          "class": this.ns.be("header-content", "left")
-        }, [this.c.model.showCaptionBar ? createVNode("div", {
-          "class": this.ns.be("header-content", "caption")
-        }, [slots.captionbar && slots.captionbar()]) : null]), createVNode("div", {
-          "class": this.ns.be("header-content", "right")
-        }, [slots.toolbar && createVNode("div", {
-          "class": this.ns.e("toolbar")
-        }, [slots.toolbar({})])])])]);
-      }
       if (slots.dashboard) {
         content = slots.dashboard();
       }
     }
     return createVNode("div", {
       "class": this.viewClassNames
-    }, [header, content]);
+    }, [content]);
   }
 });
 

package/es/view-engine/calendar-exp-view.engine.d.ts

@@ -0,0 +1,25 @@
+import { ViewController, ViewEngineBase, ICalendarExpBarController, ICalendarExpViewEvent, ICalendarExpViewState } from '@ibiz-template/runtime';
+import { IAppDECalendarExplorerView } from '@ibiz/model-core';
+export declare class CalendarExpViewEngine extends ViewEngineBase {
+    /**
+     * 日历导航视图控制器
+     *
+     * @protected
+     * @type {ViewController<
+     *     IAppDECalendarExplorerView,
+     *     ICalendarExpViewState,
+     *     ICalendarExpViewEvent
+     *   >}
+     * @memberof CalendarExpViewEngine
+     */
+    protected view: ViewController<IAppDECalendarExplorerView, ICalendarExpViewState, ICalendarExpViewEvent>;
+    /**
+     * 树导航栏
+     *
+     * @readonly
+     * @memberof CalendarExpViewEngine
+     */
+    get calendarExpBar(): ICalendarExpBarController;
+    onCreated(): Promise<void>;
+    onMounted(): Promise<void>;
+}

package/es/view-engine/calendar-exp-view.engine.mjs

@@ -0,0 +1,33 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+class CalendarExpViewEngine extends ViewEngineBase {
+  /**
+   * 树导航栏
+   *
+   * @readonly
+   * @memberof CalendarExpViewEngine
+   */
+  get calendarExpBar() {
+    return this.view.getController(
+      "calendarexpbar"
+    );
+  }
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("calendarexpbar");
+    if (!this.view.slotProps.calendarexpbar) {
+      this.view.slotProps.calendarexpbar = {};
+    }
+    this.view.slotProps.calendarexpbar.srfnav = this.view.state.srfnav;
+  }
+  async onMounted() {
+    await super.onMounted();
+    const { model } = this.view;
+    if (!this.view.state.noLoadDefault && model.loadDefault) {
+      this.calendarExpBar.load();
+    }
+  }
+}
+
+export { CalendarExpViewEngine };

package/es/view-engine/calendar-view.engine.d.ts

@@ -0,0 +1,5 @@
+import { ViewController, ICalendarViewEvent, ICalendarViewState, MDViewEngine } from '@ibiz-template/runtime';
+import { IAppDECalendarView } from '@ibiz/model-core';
+export declare class CalendarViewEngine extends MDViewEngine {
+    protected view: ViewController<IAppDECalendarView, ICalendarViewState, ICalendarViewEvent>;
+}

package/es/view-engine/calendar-view.engine.mjs

@@ -0,0 +1,6 @@
+import { MDViewEngine } from '@ibiz-template/runtime';
+
+class CalendarViewEngine extends MDViewEngine {
+}
+
+export { CalendarViewEngine };

package/es/view-engine/grid-view.engine.mjs

@@ -1,7 +1,7 @@
 import { MDViewEngine, SysUIActionTag } from '@ibiz-template/runtime';
 
 class GridViewEngine extends MDViewEngine {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {
     if (key === SysUIActionTag.NEW_ROW) {
       this.grid.newRow();

package/es/view-engine/index.mjs

@@ -27,6 +27,8 @@ import { CustomViewEngine } from './custom-view.engine.mjs';
 import { PickupTreeViewEngine } from './pickup-tree-view.engine.mjs';
 import { PickupDataViewEngine } from './pickup-data-view.engine.mjs';
 import { PickupView2Engine } from './pickup-view2.engine.mjs';
+import { CalendarViewEngine } from './calendar-view.engine.mjs';
+import { CalendarExpViewEngine } from './calendar-exp-view.engine.mjs';
 
 const IBizViewEngine = {
   install: (_v) => {
@@ -162,6 +164,14 @@ const IBizViewEngine = {
       "VIEW_DEINDEXPICKUPDATAVIEW",
       (c) => new PickupDataViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_DECALENDARVIEW",
+      (c) => new CalendarViewEngine(c)
+    );
+    ibiz.engine.register(
+      "VIEW_CalendarExpView",
+      (c) => new CalendarExpViewEngine(c)
+    );
     ibiz.engine.register(
       "VIEW_GridView9",
       (c) => new GridViewEngine(c)

package/es/view-engine/pickup-view2.engine.mjs

@@ -104,7 +104,11 @@ class PickupView2Engine extends PickupViewEngine {
       this.dataCache = data;
       return;
     }
-    const viewMsg = this.treeExpBar.getNavViewMsg(data);
+    const viewMsg = this.treeExpBar.getNavViewMsg(
+      data,
+      this.view.context,
+      this.view.params
+    );
     if (!viewMsg) {
       return;
     }

package/es/view-engine/wf-dyna-action-view.engine.mjs

@@ -17,7 +17,7 @@ class WFDynaActionViewEngine extends WFDynaEditViewEngine {
     const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
     return processForm;
   }
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {
     if (key === SysUIActionTag.OK) {
       this.onOkButtonClick();

package/es/view-engine/wf-dyna-start-view.engine.mjs

@@ -17,7 +17,7 @@ class WFDynaStartViewEngine extends WFDynaEditViewEngine {
     const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
     return processForm;
   }
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {
     if (key === SysUIActionTag.OK) {
       this.onOkButtonClick();

package/lib/common/index.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var actionToolbar = require('./action-toolbar/action-toolbar.cjs');
 var col = require('./col/col.cjs');
 var icon = require('./icon/icon.cjs');
-var keepAlive = require('./keep-alive/keep-alive.cjs');
 var routerView = require('./router-view/router-view.cjs');
 var row = require('./row/row.cjs');
 var controlBase = require('./control-base/control-base.cjs');
@@ -14,12 +13,10 @@ var viewShell = require('./view-shell/view-shell.cjs');
 var rawitem = require('./rawitem/rawitem.cjs');
 var codeList = require('./code-list/code-list.cjs');
 var noData = require('./no-data/no-data.cjs');
-require('@imengyu/vue3-context-menu/lib/vue3-context-menu.css');
 
 const IBizCommonComponents = {
   install: (v) => {
     v.component(controlBase.IBizControlBase.name, controlBase.IBizControlBase);
-    v.component(keepAlive.IBizKeepAlive.name, keepAlive.IBizKeepAlive);
     v.component(icon.IBizIcon.name, icon.IBizIcon);
     v.component(row.IBizRow.name, row.IBizRow);
     v.component(col.IBizCol.name, col.IBizCol);
@@ -36,16 +33,6 @@ const IBizCommonComponents = {
 exports.IBizActionToolbar = actionToolbar.IBizActionToolbar;
 exports.IBizCol = col.IBizCol;
 exports.IBizIcon = icon.IBizIcon;
-exports.IBizKeepAlive = keepAlive.IBizKeepAlive;
-exports.MoveType = keepAlive.MoveType;
-exports.ShapeFlags = keepAlive.ShapeFlags;
-exports.devtoolsComponentAdded = keepAlive.devtoolsComponentAdded;
-exports.invokeArrayFns = keepAlive.invokeArrayFns;
-exports.invokeVNodeHook = keepAlive.invokeVNodeHook;
-exports.isAsyncWrapper = keepAlive.isAsyncWrapper;
-exports.isKeepAlive = keepAlive.isKeepAlive;
-exports.queuePostRenderEffect = keepAlive.queuePostRenderEffect;
-exports.setTransitionHooks = keepAlive.setTransitionHooks;
 exports.IBizRouterView = routerView.IBizRouterView;
 exports.IBizRow = row.IBizRow;
 exports.IBizControlBase = controlBase.IBizControlBase;

package/lib/control/app-menu/app-menu.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-appmenu{position:static;width:100%;height:100%;overflow-y:auto;--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-extra-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-extra-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-height:52px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:40px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-appmenu-item-horizontal-padding:var(--ibiz-spacing-base)}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap}.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color);background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--horizontal{gap:16px;align-items:center;height:100%;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:initial;color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border:none;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-color-white)}.ibiz-control-appmenu__icon{margin:var(--ibiz-control-appmenu-icon-margin)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:calc(var(--ibiz-control-appmenu-collapse-item-padding) * .875) calc(var(--ibiz-control-appmenu-collapse-item-padding) * 1.5)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item:hover{color:var(--ibiz-control-appmenu-collapse-item-hover-color)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:calc(var(--ibiz-control-appmenu-collapse-item-padding) * .875) calc(var(--ibiz-control-appmenu-collapse-item-padding) * 1.5);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-collapse-item-hover-color)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:0}.ibiz-control-appmenu .el-menu{border-right:0}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:14px;width:12px}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;height:20px;padding:0 6px;line-height:initial;color:#fff;background-color:#f56c6c;border-radius:10px;transform:translateY(-50%)}.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-extra-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-extra-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-height:52px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:40px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-appmenu-item-horizontal-padding:var(--ibiz-spacing-base);border:none;box-shadow:var(--ibiz-shadow-elevated)}.el-menu--popup-container .el-menu--popup .el-menu-item,.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap}.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color);background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}
+@charset "UTF-8";.ibiz-control-appmenu{position:static;width:100%;height:100%;overflow-y:auto;--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-extra-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-extra-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-height:52px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:40px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-appmenu-item-horizontal-padding:var(--ibiz-spacing-base)}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap}.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color);background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal{gap:16px;align-items:center;height:100%;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:initial;color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border:none;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-color)!important;background-color:transparent}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-color-white)}.ibiz-control-appmenu__icon{margin:var(--ibiz-control-appmenu-icon-margin)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:calc(var(--ibiz-control-appmenu-collapse-item-padding) * .875) calc(var(--ibiz-control-appmenu-collapse-item-padding) * 1.5)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item:hover{color:var(--ibiz-control-appmenu-collapse-item-hover-color)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:calc(var(--ibiz-control-appmenu-collapse-item-padding) * .875) calc(var(--ibiz-control-appmenu-collapse-item-padding) * 1.5);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-collapse-item-hover-color)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:0}.ibiz-control-appmenu .el-menu{border-right:0}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:14px;width:12px}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:5px;height:20px;padding:0 6px;line-height:initial;color:#fff;background-color:#f56c6c;border-radius:10px;transform:translateY(-50%)}.el-menu--popup-container{--ibiz-control-appmenu-collapse-item-hover-color:var(--ibiz-color-primary);--ibiz-control-appmenu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-icon-width:var(--ibiz-width-icon-extra-large);--ibiz-control-appmenu-icon-height:var(--ibiz-width-icon-extra-large);--ibiz-control-appmenu-icon-margin:0 10px 0 0;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-base);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-height:52px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-text-1);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-0);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:40px;--ibiz-control-appmenu-item-horizontal-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-appmenu-item-horizontal-padding:var(--ibiz-spacing-base);border:none;box-shadow:var(--ibiz-shadow-elevated)}.el-menu--popup-container .el-menu--popup .el-menu-item,.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap}.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color);background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}

package/lib/control/calendar/calendar.cjs

@@ -0,0 +1,213 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./calendar.css');
+var ramda = require('ramda');
+var dayjs = require('dayjs');
+var calendar_controller = require('./calendar.controller.cjs');
+
+const CalendarControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCalendarControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    mdctrlActiveMode: {
+      type: Number,
+      default: void 0
+    }
+  },
+  setup() {
+    const c = vue3Util.useControlController((...args) => new calendar_controller.CalendarController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const calendarRef = vue.ref();
+    const selectDate = (tag) => {
+      if (!calendarRef.value)
+        return;
+      calendarRef.value.selectDate(tag);
+    };
+    vue.watch(() => c.state.selectedDate, (oldVal, newVal) => {
+      const oldDateString = dayjs(oldVal).format("YYYY-MM");
+      const newDateString = dayjs(newVal).format("YYYY-MM");
+      if (oldDateString === newDateString) {
+        return;
+      }
+      c.load();
+    });
+    const calcItemStyle = (data) => {
+      return {
+        color: data.color,
+        backgroundColor: data.bkColor
+      };
+    };
+    return {
+      c,
+      ns,
+      calendarRef,
+      selectDate,
+      calcItemStyle
+    };
+  },
+  render() {
+    const renderPanelItem = (item, modelData) => {
+      const {
+        context,
+        params
+      } = this.c;
+      const findIndex = this.c.state.selectedData.findIndex((data) => {
+        return data.deData.srfkey === item.deData.srfkey;
+      });
+      const itemClass = [this.ns.b("item"), this.ns.is("active", findIndex !== -1)];
+      const style = this.calcItemStyle(item);
+      return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "class": itemClass,
+        "data": item.deData,
+        "modelData": modelData,
+        "context": context,
+        "params": params,
+        "style": style,
+        "onClick": (e) => {
+          e.stopPropagation();
+          return this.c.onRowClick(item);
+        },
+        "onDblclick": (e) => {
+          e.stopPropagation();
+          return this.c.onDbRowClick(item);
+        }
+      }, null);
+    };
+    const renderDefaultItem = (item) => {
+      const findIndex = this.c.state.selectedData.findIndex((data) => {
+        return data.deData.srfkey === item.deData.srfkey;
+      });
+      const itemClass = [this.ns.b("item"), this.ns.is("active", findIndex !== -1)];
+      const style = this.calcItemStyle(item);
+      return vue.createVNode("div", {
+        "class": itemClass,
+        "key": item.deData.srfkey,
+        "style": style,
+        "onClick": () => this.c.onRowClick(item),
+        "onDblclick": () => this.c.onDbRowClick(item)
+      }, [`${ramda.isNil(item.text) ? "" : item.text}`]);
+    };
+    const renderCalendarList = (items) => {
+      return items.map((item) => {
+        var _a;
+        const model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
+          return item.itemType === calendarItems.itemType;
+        });
+        const panel = model.layoutPanel;
+        return panel ? renderPanelItem(item, panel) : renderDefaultItem(item);
+      });
+    };
+    const renderCalendarItems = (date) => {
+      const dateString = dayjs(date).format("YYYY-MM-DD");
+      const items = this.c.state.items.filter((item) => {
+        const begin = new Date(item.beginTime);
+        return dateString === dayjs(begin).format("YYYY-MM-DD");
+      });
+      return renderCalendarList(items);
+    };
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => {
+        var _a;
+        return [vue.createVNode("div", {
+          "class": this.ns.b("content")
+        }, [vue.createVNode(vue.resolveComponent("el-calendar"), {
+          "modelValue": this.c.state.selectedDate,
+          "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
+          "ref": "calendarRef"
+        }, {
+          header: ({
+            date
+          }) => {
+            return [vue.createVNode("span", null, [date]), vue.createVNode("div", {
+              "class": this.ns.b("content-header")
+            }, [vue.createVNode(vue.resolveComponent("el-date-picker"), {
+              "modelValue": this.c.state.selectedDate,
+              "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
+              "type": "month"
+            }, null), vue.createVNode(vue.resolveComponent("el-button-group"), null, {
+              default: () => [vue.createVNode(vue.resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("prev-year");
+                }
+              }, {
+                default: () => [vue.createTextVNode("\u53BB\u5E74")]
+              }), vue.createVNode(vue.resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("prev-month");
+                }
+              }, {
+                default: () => [vue.createTextVNode("\u4E0A\u4E2A\u6708")]
+              }), vue.createVNode(vue.resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("today");
+                }
+              }, {
+                default: () => [vue.createTextVNode("\u4ECA\u5929")]
+              }), vue.createVNode(vue.resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("next-month");
+                }
+              }, {
+                default: () => [vue.createTextVNode("\u4E0B\u4E2A\u6708")]
+              }), vue.createVNode(vue.resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("next-year");
+                }
+              }, {
+                default: () => [vue.createTextVNode("\u660E\u5E74")]
+              })]
+            })])];
+          },
+          "date-cell": ({
+            data
+          }) => {
+            const {
+              date
+            } = data;
+            return vue.createVNode("div", {
+              "class": this.ns.b("day")
+            }, [vue.createVNode("p", {
+              "class": this.ns.b("date-text")
+            }, [date.getDate()]), vue.createVNode("div", {
+              "class": this.ns.b("items")
+            }, [renderCalendarItems(date)])]);
+          }
+        }), vue.createVNode("div", {
+          "class": this.ns.b("footer")
+        }, [(_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.map((calendarItem) => {
+          return vue.createVNode("div", {
+            "class": this.ns.e("calendar-item")
+          }, [vue.createVNode("div", {
+            "class": this.ns.e("icon"),
+            "style": {
+              background: calendarItem.bkcolor,
+              color: calendarItem.color
+            }
+          }, null), calendarItem.name]);
+        })])])];
+      }
+    });
+  }
+});
+
+exports.CalendarControl = CalendarControl;