Skip to content

[LoadingPlugin] 按需引入的场景下,通过函数式调用时,无法获取ConfigProvider修改的classPrefix #6178

@chenqian-hertz

Description

@chenqian-hertz

tdesign-vue-next 版本

1.16.0

重现链接

No response

重现步骤

vite.config.js:
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

export default defineConfig({
plugins: [vue()],
css: {
preprocessorOptions: {
less: {
modifyVars: {
"@Prefix": "r",
},
javascriptEnabled: true,
},
},
},
});

App.vue:




<script setup> import { ConfigProvider } from "tdesign-vue-next/esm"; import Home from "./Home.vue"; </script>

Home.Vue:

<script setup> import { ref, h, onMounted } from "vue"; import { LoadingPlugin } from "tdesign-vue-next/esm"; import Loading from "./assets/loading.gif"; const menuRef = ref(null); onMounted(() => { LoadingPlugin({ attach: () => menuRef.value, indicator: () => h("img", { src: Loading, style: { width: "50px" } }), }); }); </script>

期望结果

loading相关dom的class前缀均以r-开头

实际结果

仅部分以r-开头,具体dom如下:

框架版本

Vue(3.5.24)

浏览器版本

Chrome(142.0.7444.176)

系统版本

Windows(x64)

Node版本

22.16.0

补充说明

No response

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions