@opentiny/vue-docs 3.17.4 → 3.18.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "3.17.4",
+  "version": "3.18.1",
   "license": "MIT",
   "dependencies": {
     "@opentiny/vue-repl": "^1.1.2",
@@ -13,21 +13,21 @@
     "prismjs": "^1.28.0",
     "sortablejs": "1.15.0",
     "tailwindcss": "^3.2.4",
-    "vue": "^3.3.9",
+    "vue": "^3.4.31",
     "vue-i18n": "^9.1.10",
     "vue-router": "4.1.5",
-    "@opentiny/vue": "~3.17.0",
-    "@opentiny/vue-common": "~3.17.0",
-    "@opentiny/vue-design-smb": "~3.17.0",
-    "@opentiny/vue-design-saas": "~3.17.0",
-    "@opentiny/vue-directive": "~3.17.0",
-    "@opentiny/vue-design-aurora": "~3.17.0",
-    "@opentiny/vue-icon": "~3.17.0",
-    "@opentiny/vue-vite-import": "~1.1.5",
-    "@opentiny/vue-theme-saas": "~3.17.0",
-    "@opentiny/vue-icon-saas": "~3.17.0",
-    "@opentiny/vue-theme": "~3.17.4",
-    "@opentiny/vue-theme-mobile": "~3.17.0"
+    "@opentiny/vue": "~3.18.0",
+    "@opentiny/vue-design-smb": "~3.18.0",
+    "@opentiny/vue-icon-saas": "~3.18.0",
+    "@opentiny/vue-common": "~3.18.0",
+    "@opentiny/vue-design-aurora": "~3.18.0",
+    "@opentiny/vue-design-saas": "~3.18.0",
+    "@opentiny/vue-directive": "~3.18.0",
+    "@opentiny/vue-theme": "~3.18.0",
+    "@opentiny/vue-vite-import": "~1.2.0",
+    "@opentiny/vue-theme-mobile": "~3.18.0",
+    "@opentiny/vue-icon": "~3.18.0",
+    "@opentiny/vue-theme-saas": "~3.18.0"
   },
   "devDependencies": {
     "@playwright/test": "~1.42.0",

package/playground/App.vue

@@ -28,16 +28,32 @@ const isMobileFirst = tinyMode === 'mobile-first'
 const isSaas = tinyTheme === 'saas'
 const isPreview = searchObj.get('openMode') === 'preview' // 是否多端弹窗预览
 
-const versions = ['3.17', '3.16', '3.15', '3.14', '3.13', '3.12', '3.11', '3.10', '3.9', '3.8']
+const versions = ['3.18', '3.17', '3.16', '3.15', '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 versionDelimiter = cdnHost.includes('npmmirror') ? '/' : '@'
 const fileDelimiter = cdnHost.includes('npmmirror') ? 'files/' : ''
 
+const isOldVersion = (version) => {
+  const minorVersion = version?.split('.')?.[1]
+  return minorVersion && minorVersion < 16
+}
+
+// 3.16.0版本之前的runtime还没有抽离单独的包
 const getRuntime = (version) => {
-  const useVersion = import.meta.env.VITE_PLAYGROUND_VERIOSN || version
-  return `${cdnHost}/@opentiny/vue-runtime${versionDelimiter}${useVersion}/${fileDelimiter}dist3/`
+  if (isOldVersion(version)) {
+    return `${cdnHost}/@opentiny/vue${versionDelimiter}${version}/${fileDelimiter}runtime/`
+  }
+  return `${cdnHost}/@opentiny/vue-runtime${versionDelimiter}${version}/${fileDelimiter}dist3/`
+}
+
+// 3.16.0版本之前的runtime没有tiny-vue-pc.mjs文件
+const getPcRuntime = (version) => {
+  if (isOldVersion(version)) {
+    return `${getRuntime(version)}tiny-vue.mjs`
+  }
+  return `${getRuntime(version)}tiny-vue-pc.mjs`
 }
 
 const createImportMap = (version) => {
@@ -45,7 +61,7 @@ const createImportMap = (version) => {
     'vue': `${cdnHost}/vue${versionDelimiter}3.4.27/${fileDelimiter}dist/vue.runtime.esm-browser.js`,
     'echarts': `${cdnHost}/echarts${versionDelimiter}5.4.1/${fileDelimiter}dist/echarts.esm.js`,
     '@vue/compiler-sfc': `${cdnHost}/@vue/compiler-sfc${versionDelimiter}3.4.27/${fileDelimiter}dist/compiler-sfc.esm-browser.js`,
-    '@opentiny/vue': `${getRuntime(version)}tiny-vue-pc.mjs`,
+    '@opentiny/vue': getPcRuntime(version),
     '@opentiny/vue-icon': `${getRuntime(version)}tiny-vue-icon.mjs`,
     '@opentiny/vue-locale': `${getRuntime(version)}tiny-vue-locale.mjs`,
     '@opentiny/vue-common': `${getRuntime(version)}tiny-vue-common.mjs`,

package/src/main.js

@@ -9,8 +9,8 @@ import 'uno.css'
 // highlight默认样式
 import 'highlight.js/styles/default.css'
 
-// markdown样式引用的是github-markdown.css
-import 'github-markdown-css/github-markdown.css'
+// 只使用markdown的亮色主题
+import 'github-markdown-css/github-markdown-light.css'
 import './assets/index.less'
 import './style.css'
 

package/src/style.css

@@ -3,6 +3,11 @@ html {
   font-size: 16px;
 }
 
+/* reset.css 引入后造成site官网中 b 和 strong 标签没有粗体，此处还原粗体  */
+b, strong {
+  font-weight: 700;
+}
+
 :root {
   --docs-markdown-top-body-zindex: 99;
   --docs-tabs-header-zindex: 100;