@ibiz-template/vue3-components 0.1.2 → 0.1.5

package/es/common/icon/icon.d.ts

@@ -12,9 +12,7 @@ export declare const IBizIcon: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => VNode | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
         type: PropType<ISysImage | IIcon>;
     };

package/es/common/index.d.ts

@@ -1,7 +1,5 @@
 import { App } from 'vue';
-import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css';
 export * from './icon/icon';
-export * from './keep-alive/keep-alive';
 export * from './router-view/router-view';
 export * from './col/col';
 export * from './row/row';

package/es/common/index.mjs

@@ -1,8 +1,6 @@
 import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
 import { IBizCol } from './col/col.mjs';
 import { IBizIcon } from './icon/icon.mjs';
-import { IBizKeepAlive } from './keep-alive/keep-alive.mjs';
-export { MoveType, ShapeFlags, devtoolsComponentAdded, invokeArrayFns, invokeVNodeHook, isAsyncWrapper, isKeepAlive, queuePostRenderEffect, setTransitionHooks } from './keep-alive/keep-alive.mjs';
 import { IBizRouterView } from './router-view/router-view.mjs';
 import { IBizRow } from './row/row.mjs';
 import { IBizControlBase } from './control-base/control-base.mjs';
@@ -11,12 +9,10 @@ import { IBizViewShell } from './view-shell/view-shell.mjs';
 import { IBizRawItem } from './rawitem/rawitem.mjs';
 import { IBizCodeList } from './code-list/code-list.mjs';
 import { IBizNoData } from './no-data/no-data.mjs';
