YPerf
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(sites): add 3.14 version playground (#1470)

This commit is contained in:
gimmyhehe 2024-03-07 14:49:43 +08:00 committed by GitHub
parent 1f612a2caa
commit 5813c77cc0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
examples/sites/playground/App.vue
View File

@ -17,7 +17,7 @@ import logoUrl from './assets/opentiny-logo.svg?url'
import GitHub from './icons/Github.vue'
import Share from './icons/Share.vue'
const VERSION = 'tiny-vue-version-3.13'
const VERSION = 'tiny-vue-version-3.14'
const LAYOUT = 'playground-layout'
const LAYOUT_REVERSE = 'playground-layout-reverse'
@ -28,7 +28,7 @@ const isMobileFirst = tinyMode === 'mobile-first'
const isSaas = tinyTheme === 'saas'
const isPreview = searchObj.get('openMode') === 'preview' // 是否多端弹窗预览
const versions = ['3.13', '3.12', '3.11', '3.10', '3.9', '3.8']
const versions = ['3.14', '3.13', '3.12', '3.11', '3.10', '3.9', '3.8']
const latestVersion = isPreview ? versions[0] : localStorage.getItem(VERSION) || versions[0]
const cdnHost = localStorage.getItem('setting-cdn')
const getRuntime = (version) => {
@ -36,19 +36,6 @@ const getRuntime = (version) => {
return `${cdnHost}/@opentiny/vue@${useVersion}/runtime/`
}
const changeImportSuffix = (imports, verison) => {
const newImports = {}
Object.keys(imports).forEach((key) => {
const url = imports[key]
if (url.startsWith(getRuntime(verison))) {
newImports[key] = url.replace('.mjs', '.js')
} else {
newImports[key] = url
}
})
return newImports
}
const createImportMap = (version) => {
const imports = {
'@opentiny/vue': `${getRuntime(version)}tiny-vue.mjs`,
@ -67,7 +54,7 @@ const createImportMap = (version) => {
imports['@opentiny/vue-icon'] = `${getRuntime(version)}tiny-vue-icon-saas.mjs`
}
return {
imports: changeImportSuffix(imports, version)
imports
}
}
@ -75,9 +62,6 @@ const getTinyTheme = (version) => {
if (isMobileFirst) {
return `${getRuntime(version)}tailwind.css`
}
if (isSaas) {
return `${getRuntime(version)}index.css`
}
let theme = tinyTheme
if (!['smb', 'default', 'aurora', 'saas'].includes(theme)) {
theme = 'default'