@oinone/kunlun-vue-admin-base 6.3.8 → 6.4.0

package/src/typing/index.ts

@@ -32,6 +32,7 @@ export function fetchPopconfirmPlacement(placement: string | undefined): Popconf
   return realPlacement;
 }
 
+export * from './event';
 export * from './action';
 export * from './active-count';
 export * from './card-cascader';
@@ -44,3 +45,5 @@ export * from './typing';
 export * from './user-prefer';
 export * from './validator';
 export * from './widget-names';
+export * from './control-icon';
+export * from './view';

package/src/typing/view.ts

@@ -0,0 +1,14 @@
+export enum ViewBizStyle {
+  COMMON = 'COMMON', // 普通风格视图
+  COMPACT = 'COMPACT' // 紧凑风格视图
+}
+
+export enum DetailBizStyle {
+  NONE_BORDER = 'NONE_BORDER', // 字段无边框
+  HAS_BORDER = 'HAS_BORDER' // 字段有边框
+}
+
+export enum FormBizStyle {
+  COMMON = 'COMMON', // 默认风格
+  WORD = 'WORD' // word 风格
+}

package/src/util/default-tree-definition.ts

@@ -14,6 +14,35 @@ const defaultAddressTemplate = XMLParse.INSTANCE.parse(`<template>
 </template>
 `);
 
+const defaultAddressTemplate1 = XMLParse.INSTANCE.parse(`<template>
+  <nodes>
+    <node model="resource.ResourceCountry" label="activeRecord.name" labelFields="name" submit-countryCode="code" submit-countryName="name" />
+    <node model="resource.ResourceProvince" label="activeRecord.name" labelFields="name" references="country" submit-provinceCode="code" submit-provinceName="name" />
+    <node model="resource.ResourceCity" label="activeRecord.name" labelFields="name" references="province" submit-cityCode="code" submit-cityName="name" />
+    <node model="resource.ResourceDistrict" label="activeRecord.name" labelFields="name" references="city" submit-districtCode="code" submit-districtName="name" />
+  </nodes>
+</template>
+`);
+
+const defaultAddressTemplate2 = XMLParse.INSTANCE.parse(`<template>
+  <nodes>
+    <node model="resource.ResourceProvince" label="activeRecord.name" labelFields="name" submit-provinceCode="code" submit-provinceName="name" />
+    <node model="resource.ResourceCity" label="activeRecord.name" labelFields="name" references="province" submit-cityCode="code" submit-cityName="name" />
+    <node model="resource.ResourceDistrict" label="activeRecord.name" labelFields="name" references="city" submit-districtCode="code" submit-districtName="name" />
+    <node model="resource.ResourceStreet" label="activeRecord.name" labelFields="name" references="district" submit-streetCode="code" submit-streetName="name" />
+  </nodes>
+</template>
+`);
+
+const defaultAddressTemplate3 = XMLParse.INSTANCE.parse(`<template>
+  <nodes>
+    <node model="resource.ResourceProvince" label="activeRecord.name" labelFields="name" submit-provinceCode="code" submit-provinceName="name" />
+    <node model="resource.ResourceCity" label="activeRecord.name" labelFields="name" references="province" submit-cityCode="code" submit-cityName="name" />
+    <node model="resource.ResourceDistrict" label="activeRecord.name" labelFields="name" references="city" submit-districtCode="code" submit-districtName="name" />
+  </nodes>
+</template>
+`);
+
 const defaultAddressTemplateNext = XMLParse.INSTANCE.parse(`<template>
   <nodes>
     <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" selfReferences="parent" />
@@ -21,10 +50,80 @@ const defaultAddressTemplateNext = XMLParse.INSTANCE.parse(`<template>
 </template>
 `);
 
-export function generatorDefaultAddressTreeDefinition(): TreeNodeMetadata | undefined {
+const defaultAddressTemplateNext1 = XMLParse.INSTANCE.parse(`<template>
+  <nodes>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" />
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" references="parent"/>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" references="parent"/>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" references="parent"/>
+  </nodes>
+</template>
+`);
+
+const defaultAddressTemplateNext2 = XMLParse.INSTANCE.parse(`<template>
+  <nodes>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" filter="type == 'Province'"/>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" references="parent"/>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" references="parent"/>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" references="parent"/>
+  </nodes>
+</template>
+`);
+
+const defaultAddressTemplateNext3 = XMLParse.INSTANCE.parse(`<template>
+  <nodes>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" filter="type == 'Province'"/>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" references="parent"/>
+    <node model="resource.ResourceRegion" label="activeRecord.name" labelFields="name" references="parent"/>
+  </nodes>
+</template>
+`);
+
+export enum DefaultAddressTypeEnum {
+  /**
+   * 国家-省-市-区
+   */
+  COUNTRY_PROVINCE_CITY_DISTRICT = 'COUNTRY_PROVINCE_CITY_DISTRICT',
+  /**
+   * 省-市-区-街道
+   */
+  PROVINCE_CITY_DISTRICT_STREET = 'PROVINCE_CITY_DISTRICT_STREET',
+  /**
+   * 省-市-区
+   */
+  PROVINCE_CITY_DISTRICT = 'PROVINCE_CITY_DISTRICT'
+}
+
+export function generatorDefaultAddressTreeDefinition(
+  addressType?: DefaultAddressTypeEnum
+): TreeNodeMetadata | undefined {
   if (ExperimentalConfigManager.addressWidgetNext()) {
+    if (addressType) {
+      switch (addressType) {
+        case DefaultAddressTypeEnum.COUNTRY_PROVINCE_CITY_DISTRICT:
+          return TreeUtils.convert(defaultAddressTemplateNext1);
+        case DefaultAddressTypeEnum.PROVINCE_CITY_DISTRICT_STREET:
+          return TreeUtils.convert(defaultAddressTemplateNext2);
+        case DefaultAddressTypeEnum.PROVINCE_CITY_DISTRICT:
+          return TreeUtils.convert(defaultAddressTemplateNext3);
+        default:
+          return TreeUtils.convert(defaultAddressTemplateNext);
+      }
+    }
     return TreeUtils.convert(defaultAddressTemplateNext);
   }
+  if (addressType) {
+    switch (addressType) {
+      case DefaultAddressTypeEnum.COUNTRY_PROVINCE_CITY_DISTRICT:
+        return TreeUtils.convert(defaultAddressTemplate1);
+      case DefaultAddressTypeEnum.PROVINCE_CITY_DISTRICT_STREET:
+        return TreeUtils.convert(defaultAddressTemplate2);
+      case DefaultAddressTypeEnum.PROVINCE_CITY_DISTRICT:
+        return TreeUtils.convert(defaultAddressTemplate3);
+      default:
+        return TreeUtils.convert(defaultAddressTemplate);
+    }
+  }
   return TreeUtils.convert(defaultAddressTemplate);
 }
 

package/src/util/jumpDesignerPage.ts

@@ -59,10 +59,18 @@ export const onJumpUiDesigner = async (viewId?: string) => {
       model: 'ui.designer.UiDesignerView'
     })) as IViewAction;
     if (action) {
-      return executeViewAction(CastHelper.cast(action), undefined, undefined, { id: viewId }, RedirectTargetEnum.BLANK);
-    } else {
-      console.error('跳转至页面设计页面异常');
+      return executeViewAction(
+        CastHelper.cast(action),
+        undefined,
+        undefined,
+        {
+          id: viewId,
+          sessionPath: '/ui_designer/homepage'
+        },
+        RedirectTargetEnum.BLANK
+      );
     }
+    console.error('跳转至页面设计页面异常');
   }
 };
 

package/src/util/tree-utils.ts

@@ -21,9 +21,8 @@ import {
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
 import { Condition } from '@oinone/kunlun-request';
 import { isDev } from '@oinone/kunlun-router';
-import { StringHelper, uniqueKeyGenerator } from '@oinone/kunlun-shared';
+import { OioTreeNode, StringHelper, uniqueKeyGenerator } from '@oinone/kunlun-shared';
 import { OioNotification } from '@oinone/kunlun-vue-ui-antd';
-import { OioTreeNode } from '@oinone/kunlun-vue-ui-common';
 import { DslRender } from '@oinone/kunlun-vue-widget';
 import { isNil, isObject, isString, toString } from 'lodash-es';
 import { Slot } from 'vue';

package/src/view/application-screen/gallery/Gallery.vue

@@ -313,6 +313,12 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
+.oio-default-minimalism-view {
+  .application-screen-container {
+    border-radius: var(--oio-border-radius-sm);
+    padding: var(--oio-padding);
+  }
+}
 .gallery-header {
   display: flex;
   align-items: center;

package/src/view/application-screen/gallery/field/select/AppsModuleUpstreamSelectWidget.ts

@@ -3,10 +3,10 @@ import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { watch } from 'vue';
 import { FormFieldWidget } from '../../../../../basic';
-import { FormM2MFieldSelectWidget } from '../../../../../field';
+import { FormM2MSelectFieldWidget } from '../../../../../field';
 
 @SPI.ClassFactory(FormFieldWidget.Token({ widget: 'AppsModuleUpstreamSelect' }))
-export class AppsModuleUpstreamSelectWidget extends FormM2MFieldSelectWidget {
+export class AppsModuleUpstreamSelectWidget extends FormM2MSelectFieldWidget {
   @Widget.Reactive()
   public get moduleOptionsField(): string {
     return this.getDsl().moduleOptionsField || '';

package/src/view/card/CardWidget.ts

@@ -1,15 +1,27 @@
 import { ActionDslDefinition, DEFAULT_SLOT_NAME, DslDefinitionType, TemplateDslDefinition } from '@oinone/kunlun-dsl';
-import { ActiveRecord, ActiveRecordsOperator } from '@oinone/kunlun-engine';
+import { ActiveRecord, ActiveRecordsOperator, getCurrentThemeSize } from '@oinone/kunlun-engine';
 import { ViewType } from '@oinone/kunlun-meta';
 import { BooleanHelper, NumberHelper } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { RowContext } from '@oinone/kunlun-vue-ui';
-import { DEFAULT_COLS, ListSelectMode } from '@oinone/kunlun-vue-ui-common';
-import { DslDefinitionWidget, Widget } from '@oinone/kunlun-vue-widget';
+import {
+  DEFAULT_CARD_GUTTERS,
+  DEFAULT_COLS,
+  DEFAULT_GUTTERS,
+  DEFAULT_VERTICAL_GUTTERS,
+  ListSelectMode
+} from '@oinone/kunlun-vue-ui-common';
+import {
+  DslDefinitionWidget,
+  isGalleryViewState,
+  OioAnyViewState,
+  OioGalleryViewState,
+  Widget
+} from '@oinone/kunlun-vue-widget';
 import { isNil } from 'lodash-es';
 import type { ActionWidget } from '../../action';
 import { BaseActionWidget, BaseElementWidget, BasePackWidget } from '../../basic';
-import { ActiveCountEnum, CARD_WIDGET } from '../../typing';
+import { ActiveCountEnum, CARD_WIDGET, UserTablePrefer } from '../../typing';
 import DefaultCard from './DefaultCard.vue';
 
 const CLICK_SLOT_NAME = 'click';
@@ -27,10 +39,29 @@ const CLICK_SLOT_NAME = 'click';
   })
 )
 export class CardWidget extends BaseElementWidget {
+  protected viewState: OioGalleryViewState | undefined;
+
   @Widget.Reactive()
   @Widget.Provide()
   protected isCard = true;
 
+  /**
+   * 默认间距
+   */
+  @Widget.Reactive()
+  private get defaultGutter() {
+    const size = getCurrentThemeSize();
+
+    switch (size) {
+      case 'large':
+        return DEFAULT_GUTTERS;
+      case 'medium':
+        return DEFAULT_VERTICAL_GUTTERS;
+      default:
+        return DEFAULT_CARD_GUTTERS;
+    }
+  }
+
   @Widget.Reactive()
   @Widget.Provide()
   protected cols = DEFAULT_COLS;
@@ -41,8 +72,13 @@ export class CardWidget extends BaseElementWidget {
   }
 
   @Widget.Reactive()
+  @Widget.Provide()
   protected rowIndex: number | undefined;
 
+  @Widget.Reactive()
+  @Widget.Inject()
+  protected userPrefer?: UserTablePrefer;
+
   public initialize(props) {
     if (!props.slotNames) {
       props.slotNames = [DEFAULT_SLOT_NAME, 'title', 'titleToolbar', 'content', 'rowActions', CLICK_SLOT_NAME];
@@ -91,6 +127,26 @@ export class CardWidget extends BaseElementWidget {
   @Widget.Inject()
   protected selectMode: ListSelectMode | undefined;
 
+  @Widget.Reactive()
+  protected get titleProps(): Record<string, unknown> | undefined {
+    const titleDsl = this.template?.widgets?.find((v) => (v as TemplateDslDefinition).slot === 'title');
+    if (titleDsl) {
+      return {
+        textWrap: titleDsl.textWrap?.toLowerCase?.()
+      };
+    }
+  }
+
+  @Widget.Reactive()
+  protected get contentProps(): Record<string, unknown> | undefined {
+    const contentDsl = this.template?.widgets?.find((v) => (v as TemplateDslDefinition).slot === 'content');
+    if (contentDsl) {
+      return {
+        textWrap: contentDsl.textWrap?.toLowerCase?.()
+      };
+    }
+  }
+
   @Widget.Reactive()
   protected get clickActionDslDefinition(): ActionDslDefinition | undefined {
     const { clickActionName, widgets } = this.getDsl();
@@ -181,4 +237,31 @@ export class CardWidget extends BaseElementWidget {
     }
     return inlineActiveCountNumber;
   }
+
+  protected $$initViewState(state: OioAnyViewState): void {
+    const { currentHandle, rowIndex } = this;
+    if (isGalleryViewState(state) && rowIndex != null) {
+      if (!state.cards) {
+        state.cards = [];
+      }
+      state.cards[rowIndex] = {
+        handle: currentHandle,
+        fields: [],
+        titleProps: this.titleProps,
+        contentProps: this.contentProps
+      };
+    }
+  }
+
+  protected $$unmounted() {
+    super.$$unmounted();
+    const { viewState, rowIndex } = this;
+    if (viewState && rowIndex != null && isGalleryViewState(viewState)) {
+      const { cards } = viewState;
+      if (cards) {
+        cards.splice(rowIndex, 1);
+        viewState.cards = [...cards];
+      }
+    }
+  }
 }

package/src/view/card/DefaultCard.vue

@@ -7,12 +7,17 @@ import { FlexRowAlign, ListSelectMode, PropRecordHelper, StyleHelper } from '@oi
 import { DslRender, DslRenderDefinition } from '@oinone/kunlun-vue-widget';
 import { computed, createVNode, defineComponent, PropType, VNode } from 'vue';
 import { ActionBar, InternalWidget, ResolveMode } from '../../tags';
+import { UserTablePrefer } from '../../typing';
+import DefaultCardContent from './DefaultCardContent.vue';
+import DefaultCardTitle from './DefaultCardTitle.vue';
 import DefaultCardTitleToolbar from './DefaultCardTitleToolbar.vue';
 
 export default defineComponent({
   name: 'DefaultCard',
   components: {
-    ActionBar
+    ActionBar,
+    DefaultCardTitle,
+    DefaultCardContent
   },
   inheritAttrs: false,
   props: {
@@ -40,6 +45,9 @@ export default defineComponent({
     selectMode: {
       type: String as PropType<keyof typeof ListSelectMode>
     },
+    defaultGutter: {
+      type: Array as PropType<number[]>
+    },
     allowClick: {
       type: Boolean,
       default: undefined
@@ -52,9 +60,38 @@ export default defineComponent({
     },
     onCheckboxChange: {
       type: Function
+    },
+    titleProps: {
+      type: Object
+    },
+    contentProps: {
+      type: Object
+    },
+    userPrefer: {
+      type: Object as PropType<UserTablePrefer>,
+      default: () => ({})
     }
   },
   setup(props) {
+    const cardFieldsVisible = computed(() => {
+      const fieldPrefer = props.userPrefer.fieldPrefer || null;
+      const { title, content } = DslSlotUtils.fetchSlotsBySlotNames(props.template, ['title', 'content']);
+      const titleFieldNames = title?.widgets?.map((v) => v.name);
+      const contentFieldNames = content?.widgets?.map((v) => v.name);
+
+      if (!fieldPrefer) {
+        return {
+          titleVisibleField: titleFieldNames,
+          contentVisibleField: contentFieldNames
+        };
+      }
+
+      return {
+        titleVisibleField: titleFieldNames?.filter((v) => !fieldPrefer.includes(v)),
+        contentVisibleField: contentFieldNames?.filter((v) => !fieldPrefer?.includes(v))
+      };
+    });
+
     const style = computed<CSSStyle>(() => {
       return {
         width: StyleHelper.px(props.width),
@@ -75,8 +112,10 @@ export default defineComponent({
     if (props.onClick) {
       ({ onMousedown, onMouseup } = useClick(props.onClick));
     }
+
     return {
       style,
+      cardFieldsVisible,
       allowSelected,
       onMousedown,
       onMouseup
@@ -88,10 +127,13 @@ export default defineComponent({
       $attrs,
       template,
       style,
+      cardFieldsVisible,
       allowSelected,
       isSelected,
       onCheckboxChange,
       allowClick,
+      titleProps,
+      contentProps,
       onMousedown,
       onMouseup
     } = this;
@@ -99,6 +141,7 @@ export default defineComponent({
     if (!slotContext) {
       return [];
     }
+
     const {
       default: defaultSlot,
       title: titleSlot,
@@ -121,8 +164,14 @@ export default defineComponent({
     const key = `${dataKey}#${activeRecords?.__updateTimestamp}` as string;
     const titleToolbar = titleToolbarSlot?.();
     let isAppendContentPaddingTop = false;
-    if (titleSlot) {
-      let title = titleSlot();
+
+    const { titleVisibleField, contentVisibleField } = cardFieldsVisible;
+
+    // 根据用户偏号，过滤标题
+    let title = (titleSlot?.() || []).filter((v) => titleVisibleField?.includes(v.props?.name));
+
+    // 渲染标题插槽
+    if (title.length) {
       if (titleToolbar) {
         const finalTitle = title;
         title = [
@@ -152,7 +201,9 @@ export default defineComponent({
                   },
                   undefined,
                   {
-                    default: () => finalTitle
+                    default: () => {
+                      return [createVNode(DefaultCardTitle, {}, { default: () => finalTitle })];
+                    }
                   },
                   { dynamicKey: true }
                 )!
@@ -189,8 +240,13 @@ export default defineComponent({
       if (titleStyle?.border || titleStyle?.borderBottom || titleStyle?.borderBottomWidth) {
         isAppendContentPaddingTop = true;
       }
+      const titleClass = ['default-card-title'];
+      const textWrap = titleProps?.textWrap;
+      if (textWrap) {
+        titleClass.push(`default-card-title-${textWrap}`);
+      }
       children.push(
-        createVNode('div', { key: 'default-card-title', class: 'default-card-title', style: titleStyle }, [
+        createVNode('div', { key: titleVisibleField?.length, class: titleClass, style: titleStyle }, [
           DslRender.render(
             {
               dslNodeType: DslDefinitionType.PACK,
@@ -202,11 +258,13 @@ export default defineComponent({
               gutter: DEFAULT_CARD_GUTTERS,
               align: FlexRowAlign.MIDDLE,
               justify: FlexRowJustify.SPACE_BETWEEN,
-              wrap: false
+              wrap: true
             },
             undefined,
             {
-              default: () => title
+              default: () => {
+                return [createVNode(DefaultCardTitle, {}, { default: () => title })];
+              }
             }
           )!
         ])
@@ -225,43 +283,65 @@ export default defineComponent({
         );
       }
     }
-    const content = [...(contentSlot?.() || []), ...(defaultSlot?.() || [])];
-    const contentStyle = StyleHelper.convertStyleByDslDefinition(dslSlots?.content);
-    if (
-      !isAppendContentPaddingTop &&
-      (contentStyle?.border || contentStyle?.borderTop || contentStyle?.borderTopWidth)
-    ) {
-      isAppendContentPaddingTop = true;
-    }
-    children.push(
-      createVNode(
-        'div',
-        {
-          key: 'default-card-content',
-          class: ['default-card-content', isAppendContentPaddingTop && 'default-card-content-padding-top'],
-          style: contentStyle
-        },
-        [
-          DslRender.render(
-            {
-              dslNodeType: DslDefinitionType.PACK,
-              widgets: [],
-              widget: InternalWidget.Row,
-              resolveOptions: {
-                mode: ResolveMode.NORMAL
-              },
-              gutter: DEFAULT_CARD_GUTTERS,
-              align: FlexRowAlign.TOP
-            },
-            undefined,
-            {
-              default: () => content
-            }
-          )!
-        ]
-      )
+
+    // 卡片内容插槽, 用户偏号过滤
+    const content = [...(contentSlot?.() || []), ...(defaultSlot?.() || [])].filter((v) =>
+      contentVisibleField?.includes(v.props?.name)
     );
+
+    if (content.length) {
+      const contentStyle = StyleHelper.convertStyleByDslDefinition(dslSlots?.content);
+      if (
+        !isAppendContentPaddingTop &&
+        (contentStyle?.border || contentStyle?.borderTop || contentStyle?.borderTopWidth)
+      ) {
+        isAppendContentPaddingTop = true;
+      }
+
+      const contentClass = ['default-card-content'];
+      if (isAppendContentPaddingTop) {
+        contentClass.push('default-card-content-padding-top');
+      }
+      const textWrap = contentProps?.textWrap;
+      if (textWrap) {
+        contentClass.push(`default-card-content-${textWrap}`);
+      }
+
+      children.push(
+        createVNode(
+          'div',
+          {
+            key: contentVisibleField?.length,
+            class: contentClass,
+            style: contentStyle
+          },
+          [
+            DslRender.render(
+              {
+                dslNodeType: DslDefinitionType.PACK,
+                widgets: [],
+                widget: InternalWidget.Row,
+                resolveOptions: {
+                  mode: ResolveMode.NORMAL
+                },
+                gutter: this.defaultGutter,
+                align: FlexRowAlign.TOP
+              },
+              undefined,
+              {
+                default: () => {
+                  return [createVNode(DefaultCardContent, {}, { default: () => content })];
+                }
+              }
+            )!
+          ]
+        )
+      );
+    }
+
     const finalChildren = children;
+
+    // 复选框
     children = [
       createVNode(
         'div',
@@ -285,6 +365,8 @@ export default defineComponent({
         ]
       )
     ];
+
+    // 卡片操作区
     if (rowActionsSlot) {
       const rowActions = rowActionsSlot();
       const rowActionsVNodes = [

package/src/view/card/DefaultCardContent.vue

@@ -0,0 +1,25 @@
+<script lang="ts">
+import { OioCardScope, useInjectOioCardContext, useProviderOioCardContext } from '@oinone/kunlun-vue-ui-common';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'DefaultCardContent',
+  components: {},
+  inheritAttrs: false,
+  props: {},
+  setup(props) {
+    const cardContext = useInjectOioCardContext();
+
+    useProviderOioCardContext({
+      ...cardContext,
+      scope: OioCardScope.content
+    });
+
+    return {};
+  },
+  render() {
+    return this.$slots.default?.();
+  }
+});
+</script>
+<style lang="scss"></style>

package/src/view/card/DefaultCardTitle.vue

@@ -0,0 +1,25 @@
+<script lang="ts">
+import { OioCardScope, useInjectOioCardContext, useProviderOioCardContext } from '@oinone/kunlun-vue-ui-common';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'DefaultCardTitle',
+  components: {},
+  inheritAttrs: false,
+  props: {},
+  setup(props) {
+    const cardContext = useInjectOioCardContext();
+
+    useProviderOioCardContext({
+      ...cardContext,
+      scope: OioCardScope.title
+    });
+
+    return {};
+  },
+  render() {
+    return this.$slots.default?.();
+  }
+});
+</script>
+<style lang="scss"></style>

package/src/view/card/DefaultCardTitleToolbar.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { PropRecordHelper } from '@oinone/kunlun-vue-ui-common';
+import { useInjectMetaContext, useProviderMetaContext } from '@oinone/kunlun-vue-widget';
 import { computed, createVNode, defineComponent, withModifiers } from 'vue';
-import { useInjectMetaContext, useProviderMetaContext } from '../../tags';
 
 export default defineComponent({
   name: 'DefaultCardTitleToolbar',