-import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css';
 
 const IBizCommonComponents = {
   install: (v) => {
     v.component(IBizControlBase.name, IBizControlBase);
-    v.component(IBizKeepAlive.name, IBizKeepAlive);
     v.component(IBizIcon.name, IBizIcon);
     v.component(IBizRow.name, IBizRow);
     v.component(IBizCol.name, IBizCol);
@@ -30,4 +26,4 @@ const IBizCommonComponents = {
   }
 };
 
-export { IBizActionToolbar, IBizCodeList, IBizCol, IBizCommonComponents, IBizControlBase, IBizControlShell, IBizIcon, IBizKeepAlive, IBizRawItem, IBizRouterView, IBizRow, IBizViewShell, IBizCommonComponents as default };
+export { IBizActionToolbar, IBizCodeList, IBizCol, IBizCommonComponents, IBizControlBase, IBizControlShell, IBizIcon, IBizRawItem, IBizRouterView, IBizRow, IBizViewShell, IBizCommonComponents as default };

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

@@ -14,9 +14,7 @@ export declare const IBizRouterView: import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }, {
-    renderComp: (Component: VNode, _route: any) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | undefined;
+    renderComp: (Component: VNode, _route: any) => VNode | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string>;

package/es/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/es/control/app-menu-icon-view/app-menu-icon-view.d.ts

@@ -1,5 +1,5 @@
 import { IAppMenu, IAppMenuItem } from '@ibiz/model-core';
-import { PropType, Ref } from 'vue';
+import { PropType, Ref, VNode } from 'vue';
 import './app-menu-icon-view.scss';
 import { AppMenuIconViewController } from './app-menu-icon-view.controller';
 export declare const AppMenuIconViewControl: import("vue").DefineComponent<{
@@ -23,8 +23,8 @@ export declare const AppMenuIconViewControl: import("vue").DefineComponent<{
     defaultActive: Ref<string>;
     defaultOpens: Ref<string[]>;
     onClick: (key: string, event: MouseEvent) => Promise<void>;
-    renderGroup: (item: IAppMenuItem) => JSX.Element | null;
-    renderItem: (item: IAppMenuItem) => JSX.Element | null;
+    renderGroup: (item: IAppMenuItem) => VNode | null;
+    renderItem: (item: IAppMenuItem) => VNode | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IAppMenu>;

package/es/control/app-menu-icon-view/index.d.ts

@@ -20,8 +20,12 @@ export declare const IBizAppMenuIconViewControl: import("@ibiz-template/vue3-uti
     defaultActive: import("vue").Ref<string>;
     defaultOpens: import("vue").Ref<string[]>;
     onClick: (key: string, event: MouseEvent) => Promise<void>;
-    renderGroup: (item: import("@ibiz/model-core").IAppMenuItem) => JSX.Element | null;
-    renderItem: (item: import("@ibiz/model-core").IAppMenuItem) => JSX.Element | null;
+    renderGroup: (item: import("@ibiz/model-core").IAppMenuItem) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
+    renderItem: (item: import("@ibiz/model-core").IAppMenuItem) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IAppMenu>;

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

@@ -0,0 +1,93 @@
+import { MDControlController, ICalendarEvent, ICalendarController, ICalendarState, MDCtrlLoadParams, ICalendarItemData } from '@ibiz-template/runtime';
+import { ISysCalendar } from '@ibiz/model-core';
+import { CalendarService } from './calendar.service';
+/**
+ * 日历部件控制器
+ *
+ * @author zk
+ * @date 2023-08-09 11:08:46
+ * @export
+ * @class CalendarController
+ * @extends {MDControlController<ISysCalendar, ICalendarState, ICalendarEvent>}
+ * @implements {ICalendarController}
+ */
+export declare class CalendarController extends MDControlController<ISysCalendar, ICalendarState, ICalendarEvent> implements ICalendarController {
+    /**
+     * 多数据部件服务
+     *
+     * @author zk
+     * @date 2023-08-08 01:08:56
+     * @type {CalendarService}
+     * @memberof CalendarController
+     */
+    service: CalendarService;
+    /**
+     * 初始化状态
+     *
+     * @author zk
+     * @date 2023-08-09 11:08:05
+     * @protected
+     * @memberof CalendarController
+     */
+    protected initState(): void;
+    /**
+     * 生命周期-创建完成
+     *
+     * @author zk
+     * @date 2023-08-09 11:08:13
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof CalendarController
+     */
+    protected onCreated(): Promise<void>;
+    /**
+     * 日历加载
+     *
+     * @author zk
+     * @date 2023-08-08 01:08:24
+     * @param {MDCtrlLoadParams} [args={}]
+     * @return {*}  {Promise<IData[][]>}
+     * @memberof CalendarController
+     */
+    load(args?: MDCtrlLoadParams): Promise<ICalendarItemData[]>;
+    /**
+     * 获取当前选中的日期
+     *
+     * @author zk
+     * @date 2023-08-08 11:08:44
+     * @protected
+     * @param {IParams} param
+     * @return {*}  {IData}
+     * @memberof CalendarController
+     */
+    protected getCurSelectDate(param: IParams): IData;
+    /**
+     * 获取请求参数
+     *
+     * @author zk
+     * @date 2023-08-09 11:08:35
+     * @param {IParams} [extraParams={}]
+     * @return {*}  {Promise<IParams>}
+     * @memberof CalendarController
+     */
+    getFetchParams(extraParams?: IParams): Promise<IParams>;
+    /**
+     * 行单击事件
+     *
+     * @author zk
+     * @date 2023-08-08 05:08:15
+     * @param {ICalendarItemData} data
+     * @return {*}  {Promise<void>}
+     * @memberof CalendarController
+     */
+    onRowClick(data: ICalendarItemData): Promise<void>;
+    /**
+     * 设置选中日期
+     *
+     * @author zk
+     * @date 2023-08-08 11:08:08
+     * @param {Date} date
+     * @memberof CalendarController
+     */
+    setSelectDate(date: Date): void;
+}

package/es/control/calendar/calendar.controller.mjs

@@ -0,0 +1,162 @@
+import { MDControlController } from '@ibiz-template/runtime';
+import dayjs from 'dayjs';
+import { CalendarService } from './calendar.service.mjs';
+
+class CalendarController extends 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 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;
+  }
+}
+
+export { CalendarController };

package/es/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/es/control/calendar/calendar.d.ts

@@ -0,0 +1,49 @@
+import { PropType } from 'vue';
+import { ISysCalendar } from '@ibiz/model-core';
+import './calendar.scss';
+import { ICalendarItemData } from '@ibiz-template/runtime';
+import { CalendarController } from './calendar.controller';
+export declare const CalendarControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<ISysCalendar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}, {
+    c: CalendarController;
+    ns: import("@ibiz-template/core").Namespace;
+    calendarRef: import("vue").Ref<IData | undefined>;
+    selectDate: (tag: string) => void;
+    calcItemStyle: (data: ICalendarItemData) => IData;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<ISysCalendar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>>, {
+    params: IParams;
+    mdctrlActiveMode: number;
+}, {}>;

package/es/control/calendar/calendar.mjs

@@ -0,0 +1,211 @@
+import { defineComponent, ref, watch, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './calendar.css';
+import { isNil } from 'ramda';
+import dayjs from 'dayjs';
+import { CalendarController } from './calendar.controller.mjs';
+
+const CalendarControl = /* @__PURE__ */ 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 = useControlController((...args) => new CalendarController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const calendarRef = ref();
+    const selectDate = (tag) => {
+      if (!calendarRef.value)
+        return;
+      calendarRef.value.selectDate(tag);
+    };
+    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 createVNode(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 createVNode("div", {
+        "class": itemClass,
+        "key": item.deData.srfkey,
+        "style": style,
+        "onClick": () => this.c.onRowClick(item),
+        "onDblclick": () => this.c.onDbRowClick(item)
+      }, [`${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 createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => {
+        var _a;
+        return [createVNode("div", {
+          "class": this.ns.b("content")
+        }, [createVNode(resolveComponent("el-calendar"), {
+          "modelValue": this.c.state.selectedDate,
+          "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
+          "ref": "calendarRef"
+        }, {
+          header: ({
+            date
+          }) => {
+            return [createVNode("span", null, [date]), createVNode("div", {
+              "class": this.ns.b("content-header")
+            }, [createVNode(resolveComponent("el-date-picker"), {
+              "modelValue": this.c.state.selectedDate,
+              "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
+              "type": "month"
+            }, null), createVNode(resolveComponent("el-button-group"), null, {
+              default: () => [createVNode(resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("prev-year");
+                }
+              }, {
+                default: () => [createTextVNode("\u53BB\u5E74")]
+              }), createVNode(resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("prev-month");
+                }
+              }, {
+                default: () => [createTextVNode("\u4E0A\u4E2A\u6708")]
+              }), createVNode(resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("today");
+                }
+              }, {
+                default: () => [createTextVNode("\u4ECA\u5929")]
+              }), createVNode(resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("next-month");
+                }
+              }, {
+                default: () => [createTextVNode("\u4E0B\u4E2A\u6708")]
+              }), createVNode(resolveComponent("el-button"), {
+                "size": "small",
+                "onClick": () => {
+                  this.selectDate("next-year");
+                }
+              }, {
+                default: () => [createTextVNode("\u660E\u5E74")]
+              })]
+            })])];
+          },
+          "date-cell": ({
+            data
+          }) => {
+            const {
+              date
+            } = data;
+            return createVNode("div", {
+              "class": this.ns.b("day")
+            }, [createVNode("p", {
+              "class": this.ns.b("date-text")
+            }, [date.getDate()]), createVNode("div", {
+              "class": this.ns.b("items")
+            }, [renderCalendarItems(date)])]);
+          }
+        }), createVNode("div", {
+          "class": this.ns.b("footer")
+        }, [(_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.map((calendarItem) => {
+          return createVNode("div", {
+            "class": this.ns.e("calendar-item")
+          }, [createVNode("div", {
+            "class": this.ns.e("icon"),
+            "style": {
+              background: calendarItem.bkcolor,
+              color: calendarItem.color
+            }
+          }, null), calendarItem.name]);
+        })])])];
+      }
+    });
+  }
+});
+
+export { CalendarControl };