@oinone/kunlun-vue-admin-layout 6.4.9 → 7.2.0

package/src/component/debug/view/service/impl/runtime-context/DebugRuntimeViewService.ts

@@ -1,8 +1,8 @@
-import { RuntimeContext } from '@oinone/kunlun-engine';
+import type { RuntimeContext } from '@oinone/kunlun-engine';
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugErrorAnalysisResult } from '../../../../typing';
+import type { DebugErrorAnalysisResult } from '../../../../typing';
 import { DebugUtils } from '../../../debug-utils';
-import { DebugRuntimeContextService, DebugRuntimeContextServiceToken } from '../../DebugRuntimeContextService';
+import { type DebugRuntimeContextService, DebugRuntimeContextServiceToken } from '../../DebugRuntimeContextService';
 
 @SPI.Service(DebugRuntimeContextServiceToken, { priority: 30 })
 export class DebugRuntimeViewService implements DebugRuntimeContextService {

package/src/component/debug/view/service/impl/stack-info/DebugBizStackService.ts

@@ -1,6 +1,6 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import type { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'bizStack', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugConfigureService.ts

@@ -1,5 +1,5 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'configure', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugDefaultStackInfoService.ts

@@ -1,10 +1,10 @@
 import { SPI } from '@oinone/kunlun-spi';
 import { isArray } from 'lodash-es';
-import { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
+import type { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
 import { DebugUtils } from '../../../debug-utils';
 import {
   DebugDefaultStackInfoServiceType,
-  DebugStackInfoService,
+  type DebugStackInfoService,
   DebugStackInfoServiceToken,
   DebugUnhandledExceptionTitle
 } from '../../DebugStackInfoService';

package/src/component/debug/view/service/impl/stack-info/DebugExceptionStackService.ts

@@ -1,6 +1,6 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import type { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'exception', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugFunctionService.ts

@@ -1,5 +1,5 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'function', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugHalfBizStackService.ts

@@ -1,6 +1,6 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import type { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'halfPureBizStack', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugModelService.ts

@@ -1,5 +1,5 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'model', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugPureBizStackService.ts

@@ -1,6 +1,6 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import type { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'pureBizStack', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugStacktraceGqlRequestContextService.ts

@@ -1,6 +1,6 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import type { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'stacktraceGqlRequestContext', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugStacktraceSceneAnalysisService.ts

@@ -1,6 +1,6 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import type { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'stacktraceSceneAnalysis', priority: 0 })

package/src/component/debug/view/service/impl/stack-info/DebugStacktraceSessionService.ts

@@ -1,6 +1,6 @@
 import { SPI } from '@oinone/kunlun-spi';
-import { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
-import { DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
+import type { DebugErrorAnalysisResult, DebugResponseError } from '../../../../typing';
+import { type DebugStackInfoService, DebugStackInfoServiceToken } from '../../DebugStackInfoService';
 import { DebugDefaultStackInfoService } from './DebugDefaultStackInfoService';
 
 @SPI.Service(DebugStackInfoServiceToken, { name: 'stacktraceSession', priority: 0 })

package/src/component/debug/view/storage.ts

@@ -1,6 +1,6 @@
-import { RuntimeContext, RuntimeViewAction, ViewActionQueryParameter } from '@oinone/kunlun-engine';
+import type { RuntimeContext, RuntimeViewAction, ViewActionQueryParameter } from '@oinone/kunlun-engine';
 import { StandardEventManager } from '@oinone/kunlun-shared';
-import { DebugRequestInfo } from '../typing';
+import type { DebugRequestInfo } from '../typing';
 
 enum EventKeys {
   'update' = 'update'

package/src/component/debug/view/useDebugRequestInfo.ts

@@ -1,5 +1,5 @@
 import { computed } from 'vue';
-import { DebugRequestInfo } from '../typing';
+import type { DebugRequestInfo } from '../typing';
 
 export function useDebugRequestInfo(props: { requestInfo?: DebugRequestInfo }) {
   const isShowResponseInfo = computed(() => {

package/src/component/language/DefaultLanguage.vue

@@ -44,8 +44,8 @@
 import { CaretDownOutlined } from '@ant-design/icons-vue';
 import { OioIcon } from '@oinone/kunlun-vue-ui-antd';
 import { Dropdown as ADropdown, Menu as AMenu, MenuItem as AMenuItem } from 'ant-design-vue';
-import { computed, defineComponent, PropType } from 'vue';
-import { RuntimeLanguage, ZH_CN_CODE } from '@oinone/kunlun-vue-ui-common';
+import { computed, defineComponent, type PropType } from 'vue';
+import { type RuntimeLanguage, ZH_CN_CODE } from '@oinone/kunlun-vue-ui-common';
 
 export default defineComponent({
   name: 'DefaultLanguage',

package/src/component/language/LanguageWidget.ts

@@ -1,9 +1,9 @@
-import { ClearCache, CurrentLanguage, ReloadMaskCallChainingParameters } from '@oinone/kunlun-engine';
-import { Matched, Router, useMatched } from '@oinone/kunlun-router';
+import { ClearCache, CurrentLanguage, type ReloadMaskCallChainingParameters } from '@oinone/kunlun-engine';
+import { type Matched, Router, useMatched } from '@oinone/kunlun-router';
 import { SPI } from '@oinone/kunlun-spi';
 import { useRouter } from '@oinone/kunlun-vue-router';
 import { Widget } from '@oinone/kunlun-vue-widget';
-import { EN_US_CODE, RuntimeLanguage, ZH_CN_CODE } from '@oinone/kunlun-vue-ui-common';
+import { EN_US_CODE, type RuntimeLanguage, ZH_CN_CODE } from '@oinone/kunlun-vue-ui-common';
 import { MaskWidget } from '../../basic';
 import { TopBarService } from '../../service';
 import DefaultLanguage from './DefaultLanguage.vue';

package/src/component/layout/BaseMaskLayoutWidget.ts

@@ -1,4 +1,4 @@
-import { BaseMaskWidget, BaseMaskWidgetProps } from '../../basic';
+import { BaseMaskWidget, type BaseMaskWidgetProps } from '../../basic';
 import MaskBlock from './MaskBlock.vue';
 
 export class BaseMaskLayoutWidget<

package/src/component/layout/MaskBlock.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
-import { CSSStyle } from '@oinone/kunlun-shared';
-import { createVNode, defineComponent, PropType } from 'vue';
+import type { CSSStyle } from '@oinone/kunlun-shared';
+import { createVNode, defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
   name: 'MaskBlock',

package/src/component/layout/grid/GridWidget.ts

@@ -1,5 +1,5 @@
-import { IGridWidgetProps } from '@oinone/kunlun-engine';
-import { CSSStyle } from '@oinone/kunlun-shared';
+import type { IGridWidgetProps } from '@oinone/kunlun-engine';
+import type { CSSStyle } from '@oinone/kunlun-shared';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { MaskWidget } from '../../../basic';
 import Grid from './Grid.vue';
@@ -37,13 +37,15 @@ export class GridWidget extends MaskWidget {
     }
 
     // 比如网络一共12列，当前grid占据3列，那么就是 3 + 2，这样在网格中的位置才是对的
-    if (!Number.isNaN(Number(this.cols)) && !Number.isNaN(Number(_columnIndex))) {
+    const colsNumber = Number(this.cols);
+    const columnIndexNumber = Number(_columnIndex);
+    if (!Number.isNaN(colsNumber) && !Number.isNaN(columnIndexNumber)) {
       // 比如网络一共12列，当前grid占据12列，那么是 12 + 1，这样在网格中的位置才是对的
-
-      if (_columnIndex >= this.cols || Number(span) + 2 >= this.cols) {
-        _columnIndex = Number(this.cols) + 1;
+      const spanNumber = Number(span);
+      if (columnIndexNumber >= colsNumber || spanNumber + 2 >= colsNumber) {
+        _columnIndex = colsNumber + 1;
       } else {
-        _columnIndex = Number(span) + 2;
+        _columnIndex = spanNumber + 2;
       }
     }
 

package/src/component/layout/widget/MaskCommonWidget.ts

@@ -1,9 +1,9 @@
-import { DslDefinition } from '@oinone/kunlun-dsl';
-import { Constructor, StringHelper } from '@oinone/kunlun-shared';
+import type { DslDefinition } from '@oinone/kunlun-dsl';
+import { type Constructor, StringHelper } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { ViewWidget, Widget } from '@oinone/kunlun-vue-widget';
-import { Slots, VNode } from 'vue';
-import { BaseMaskWidget, BaseMaskWidgetProps, MaskWidget } from '../../../basic';
+import type { Slots, VNode } from 'vue';
+import { BaseMaskWidget, type BaseMaskWidgetProps, MaskWidget } from '../../../basic';
 import { BaseMaskLayoutWidget } from '../BaseMaskLayoutWidget';
 
 export interface MaskCommonWidgetProps extends BaseMaskWidgetProps {

package/src/component/menu/DefaultMenu.vue

@@ -4,7 +4,7 @@
       <a-select
         ref="menuSelectSearch"
         class="oio-select"
-        dropdownClassName="default-menu-select-dropdown"
+        popupClassName="default-menu-select-dropdown"
         option-filter-prop="label"
         allowClear
         :placeholder="translateValueByKey('搜索菜单')"
@@ -80,8 +80,8 @@
 import { translateValueByKey } from '@oinone/kunlun-engine';
 import { OioIcon, OioSpin, TreeNode } from '@oinone/kunlun-vue-ui-antd';
 import { Menu as AMenu, MenuItem as AMenuItem, Select as ASelect, SelectOption as ASelectOption } from 'ant-design-vue';
-import { computed, defineComponent, nextTick, onMounted, PropType, ref, watch } from 'vue';
-import { RuntimeMenu } from '../../typing';
+import { computed, defineComponent, nextTick, onMounted, type PropType, ref, watch } from 'vue';
+import type { RuntimeMenu } from '../../typing';
 import DefaultSubMenu from './DefaultSubMenu.vue';
 
 interface SelectMenuItemEvent {

package/src/component/menu/DefaultSubMenu.vue

@@ -37,11 +37,11 @@
   </a-sub-menu>
 </template>
 <script lang="ts">
-import { IMenu } from '@oinone/kunlun-meta';
+import type { IMenu } from '@oinone/kunlun-meta';
 import { TreeNode } from '@oinone/kunlun-shared';
 import { OioIcon } from '@oinone/kunlun-vue-ui-antd';
 import { MenuItem as AMenuItem, SubMenu as ASubMenu } from 'ant-design-vue';
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 export default defineComponent({
   name: 'DefaultSubMenu',

package/src/component/menu/MenuWidget.ts

@@ -3,23 +3,29 @@ import {
   executeUrlAction,
   MultiTabsRuntimeManifestMergedConfigManager,
   OioProvider,
-  ReloadMaskCallChainingParameters,
+  type ReloadMaskCallChainingParameters,
   SideBarTheme,
   systemMajorConfig,
   translateValueByKey
 } from '@oinone/kunlun-engine';
-import { Expression, ExpressionRunParam } from '@oinone/kunlun-expression';
-import { ActionType, IServerAction, IURLAction, IViewAction, ViewActionTarget } from '@oinone/kunlun-meta';
+import { Expression, type ExpressionRunParam } from '@oinone/kunlun-expression';
+import {
+  ActionType,
+  type IServerAction,
+  type IURLAction,
+  type IViewAction,
+  ViewActionTarget
+} from '@oinone/kunlun-meta';
 import { Router, useMatched } from '@oinone/kunlun-router';
 import { callFunction } from '@oinone/kunlun-service';
 import { SPI } from '@oinone/kunlun-spi';
 import { Subscription } from '@oinone/kunlun-state';
 import { useRouter } from '@oinone/kunlun-vue-router';
 import { OioMessage, TreeNode } from '@oinone/kunlun-vue-ui-antd';
-import { Widget, WidgetBehaviorSubjection } from '@oinone/kunlun-vue-widget';
+import { Widget, type WidgetBehaviorSubjection } from '@oinone/kunlun-vue-widget';
 import { MaskWidget } from '../../basic';
 import { MenuService } from '../../service';
-import { MenuCollapsedSymbol, MenuUrlParameters, RuntimeMenu } from '../../typing';
+import { MenuCollapsedSymbol, type MenuUrlParameters, type RuntimeMenu } from '../../typing';
 import { maskCollapsed } from '../../util';
 import DefaultMenu from './DefaultMenu.vue';
 

package/src/component/menu/style/common.scss

@@ -17,6 +17,7 @@ $main-width: var(--oio-menu-area-width);
   }
 
   width: $main-width;
+
   .menu-search {
     display: var(--oio-menu-search-display);
     margin: var(--oio-margin) var(--oio-margin) var(--oio-margin-xs) var(--oio-margin);
@@ -71,6 +72,7 @@ $main-width: var(--oio-menu-area-width);
       display: none;
       scrollbar-width: 0;
     }
+
     &:hover {
       overflow: hidden auto;
     }
@@ -90,17 +92,21 @@ $main-width: var(--oio-menu-area-width);
     &.collapsed {
       .ant-menu-inline-collapsed {
         margin-left: var(--oio-menu-collapsed-popup-margin-left);
+
         .ant-menu-title-content span:not(.oio-icon) {
           opacity: 0;
         }
       }
+
       .ant-menu {
         padding: var(--oio-menu-collapsed-popup-item-padding);
       }
     }
+
     .ant-spin-nested-loading {
       position: static;
     }
+
     .oio-spin {
       top: 50%;
       transform: translate(0, -50%);
@@ -126,6 +132,23 @@ $main-width: var(--oio-menu-area-width);
     }
   }
 
+  .ant-menu-light.ant-menu-root.ant-menu-inline,
+  .ant-menu-light.ant-menu-root.ant-menu-vertical {
+    border-inline-end: none;
+  }
+
+  .ant-menu-inline .ant-menu-item,
+  .ant-menu-inline .ant-menu-submenu-title {
+    width: calc(100% + 1px);
+  }
+
+  .ant-menu-inline .ant-menu-item,
+  .ant-menu-vertical .ant-menu-item,
+  .ant-menu-inline .ant-menu-submenu-title,
+  .ant-menu-vertical .ant-menu-submenu-title {
+    margin-inline: unset;
+  }
+
   .oinone-menu {
     border: none;
     background-color: var(--oio-menu-background-color);
@@ -163,11 +186,13 @@ $main-width: var(--oio-menu-area-width);
         font-weight: 500;
       }
     }
+
     .ant-menu-submenu-active {
       .ant-menu-submenu-title {
         color: var(--oio-menu-active-parent-title-color) !important;
       }
     }
+
     .ant-menu-inline .ant-menu-submenu {
       margin-bottom: 0;
     }
@@ -181,13 +206,16 @@ $main-width: var(--oio-menu-area-width);
     .ant-menu-item {
       line-height: var(--oio-menu-item-height);
       height: var(--oio-menu-item-height);
+
       &:hover {
         background-color: var(--oio-menu-hover-background-color);
         border-radius: var(--oio-menu-border-radius);
+
         .oio-icon {
           color: var(--oio-menu-root-title-hover-icon-color);
         }
       }
+
       margin-bottom: 0;
     }
 
@@ -221,8 +249,10 @@ $main-width: var(--oio-menu-area-width);
         color: var(--oio-menu-root-title-hover-icon-color);
       }
     }
+
     .ant-menu-item-selected {
       height: var(--oio-menu-item-height);
+
       & > .ant-menu-title-content {
         color: var(--oio-menu-selected-title-color);
       }
@@ -230,15 +260,19 @@ $main-width: var(--oio-menu-area-width);
       &:hover {
         & > .ant-menu-title-content {
           color: var(--oio-menu-selected-title-hover-color);
+
           .oio-icon {
             color: var(--oio-menu-selected-icon-color);
           }
         }
       }
+
       &.root-menu {
         background-color: var(--oio-menu-selected-root-background-color) !important;
+
         & > .ant-menu-title-content {
           color: var(--oio-menu-selected-root-title-color);
+
           .oio-icon {
             color: var(--oio-menu-selected-root-title-color);
           }
@@ -249,12 +283,14 @@ $main-width: var(--oio-menu-area-width);
     .ant-menu-submenu-selected {
       &.root-menu {
         background-color: transparent;
+
         .ant-menu-submenu-title {
           &:hover {
             background-color: var(--oio-menu-selected-root-background-color);
           }
         }
       }
+
       &.not-root-menu {
         .ant-menu-submenu-title {
           &:hover {
@@ -262,8 +298,10 @@ $main-width: var(--oio-menu-area-width);
           }
         }
       }
+
       & > .ant-menu-submenu-title > .ant-menu-title-content {
         color: var(--oio-menu-selected-root-title-color);
+
         .oio-icon {
           color: var(--oio-menu-selected-root-icon-color);
         }
@@ -358,6 +396,7 @@ $main-width: var(--oio-menu-area-width);
       display: flex;
       align-items: center;
       padding-right: 16px;
+
       .ant-menu-title-content {
         flex: 1;
         margin-right: 10px;
@@ -382,6 +421,7 @@ $main-width: var(--oio-menu-area-width);
 
   .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
     background-color: var(--oio-menu-selected-background-color);
+
     & > .ant-menu-title-content {
       color: var(--oio-menu-selected-title-color);
     }
@@ -392,18 +432,23 @@ $main-width: var(--oio-menu-area-width);
   &.ant-select-dropdown {
     background: var(--oio-menu-select-dropdown-background);
     box-shadow: var(--oio-menu-select-dropdown-box-shadow);
+
     &.ant-select-dropdown .ant-select-item {
       color: var(--oio-menu-select-dropdown-color) !important;
     }
+
     &.ant-select-dropdown .ant-select-item.ant-select-item-option-selected .ant-select-item-option-content {
       color: var(--oio-menu-select-dropdown-selected-color) !important;
     }
+
     &.ant-select-dropdown .ant-select-item.ant-select-item-option-selected {
       background: var(--oio-menu-select-dropdown-selected) !important;
     }
+
     &.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
       background: var(--oio-menu-select-dropdown-selected);
     }
+
     &.ant-select-dropdown .ant-select-item:hover {
       background: var(--oio-menu-select-dropdown-selected) !important;
     }

package/src/component/multi-tabs/MultiTabs.vue

@@ -1,6 +1,11 @@
 <script lang="ts">
 import { MultiTabsRuntimeManifestMergedConfigManager, MultiTabType, translateValueByKey } from '@oinone/kunlun-engine';
-import { DraggableDirection, DraggableMovedEvent, DraggableSendEvent, OioDraggable } from '@oinone/kunlun-vue-ui';
+import {
+  DraggableDirection,
+  type DraggableMovedEvent,
+  type DraggableSendEvent,
+  OioDraggable
+} from '@oinone/kunlun-vue-ui';
 import {
   ButtonType,
   DividerType,
@@ -19,15 +24,15 @@ import {
   createVNode,
   defineComponent,
   nextTick,
-  PropType,
-  VNode,
+  type PropType,
+  type VNode,
   vShow,
   watch,
   withDirectives,
   withModifiers
 } from 'vue';
 import { DEFAULT_APPLICATION_LOGO } from '../../typing';
-import { MultiTabItem } from './typing';
+import type { MultiTabItem } from './typing';
 
 type ClickTabFunction = (tab: MultiTabItem) => void;
 

package/src/component/multi-tabs/MultiTabsWidget.ts

@@ -1,33 +1,32 @@
 import {
   $systemMajorConfig,
   executeViewAction,
-  IMultiTabsManager,
-  MultiTabInstance,
-  MultiTabsApplicationHomepageConfig,
+  type IMultiTabsManager,
+  type MultiTabInstance,
+  type MultiTabsApplicationHomepageConfig,
   MultiTabsConfigManager,
   MultiTabsHelper,
   MultiTabsManager,
-  MultiTabsModuleHomepageConfig,
+  type MultiTabsModuleHomepageConfig,
   MultiTabsRouter,
   MultiTabsRuntimeManifestMergedConfigManager,
   MultiTabTheme,
   MultiTabType,
   RedirectTargetEnum,
-  ReloadMainViewCallChainingParameters,
+  type ReloadMainViewCallChainingParameters,
   systemMajorConfig,
   translateValueByKey
 } from '@oinone/kunlun-engine';
-import { Matched, Router, useMatched } from '@oinone/kunlun-router';
+import { type Matched, Router, useMatched } from '@oinone/kunlun-router';
 import { BooleanHelper, Optional } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { Subscription } from '@oinone/kunlun-state';
 import { useRouter } from '@oinone/kunlun-vue-router';
 import { Widget } from '@oinone/kunlun-vue-widget';
-
 import { MaskWidget } from '../../basic';
 import { ModuleService } from '../../service';
 import MultiTabs from './MultiTabs.vue';
-import { MultiTabItem } from './typing';
+import type { MultiTabItem } from './typing';
 
 @SPI.ClassFactory(MaskWidget.Token({ dslNodeType: 'multi-tabs' }))
 export class MultiTabsWidget extends MaskWidget {

package/src/component/multi-tabs/typing.ts

@@ -1,4 +1,4 @@
-import { MultiTabInstance } from '@oinone/kunlun-engine';
+import type { MultiTabInstance } from '@oinone/kunlun-engine';
 
 export interface MultiTabItem {
   key: string;