KTeam/kt-template-online-playground
1
0
Fork 0
mirror of https://github.com/KwiTsukasa/kt-template-online-playground.git synced 2026-05-27 16:45:45 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 优化 Playground 第三方资源入口

Browse Source
This commit is contained in:
sunlei 2026-05-16 11:08:46 +08:00
parent e339cba62b
commit f538ad924b
3 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/import-map.ts
View File

@ -13,21 +13,36 @@ export function isVaporSupported(version: string): boolean{
const esmBundle = (pkgName: string, externalVue = false) => const esmBundle = (pkgName: string, externalVue = false) =>
`https://esm.sh/${pkgName}?bundle${externalVue ? '&external=vue' : ''}` `https://esm.sh/${pkgName}?bundle${externalVue ? '&external=vue' : ''}`
const ANT_DESIGN_VUE_VERSION = '4.2.6'
const ANT_DESIGN_ICONS_VERSION = '7.0.1'
const ELEMENT_PLUS_VERSION = '2.14.0'
const ELEMENT_PLUS_ICONS_VERSION = '2.3.2'
const LODASH_VERSION = '4.17.21'
// The preview iframe imports these packages on every run. Prefer bundled CDN // The preview iframe imports these packages on every run. Prefer bundled CDN
// entries to avoid hundreds of tiny ESM/icon requests exhausting the browser. // entries to avoid hundreds of tiny ESM/icon requests exhausting the browser.
export const builtinLibraryImports: Record<string, string> = { export const builtinLibraryImports: Record<string, string> = {
echarts: esmBundle('echarts@latest'), echarts: esmBundle('echarts@latest'),
'echarts/': 'https://esm.sh/echarts@latest/', 'echarts/': 'https://esm.sh/echarts@latest/',
'ant-design-vue': 'ant-design-vue':
'https://cdn.jsdelivr.net/npm/ant-design-vue@4.2.6/dist/antd.esm.min.js', `https://cdn.jsdelivr.net/npm/ant-design-vue@${ANT_DESIGN_VUE_VERSION}/dist/antd.esm.min.js`,
'ant-design-vue/': 'https://esm.sh/ant-design-vue@4.2.6/', 'ant-design-vue/': `https://esm.sh/ant-design-vue@${ANT_DESIGN_VUE_VERSION}/`,
'@ant-design/icons-vue': esmBundle('@ant-design/icons-vue@7.0.1', true), '@ant-design/icons-vue': esmBundle(
'@ant-design/icons-vue/': 'https://esm.sh/@ant-design/icons-vue@7.0.1/', `@ant-design/icons-vue@${ANT_DESIGN_ICONS_VERSION}`,
'element-plus': esmBundle('element-plus@latest', true), true,
'element-plus/': 'https://esm.sh/element-plus@latest/', ),
'@element-plus/icons-vue': esmBundle('@element-plus/icons-vue@latest', true), '@ant-design/icons-vue/': `https://esm.sh/@ant-design/icons-vue@${ANT_DESIGN_ICONS_VERSION}/`,
'element-plus': `https://cdn.jsdelivr.net/npm/element-plus@${ELEMENT_PLUS_VERSION}/dist/index.full.min.mjs`,
'element-plus/': `https://cdn.jsdelivr.net/npm/element-plus@${ELEMENT_PLUS_VERSION}/`,
'@element-plus/icons-vue': esmBundle(
`@element-plus/icons-vue@${ELEMENT_PLUS_ICONS_VERSION}`,
true,
),
'@element-plus/icons-vue/': '@element-plus/icons-vue/':
'https://esm.sh/@element-plus/icons-vue@latest/', `https://esm.sh/@element-plus/icons-vue@${ELEMENT_PLUS_ICONS_VERSION}/`,
'lodash-es': esmBundle(`lodash-es@${LODASH_VERSION}`),
'lodash-es/': `https://cdn.jsdelivr.net/npm/lodash-es@${LODASH_VERSION}/`,
lodash: esmBundle(`lodash@${LODASH_VERSION}`),
} }
export function useVueImportMap( export function useVueImportMap(

2
src/output/Sandbox.vue
View File

@ -64,7 +64,7 @@ let stopUpdateWatcher: WatchStopHandle | undefined
const builtinLibraryHeadHTML = ` const builtinLibraryHeadHTML = `
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ant-design-vue@4.2.6/dist/reset.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ant-design-vue@4.2.6/dist/reset.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@latest/dist/index.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@2.14.0/dist/index.css">
` `
const antDesignVueModule = 'ant-design' + '-vue' const antDesignVueModule = 'ant-design' + '-vue'

5
src/store.ts
View File

@ -29,8 +29,9 @@ export const builtinDependencyVersions: Record<string, string> = {
echarts: 'latest', echarts: 'latest',
'ant-design-vue': 'latest', 'ant-design-vue': 'latest',
'@ant-design/icons-vue': 'latest', '@ant-design/icons-vue': 'latest',
'element-plus': 'latest', 'element-plus': '2.14.0',
'@element-plus/icons-vue': 'latest', '@element-plus/icons-vue': '2.3.2',
'lodash-es': '4.17.21',
} }
export function useStore( export function useStore(