[RFC]Plugin方式去调用组件允许设置上下文

[liect]

概述 Summary

如果Plugin方式去调用组件,实际原理是调用vue的createApp创建了一个新的应用并挂载到页面

动机 Motivation

在Plugin方式调用中,因为和页面并不是一个上下文,所以没办法使用主应用上下文中的一些挂载,如i18n,router,vue-query等

解决方案 Solutions

对于Plugin增加统一传入参数:

import { DialogPlugin } from 'tdesign-vue-next';
DialogPlugin({...},contenx);

同时应该增加一个设置全局AppContext的方法

// min.ts

import { setContext } from 'tdesign-vue-next';

const app = createApp(App)

// 将context设置到全局
setContext(app._context)

//如果有多应用的情况也可以增加key
setContext('app1',app._context)

Demo

VContext和setVContext应该存在单独的文件中,以便多个Plugin获取

进展

目前尚无进展。

[liect]

@PengYYYYY @uyarn @chaishi