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

package/src/action/component/action/DefaultAction.vue

@@ -1,8 +1,9 @@
 <script lang="ts">
+import { translateValueByKey } from '@oinone/kunlun-engine';
 import { DEFAULT_PREFIX } from '@oinone/kunlun-theme';
 import { ButtonType, OioButton, OioPopconfirm, PropRecordHelper } from '@oinone/kunlun-vue-ui-antd';
 import { MenuItem as AMenuItem } from 'ant-design-vue';
-import { computed, createVNode, defineComponent, VNode, vShow, withDirectives, withModifiers } from 'vue';
+import { computed, createVNode, defineComponent, type VNode, vShow, withDirectives, withModifiers } from 'vue';
 import { useInjectActionContext, useProviderActionContext } from '../context';
 import MenuItem from './MenuItem.vue';
 import { ActionProps, useAction } from './typing';
@@ -40,7 +41,11 @@ export default defineComponent({
     const ButtonVNode = computed(() => {
       let contentVNode: VNode | undefined;
       if (!props.labelInvisible && props.label) {
-        contentVNode = createVNode('span', { class: `${DEFAULT_PREFIX}-action-content` }, props.label);
+        contentVNode = createVNode(
+          'span',
+          { class: `${DEFAULT_PREFIX}-action-content` },
+          translateValueByKey(props.label)
+        );
       }
 
       const attrs: Record<string, unknown> = {

package/src/action/component/action/typing.ts

@@ -1,7 +1,7 @@
-import { IAction } from '@oinone/kunlun-meta';
+import type { IAction } from '@oinone/kunlun-meta';
 import { ObjectUtils } from '@oinone/kunlun-shared';
 import { ButtonBizStyle, ButtonType, PopconfirmPlacement } from '@oinone/kunlun-vue-ui-common';
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 
 export const BaseActionProps = {
   action: {

package/src/action/component/action-bar/ActionBarWidget.ts

@@ -5,22 +5,23 @@ import { SPI } from '@oinone/kunlun-spi';
 import {
   ButtonBizStyle,
   ButtonType,
+  FlexDirection,
   FlexRowJustify,
   ListSelectMode,
   OioDropdownTrigger
 } from '@oinone/kunlun-vue-ui-common';
 import {
-  ActiveRecordsWidgetProps,
+  type ActiveRecordsWidgetProps,
   hasActionBarViewState,
   isListViewState,
-  OioActionBarState,
-  OioAnyViewState,
+  type OioActionBarState,
+  type OioAnyViewState,
   useOioState,
   Widget
 } from '@oinone/kunlun-vue-widget';
 import { isNil } from 'lodash-es';
 import { BaseActionGroupWidget, BaseElementWidget } from '../../../basic';
-import { ActiveCountEnum, MoreActionRender } from '../../../typing';
+import { ActiveCountEnum, type MoreActionRender } from '../../../typing';
 import { ActionBarBizStyle } from '../typing';
 import DefaultActionBar from './DefaultActionBar.vue';
 
@@ -38,6 +39,7 @@ export class ActionBarWidget<
     this.setComponent(DefaultActionBar);
     this.inline = props.inline || false;
     this.moreActionRender = props.moreActionRender;
+    this.createHookWidgets(['before', 'after', 'left', 'right']);
     return this;
   }
 
@@ -113,6 +115,18 @@ export class ActionBarWidget<
     return justify;
   }
 
+  @Widget.Reactive()
+  public get direction(): string | undefined {
+    const { direction } = this.getDsl();
+    if (direction) {
+      const value = FlexDirection[direction.toUpperCase()];
+      if (value) {
+        return value;
+      }
+    }
+    return direction;
+  }
+
   @Widget.Reactive()
   protected get moreActionTriggers(): OioDropdownTrigger[] {
     const moreActionTriggersStr = this.getDsl().moreActionTriggers?.();

package/src/action/component/action-bar/DefaultActionBar.vue

@@ -1,8 +1,8 @@
 <script lang="ts">
 import { DownOutlined } from '@ant-design/icons-vue';
-import { ActiveRecord, translateValueByKey } from '@oinone/kunlun-engine';
+import { type ActiveRecord, translateValueByKey } from '@oinone/kunlun-engine';
 import { ViewType } from '@oinone/kunlun-meta';
-import { CastHelper, CSSStyle, StringHelper, uniqueKeyGenerator } from '@oinone/kunlun-shared';
+import { uniqueKeyGenerator } from '@oinone/kunlun-shared';
 import {
   ButtonBizStyle,
   ButtonType,
@@ -12,12 +12,21 @@ import {
   OioDropdown,
   OioSwitch
 } from '@oinone/kunlun-vue-ui-antd';
-import { ListSelectMode, OioDropdownTrigger, PropRecordHelper, StyleHelper } from '@oinone/kunlun-vue-ui-common';
-import { DslRenderDefinition, onAllMounted } from '@oinone/kunlun-vue-widget';
+import { ListSelectMode, OioDropdownTrigger, PropRecordHelper } from '@oinone/kunlun-vue-ui-common';
+import { type DslRenderDefinition, onAllMounted } from '@oinone/kunlun-vue-widget';
 import { Menu as AMenu } from 'ant-design-vue';
 import { isNil } from 'lodash-es';
-import { computed, createVNode, defineComponent, PropType, VNode, vShow, withDirectives, withModifiers } from 'vue';
-import { ActiveCountEnum, MoreActionRender, OperationColumnDirection } from '../../../typing';
+import {
+  computed,
+  createVNode,
+  defineComponent,
+  type PropType,
+  type VNode,
+  vShow,
+  withDirectives,
+  withModifiers
+} from 'vue';
+import { ActiveCountEnum, type MoreActionRender, OperationColumnDirection } from '../../../typing';
 import { CollectionActions } from '../../../util/collection-actions';
 import { ActionBarBizStyle } from '../typing';
 import DefaultMoreActionItem from './DefaultMoreActionItem.vue';
@@ -137,6 +146,12 @@ export default defineComponent({
     justify: {
       type: String
     },
+    direction: {
+      type: String
+    },
+    operatorColumnDirection: {
+      type: String as PropType<OperationColumnDirection | keyof typeof OperationColumnDirection>
+    },
     isFloat: {
       type: Boolean,
       default: false
@@ -147,9 +162,6 @@ export default defineComponent({
     buttonType: {
       type: String
     },
-    operatorColumnDirection: {
-      type: String as PropType<OperationColumnDirection | keyof typeof OperationColumnDirection>
-    },
     showActionNames: {
       type: Array as PropType<string[]>
     },
@@ -233,10 +245,21 @@ export default defineComponent({
     if (this.bizStyle) {
       classList.push(`${actionBarClassName}-${this.bizStyle}`);
     }
+    const {
+      default: defaultSlot,
+      before: beforeSlot,
+      after: afterSlot,
+      left: leftSlot,
+      right: rightSlot
+    } = PropRecordHelper.collectionSlots(this.$slots, [
+      { origin: 'default', isNotNull: true },
+      'before',
+      'after',
+      'left',
+      'right'
+    ]);
     const collectionActions = new CollectionActions(this.showActionNames, this.activeCount);
-    collectionActions.do(
-      PropRecordHelper.collectionSlots(this.$slots, [{ origin: 'default', isNotNull: true }]).default()
-    );
+    collectionActions.do(defaultSlot());
     const { hasMore, showActionFlags, moreActions, moreActionFlags, otherVNodes } = collectionActions;
     let { showActions } = collectionActions;
     if (
@@ -309,28 +332,54 @@ export default defineComponent({
         )
       );
     }
-    const style = {} as CSSStyle;
+    if (this.direction) {
+      classList.push(`${actionBarClassName}-direction-${this.direction}`);
+    }
     if (this.justify) {
-      style.justifyContent = this.justify;
+      classList.push(`${actionBarClassName}-${this.justify}`);
     }
     if (this.isFloat) {
-      style.position = 'sticky';
-      style.bottom = '0px';
-      style.top = '0px';
-      style.zIndex = '1';
+      classList.push(`${actionBarClassName}-float`);
+    }
+    const beforeVNodes = beforeSlot?.();
+    const afterVNodes = afterSlot?.();
+    const actionVNodes = [...(beforeVNodes || []), ...showActions, ...(afterVNodes || [])];
+
+    const leftVNodes = leftSlot?.();
+    const rightVNodes = rightSlot?.();
+    let actionBarContentVNodes: VNode[] = [];
+    if (leftVNodes?.length) {
+      actionBarContentVNodes.push(
+        createVNode('div', { class: `${actionBarClassName}-left oio-scrollbar` }, leftVNodes || [])
+      );
+      if (rightVNodes?.length) {
+        classList.push(`${actionBarClassName}-between`);
+        actionBarContentVNodes.push(
+          createVNode('div', { class: `${actionBarClassName}-center oio-scrollbar` }, actionVNodes)
+        );
+        actionBarContentVNodes.push(
+          createVNode('div', { class: `${actionBarClassName}-right oio-scrollbar` }, rightVNodes || [])
+        );
+      } else {
+        classList.push(`${actionBarClassName}-between`);
+        actionBarContentVNodes.push(
+          createVNode('div', { class: `${actionBarClassName}-right oio-scrollbar` }, actionVNodes)
+        );
+      }
+    } else if (rightVNodes?.length) {
+      classList.push(`${actionBarClassName}-between`);
+      actionBarContentVNodes.push(
+        createVNode('div', { class: `${actionBarClassName}-left oio-scrollbar` }, actionVNodes)
+      );
+      actionBarContentVNodes.push(
+        createVNode('div', { class: `${actionBarClassName}-right oio-scrollbar` }, rightVNodes || [])
+      );
+    } else {
+      classList.push(`${actionBarClassName}-flatten`);
+      actionBarContentVNodes = actionVNodes;
     }
     return withDirectives(
-      createVNode(
-        'div',
-        {
-          ...PropRecordHelper.collectionBasicProps(
-            this.$attrs,
-            StringHelper.append(classList, CastHelper.cast(this.template?.class)),
-            { ...style, ...StyleHelper.parse(this.template?.style) }
-          )
-        },
-        showActions
-      ),
+      createVNode('div', PropRecordHelper.collectionBasicProps(this.$attrs, classList), actionBarContentVNodes),
       [[vShow, !this.invisible]]
     );
   }

package/src/action/component/action-bar/DefaultMoreActionItem.vue

@@ -4,7 +4,7 @@ import { DEFAULT_PREFIX } from '@oinone/kunlun-theme';
 import { ObjectUtils, OioButton, OioPopconfirm } from '@oinone/kunlun-vue-ui-antd';
 import { ButtonType } from '@oinone/kunlun-vue-ui-common';
 import { hasActionBarViewState, OioActionBarState, useOioState, Widget } from '@oinone/kunlun-vue-widget';
-import { computed, createVNode, defineComponent, ref, VNode } from 'vue';
+import { computed, createVNode, defineComponent, ref, type VNode } from 'vue';
 import type { ActionWidget } from '../action';
 import MenuItem from '../action/MenuItem.vue';
 
@@ -121,7 +121,7 @@ export default defineComponent({
     };
   },
   render() {
-    const { visibleConfirm, title, disabled, actionProps, condition, onUpdateVisibleConfirm } = this;
+    const { visibleConfirm, title, disabled, actionProps, condition, onUpdateVisibleConfirm, $translate } = this;
     if (actionProps.invisible) {
       return [];
     }
@@ -130,7 +130,7 @@ export default defineComponent({
       {
         class: `${DEFAULT_PREFIX}-more-action-item`,
         disabled,
-        title
+        title: $translate(title)
       },
       {
         default: () => {
@@ -187,4 +187,3 @@ export default defineComponent({
   }
 });
 </script>
-<style lang="scss"></style>

package/src/action/component/action-bar/RowActionBarWidget.ts

@@ -1,9 +1,9 @@
 import { Optional } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
-import { hasRowActionBarViewState, OioAnyViewState, Widget } from '@oinone/kunlun-vue-widget';
+import { hasRowActionBarViewState, type OioAnyViewState, Widget } from '@oinone/kunlun-vue-widget';
 import { isNil } from 'lodash-es';
 import { BaseElementWidget } from '../../../basic';
-import { ActionBarWidget, ActionBarWidgetProps } from './ActionBarWidget';
+import { ActionBarWidget, type ActionBarWidgetProps } from './ActionBarWidget';
 
 export interface RowActionBarWidgetProps extends ActionBarWidgetProps {
   rowIndex: number;

package/src/action/component/action-bar/TreeNodeActionsWidget.ts

@@ -2,8 +2,8 @@ import { TreeNode } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { BaseElementWidget } from '../../../basic';
-import { TreeData } from '../../../typing';
-import { ActionBarWidget, ActionBarWidgetProps } from './ActionBarWidget';
+import type { TreeData } from '../../../typing';
+import { ActionBarWidget, type ActionBarWidgetProps } from './ActionBarWidget';
 
 export interface TreeNodeActionsWidgetProps<V extends TreeData = TreeData> extends ActionBarWidgetProps {
   node: TreeNode<V>;

package/src/action/component/action-bar/style/index.scss

@@ -7,10 +7,43 @@
   height: var(--oio-height);
   display: flex;
   align-items: center;
-  flex-wrap: nowrap;
-  gap: 12px var(--oio-margin-md);
+  flex-flow: row nowrap;
   overflow: auto hidden;
 
+  &.action-bar-flatten {
+    gap: 12px var(--oio-margin-md);
+  }
+
+  &.action-bar-between {
+    justify-content: space-between;
+  }
+
+  &.action-bar-direction-row {
+    flex-direction: row;
+  }
+
+  &.action-bar-direction-column {
+    flex-direction: column;
+  }
+
+  &.action-bar-direction-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  &.action-bar-direction-column-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .action-bar-left,
+  .action-bar-center,
+  .action-bar-right {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    overflow: auto hidden;
+    gap: 12px var(--oio-margin-md);
+  }
+
   .more-action-item {
     display: flex;
     flex-flow: row nowrap;

package/src/action/component/context/action-context.ts

@@ -1,4 +1,4 @@
-import { computed, ComputedRef, inject, InjectionKey, provide } from 'vue';
+import { computed, type ComputedRef, inject, type InjectionKey, provide } from 'vue';
 
 export interface ActionContext {
   isSelectItem: ComputedRef<boolean>;

package/src/action/component/dropdown/DefaultDropdown.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-import { DslDefinition } from '@oinone/kunlun-dsl';
+import type { DslDefinition } from '@oinone/kunlun-dsl';
 import { CastHelper, StringHelper } from '@oinone/kunlun-shared';
 import { IconPlacement, OioButton, OioDropdown, OioDropdownProps, PropRecordHelper } from '@oinone/kunlun-vue-ui-antd';
 import { onAllMounted } from '@oinone/kunlun-vue-widget';
@@ -11,9 +11,9 @@ import {
   defineComponent,
   nextTick,
   onMounted,
-  PropType,
+  type PropType,
   ref,
-  VNode,
+  type VNode,
   vShow,
   withDirectives
 } from 'vue';
@@ -57,7 +57,6 @@ export default defineComponent({
       type: Function
     }
   },
-  slots: ['default', 'trigger'],
   setup(props, { slots }) {
     const needRenderOverlayChildren = ref(false);
 
@@ -103,8 +102,6 @@ export default defineComponent({
             }
           } else if ((vnode.type as { name: string })?.name?.toLowerCase?.() === InternalWidget.Action) {
             children.push(vnode);
-          } else if ((vnode.type as { name: string })?.name?.toLowerCase?.() === InternalWidget.Action) {
-            children.push(vnode);
           }
         }
         return true;

package/src/action/component/dropdown/DropdownWidget.ts

@@ -50,4 +50,14 @@ export class DropdownWidget extends BaseActionGroupWidget {
     }
     return dslTrigger;
   }
+
+  @Widget.Reactive()
+  protected get placement() {
+    return this.getDsl().placement;
+  }
+
+  @Widget.Reactive()
+  protected get overlayClassName() {
+    return this.getDsl().overlayClassName;
+  }
 }

package/src/action/composition-actions/CompositionActionWidget.ts

@@ -3,7 +3,7 @@ import { ActionType } from '@oinone/kunlun-meta';
 import { Router, useMatched } from '@oinone/kunlun-router';
 import { SPI } from '@oinone/kunlun-spi';
 import { isBoolean } from 'lodash-es';
-import { ActionWidgetProps, createActionWidget } from '../../tags/resolve/internal';
+import { type ActionWidgetProps, createActionWidget } from '../../tags/resolve/internal';
 import { ActionWidget } from '../component';
 import { RouterViewActionWidget } from '../view-actions';
 import CompositionAction from './CompositionAction.vue';

package/src/action/server-actions/ServerActionWidget.ts

@@ -7,11 +7,11 @@ import {
   FunctionService,
   MultiTabsManager,
   RelationUpdateType,
-  RequestModelField,
+  type RequestModelField,
   ROOT_HANDLE,
-  RuntimeContext,
-  RuntimeServerAction,
-  RuntimeViewAction,
+  type RuntimeContext,
+  type RuntimeServerAction,
+  type RuntimeViewAction,
   SubmitValue,
   translateValueByKey,
   UpdateOneWithRelationsService
@@ -20,11 +20,11 @@ import { ActionType, ViewType } from '@oinone/kunlun-meta';
 import { HttpClientError, SystemErrorCode } from '@oinone/kunlun-request';
 import { SPI } from '@oinone/kunlun-spi';
 import { BooleanHelper, CallChaining, debugConsole, OioNotification } from '@oinone/kunlun-vue-ui-antd';
-import { VueWidget, Widget, WidgetSubjection } from '@oinone/kunlun-vue-widget';
+import { VueWidget, Widget, type WidgetSubjection } from '@oinone/kunlun-vue-widget';
 import { isBoolean, isFunction, isNil } from 'lodash-es';
-import { FormValidateResult } from '../../basic';
+import type { FormValidateResult } from '../../basic';
 import { REFRESH_FORM_DATA } from '../../basic/constant/state-stream';
-import { ClickResult, PopupSubmitFunction } from '../../typing';
+import type { ClickResult, PopupSubmitFunction } from '../../typing';
 import { gotoPrevPage } from '../../util';
 import { ActionWidget } from '../component';
 
@@ -70,7 +70,7 @@ export class ServerActionWidget extends ActionWidget<RuntimeServerAction> {
   protected async clickAction(): Promise<ClickResult> {
     const { action } = this;
     if (!action) {
-      console.error('无法处理没有运行时动作的点击动作');
+      console.error('Cannot process click action without runtime action');
       return;
     }
     debugConsole.group(`Click serverAction. ${action.model}:${action.name}`);
@@ -310,7 +310,7 @@ export class ServerActionWidget extends ActionWidget<RuntimeServerAction> {
       functionDefinition = await FunctionCache.get(model, fun);
     }
     if (!functionDefinition) {
-      console.error('无法获取可执行函数', action);
+      console.error('Unable to obtain executable function', action);
       OioNotification.error(translateValueByKey('错误'), translateValueByKey('无法获取可执行函数'));
       return false;
     }

package/src/action/server-actions/ai-tandem-action/AiTandemActionWidget.ts

@@ -1,11 +1,11 @@
 import { SPI } from '@oinone/kunlun-spi';
 import { ActionType } from '@oinone/kunlun-meta';
-import { DslDefinition } from '@oinone/kunlun-dsl';
-import { RuntimeServerAction, SubmitValue } from '@oinone/kunlun-engine';
-import { Widget, WidgetSubjection } from '@oinone/kunlun-vue-widget';
+import type { DslDefinition } from '@oinone/kunlun-dsl';
+import { type RuntimeServerAction, SubmitValue } from '@oinone/kunlun-engine';
+import { Widget, type WidgetSubjection } from '@oinone/kunlun-vue-widget';
 import { ActionWidget } from '../../component';
 import { ServerActionWidget } from '../ServerActionWidget';
-import { ClickResult } from '../../../typing';
+import type { ClickResult } from '../../../typing';
 import { REFRESH_FORM_DATA } from '../../../basic/constant/state-stream';
 import { executeAiTandemMutation } from './server';
 import { findTandemActionHostViewName } from '../../../util';

package/src/action/server-actions/ai-tandem-action/server.ts

@@ -1,4 +1,4 @@
-import { ActiveRecord } from '@oinone/kunlun-engine';
+import type { ActiveRecord } from '@oinone/kunlun-engine';
 import { http } from '@oinone/kunlun-service';
 import { GraphqlHelper } from '@oinone/kunlun-shared';
 

package/src/action/server-actions/eip-tandem-action/EipTandemActionWidget.ts

@@ -1,11 +1,11 @@
 import { SPI } from '@oinone/kunlun-spi';
 import { ActionType } from '@oinone/kunlun-meta';
-import { RuntimeServerAction, SubmitValue } from '@oinone/kunlun-engine';
-import { DslDefinition } from '@oinone/kunlun-dsl';
-import { Widget, WidgetSubjection } from '@oinone/kunlun-vue-widget';
+import { type RuntimeServerAction, SubmitValue } from '@oinone/kunlun-engine';
+import type { DslDefinition } from '@oinone/kunlun-dsl';
+import { Widget, type WidgetSubjection } from '@oinone/kunlun-vue-widget';
 import { ActionWidget } from '../../component';
 import { ServerActionWidget } from '../ServerActionWidget';
-import { ClickResult } from '../../../typing';
+import type { ClickResult } from '../../../typing';
 import { REFRESH_FORM_DATA } from '../../../basic/constant/state-stream';
 import { executeEipTandemMutation } from './server';
 import { findTandemActionHostViewName } from '../../../util';

package/src/action/server-actions/eip-tandem-action/server.ts

@@ -1,4 +1,4 @@
-import { ActiveRecord } from '@oinone/kunlun-engine';
+import type { ActiveRecord } from '@oinone/kunlun-engine';
 import { http } from '@oinone/kunlun-service';
 import { GraphqlHelper } from '@oinone/kunlun-shared';
 

package/src/action/server-actions/microflow-tandem-action/MicroFlowTandemActionWidget.ts

@@ -1,9 +1,9 @@
 import { SPI } from '@oinone/kunlun-spi';
 import { ActionType } from '@oinone/kunlun-meta';
-import { RuntimeServerAction, SubmitValue } from '@oinone/kunlun-engine';
+import { type RuntimeServerAction, SubmitValue } from '@oinone/kunlun-engine';
 
 import { ActionWidget } from '../../component';
-import { ClickResult } from '../../../typing';
+import type { ClickResult } from '../../../typing';
 import { executeMicroFlowTandemMutation } from './server';
 import { WorkFlowTandemActionWidget } from '../workflow-tandem-action';
 

package/src/action/server-actions/microflow-tandem-action/server.ts

@@ -1,4 +1,4 @@
-import { ActiveRecord } from '@oinone/kunlun-engine';
+import type { ActiveRecord } from '@oinone/kunlun-engine';
 import { http } from '@oinone/kunlun-service';
 
 interface WorkflowTandemActionParams {

package/src/action/server-actions/workflow-tandem-action/WorkFlowTandemActionWidget.ts

@@ -1,11 +1,11 @@
 import { SPI } from '@oinone/kunlun-spi';
 import { ActionType } from '@oinone/kunlun-meta';
-import { RuntimeServerAction, SubmitValue } from '@oinone/kunlun-engine';
+import { type RuntimeServerAction, SubmitValue } from '@oinone/kunlun-engine';
 import { Widget } from '@oinone/kunlun-vue-widget';
 
 import { ActionWidget } from '../../component';
 import { ServerActionWidget } from '../ServerActionWidget';
-import { ClickResult } from '../../../typing';
+import type { ClickResult } from '../../../typing';
 import { executeWorkflowTandemMutation } from './server';
 
 @SPI.ClassFactory(

package/src/action/server-actions/workflow-tandem-action/server.ts

@@ -1,4 +1,4 @@
-import { ActiveRecord } from '@oinone/kunlun-engine';
+import type { ActiveRecord } from '@oinone/kunlun-engine';
 import { http } from '@oinone/kunlun-service';
 
 interface WorkflowTandemActionParams {

package/src/action/url-actions/UrlActionWidget.ts

@@ -1,20 +1,19 @@
 import {
-  ActiveRecord,
+  type ActiveRecord,
   FunctionCache,
   FunctionService,
   RedirectTargetEnum,
-  RequestModelField,
-  RuntimeFunctionDefinition,
-  RuntimeUrlAction,
+  type RequestModelField,
+  type RuntimeFunctionDefinition,
+  type RuntimeUrlAction,
   translateValueByKey
 } from '@oinone/kunlun-engine';
 import { Expression } from '@oinone/kunlun-expression';
 import { ActionType, ViewActionTarget } from '@oinone/kunlun-meta';
-import { ReturnPromise } from '@oinone/kunlun-shared';
+import type { ReturnPromise } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { OioMessage, OioNotification } from '@oinone/kunlun-vue-ui-antd';
 import { Widget } from '@oinone/kunlun-vue-widget';
-
 import { ActionWidget } from '../component';
 
 @SPI.ClassFactory(
@@ -86,7 +85,7 @@ export class UrlActionWidget extends ActionWidget<RuntimeUrlAction> {
     const { compute } = this.getDsl();
     const functionDefinition = await FunctionCache.get(this.action.model, compute);
     if (!functionDefinition) {
-      console.error('无法获取可执行函数', this.action);
+      console.error('Unable to obtain executable function', this.action);
       OioNotification.error(translateValueByKey('错误'), translateValueByKey('无法获取可执行函数'));
       return undefined;
     }

package/src/action/view-actions/BackActionWidget.ts

@@ -1,12 +1,11 @@
 import {
-  ActiveRecord,
+  type ActiveRecord,
   activeRecordsToJSONString,
   Dialog,
   Drawer,
   executeViewAction,
   Popup,
-  RuntimeViewAction,
-  translate
+  type RuntimeViewAction
 } from '@oinone/kunlun-engine';
 import { ModelDefaultActionName, ViewType } from '@oinone/kunlun-meta';
 import { CallChaining } from '@oinone/kunlun-shared';
@@ -31,7 +30,7 @@ export class BackActionWidget extends ActionWidget {
 
   @Widget.Reactive()
   protected get label() {
-    return this.getDsl().label || this.action?.displayName || translate('kunlun.common.back') || '返回';
+    return this.getDsl().label || this.action?.displayName || '返回';
   }
 
   @Widget.Reactive()

package/src/action/view-actions/ExportActionWidget/ExportActionWidget.vue

@@ -22,7 +22,7 @@
         >
           <a-select
             class="oio-select"
-            dropdown-class-name="oio-select-dropdown"
+            popup-class-name="oio-select-dropdown"
             :value="selectValue"
             @change="handleSelectChange"
           >

package/src/action/view-actions/ImportActionWidget/ImportActionWidget.vue

@@ -22,7 +22,7 @@
         >
           <a-select
             class="oio-select"
-            dropdown-class-name="oio-select-dropdown"
+            popup-class-name="oio-select-dropdown"
             :value="selectValue"
             @change="handleSelectChange"
           >

package/src/action/view-actions/OpenWindowViewActionWidget.ts

@@ -2,11 +2,11 @@ import {
   executeViewAction,
   MultiTabsRuntimeManifestMergedConfigManager,
   RedirectTargetEnum,
-  RuntimeViewAction
+  type RuntimeViewAction
 } from '@oinone/kunlun-engine';
 import { ActionType, ViewActionTarget } from '@oinone/kunlun-meta';
 import { SPI } from '@oinone/kunlun-spi';
-import { UrlQueryParameters } from '../../basic';
+import type { UrlQueryParameters } from '../../basic';
 import { ActionWidget } from '../component';
 import { RouterViewActionWidget } from './RouterViewActionWidget';