uview-plus 3.8.86 → 3.8.106

package/components/u-waterfall/u-waterfall.vue

@@ -92,10 +92,14 @@
             return {
                 columnList: [[]], // 存储每列的数据
                 children: [],
-                // 用于标记是否已经初始化
-                initialized: false,
-                windowWidth: 375,
-                windowHeight: 0
+                // 用于标记是否已经初始化
+                initialized: false,
+                windowWidth: 375,
+                windowHeight: 0,
+                distributionQueue: [],
+                distributionRunning: false,
+                distributionPromise: null,
+                distributionGeneration: 0
             }
         },
         watch: {
@@ -107,22 +111,27 @@
                         if (this.columnList.length == 1) {
                             this.initColumnList()
                         }
-                        // 取差值，即这一次数组变化新增的部分
-                        let startIndex = Array.isArray(oVal) && oVal.length > 0 ? oVal.length : 0;
-                        // 直接处理数据，不再使用tempList和splitData
-                        this.handleData(nVal.slice(startIndex));
+                        if (!this.isPureAppend(nVal, oVal)) {
+                            this.redistributeData(nVal);
+                            return;
+                        }
+                        // 取差值，即这一次数组变化新增的部分
+                        const startIndex = Array.isArray(oVal) && oVal.length > 0 ? oVal.length : 0;
+                        // 纯追加时只将新增数据加入共享分配队列
+                        this.handleData(nVal.slice(startIndex));
                     }
                 },
                 immediate: true
             },
-            columns: {
-                handler() {
-                    this.initColumnList();
-                    // 重新分配数据
-                    if (this.copyFlowList.length > 0) {
-                        this.redistributeData();
-                    }
-                },
+            columns: {
+                handler() {
+                    // 重新分配数据
+                    if (this.copyFlowList.length > 0) {
+                        this.redistributeData(this.copyFlowList);
+                    } else {
+                        this.clear(false);
+                    }
+                },
                 immediate: false
             }
         },
@@ -210,73 +219,115 @@
                     const newColumnsCount = this.getColumnsCount();
                     const oldColumnsCount = this.columnList.length;
                     
-                    // 只有列数发生变化时才重新分配数据
-                    if (newColumnsCount !== oldColumnsCount) {
-                        this.redistributeData();
-                    }
-                }, 300);
-            },
-            
-            // 重新分配所有数据
-            async redistributeData() {
-                // 清空所有列
-                this.initColumnList();
-                // 保存所有数据
-                const allData = this.cloneData(this.copyFlowList);
-                // 重新分配数据
-                this.handleData(allData);
-            },
-            
-            // 处理新增数据
-            async handleData(newData) {
-                if (!newData || newData.length === 0) return;
-                
-                // 初始化列高度数组
-                const columnHeights = new Array(this.columnList.length).fill(0);
-                
-                // 获取各列当前高度
-                for (let i = 0; i < this.columnList.length; i++) {
-                    try {
-                        const rect = await this.$uGetRect(`#u-column-${i}`);
-                        // console.log(`#u-column-${i}`, rect.height)
-                        columnHeights[i] = rect.height || 0;
-                    } catch (e) {
-                        columnHeights[i] = 0;
-                    }
-                }
-                
-                // 分配新数据到最短的列
-                for (let item of newData) {
+                    // 只有列数发生变化时才重新分配数据
+                    if (newColumnsCount !== oldColumnsCount) {
+                        this.redistributeData(this.copyFlowList);
+                    }
+                }, 300);
+            },
+
+            // 重新分配所有数据
+            redistributeData(data = this.copyFlowList) {
+                this.clear(false);
+                // 保存所有数据
+                const allData = this.cloneData(data || []);
+                // 重新分配数据
+                return this.handleData(allData);
+            },
+
+            // 判断新数据是否只在原数组末尾追加
+            isPureAppend(newData, oldData) {
+                if (!Array.isArray(oldData) || oldData.length === 0) return true;
+                if (!Array.isArray(newData) || newData.length < oldData.length) return false;
+                return oldData.every((item, index) => {
+                    return JSON.stringify(item) === JSON.stringify(newData[index]);
+                });
+            },
+
+            // 将新增数据加入共享队列，确保只有一个分配循环运行
+            handleData(newData) {
+                if (!newData || newData.length === 0) {
+                    return this.distributionPromise || Promise.resolve();
+                }
+                this.distributionQueue.push({
+                    generation: this.distributionGeneration,
+                    data: this.cloneData(newData)
+                });
+                if (!this.distributionRunning) {
+                    this.distributionPromise = this.runDistributionQueue();
+                }
+                return this.distributionPromise;
+            },
+
+            // 串行消费所有待分配数据
+            async runDistributionQueue() {
+                if (this.distributionRunning) return;
+                this.distributionRunning = true;
+                try {
+                    while (this.distributionQueue.length > 0) {
+                        const task = this.distributionQueue.shift();
+                        if (task.generation !== this.distributionGeneration) continue;
+                        await this.distributeData(task.data, task.generation);
+                    }
+                } finally {
+                    this.distributionRunning = false;
+                    this.distributionPromise = null;
+                    if (this.distributionQueue.length > 0) {
+                        this.distributionPromise = this.runDistributionQueue();
+                    }
+                }
+            },
+
+            // 逐项测量并分配数据，代数变化时立即退出
+            async distributeData(newData, generation) {
+                let columnHeights = new Array(this.columnList.length).fill(0);
+                for (const item of newData) {
+                    if (generation !== this.distributionGeneration) return;
+                    columnHeights = await this.getColumnHeights();
+                    if (generation !== this.distributionGeneration) return;
+
                     const minHeightIndex = this.getMinHeightColumnIndex(columnHeights);
-                    // console.log('this.columnList', this.columnList)
                     this.columnList[minHeightIndex].push(item);
 
-                    // 获取实际渲染后的元素高度而不是估算
                     await sleep(this.addTime);
+                    if (generation !== this.distributionGeneration) return;
                     await this.$nextTick();
+                    if (generation !== this.distributionGeneration) return;
                     try {
                         const rect = await this.$uGetRect(`#u-column-${minHeightIndex}`);
-                        // console.log(`#u-column-${minHeightIndex}`, rect.height)
+                        if (generation !== this.distributionGeneration) return;
                         if (rect.height) {
                             columnHeights[minHeightIndex] = rect.height;
-                            // 加载一个后置事件
                             this.$emit('after-add-one', {
                                 ...item,
                                 height: rect.height
                             });
                         }
                     } catch (e) {
-                        // console.log(e)
-                        // columnHeights[i] = 0;
+                        // 获取不到列高时，下一个元素会重新测量所有列
                     }
                 }
-                // 加载所有后置事件
-                this.$emit('after-add-all', {
-                    columnHeights: columnHeights,
+                if (generation !== this.distributionGeneration) return;
+                this.$emit('after-add-all', {
+                    columnHeights: columnHeights,
                     newData: newData
                 });
             },
 
+            // 获取当前所有列的真实高度
+            async getColumnHeights() {
+                const columnHeights = new Array(this.columnList.length).fill(0);
+                for (let i = 0; i < this.columnList.length; i++) {
+                    try {
+                        const rect = await this.$uGetRect(`#u-column-${i}`);
+                        columnHeights[i] = rect.height || 0;
+                    } catch (e) {
+                        columnHeights[i] = 0;
+                    }
+                }
+                return columnHeights;
+            },
+
             // 获取最短列；高度相同或暂不可测时按列数据量打散，避免全部落到第一列
             getMinHeightColumnIndex(columnHeights) {
                 let minIndex = 0;
@@ -301,9 +352,11 @@
                 return JSON.parse(JSON.stringify(data));
             },
             
-            // 清空数据列表
-            clear(bak = true) {
-                this.initColumnList();
+            // 清空数据列表
+            clear(bak = true) {
+                this.distributionGeneration += 1;
+                this.distributionQueue.splice(0);
+                this.initColumnList();
                 // 同时清除父组件列表中的数据
                 if (bak) {
                     // #ifdef VUE2

package/libs/config/config.js

@@ -54,5 +54,5 @@ export default {
 		navbarLeftClick: null
 	},
     // 只加载一次字体
-    loadFontOnce: false
+    loadFontOnce: true
 }

package/libs/config/props.js

@@ -69,6 +69,7 @@ const componentKeys = [
     'noNetwork',
     'noticeBar',
     'notify',
+    'novelReader',
     'numberBox',
     'numberKeyboard',
     'overlay',

package/libs/function/index.js

@@ -5,6 +5,71 @@ import {
 } from './test.js'
 import { round } from './digit.js'
 import config from '../config/config.js'
+
+function emptyNodeInfo() {
+	return {
+		width: 0,
+		height: 0,
+		left: 0,
+		right: 0,
+		top: 0,
+		bottom: 0
+	}
+}
+
+// #ifdef APP-NVUE
+const dom = (typeof uni !== 'undefined' && uni && typeof uni.requireNativePlugin === 'function')
+	? uni.requireNativePlugin('dom')
+	: null
+
+function getNvueRect(ref) {
+	return new Promise((resolve) => {
+		if (!dom || !ref) {
+			resolve(emptyNodeInfo())
+			return
+		}
+		dom.getComponentRect(ref, (res) => {
+			resolve(res && res.size ? res.size : emptyNodeInfo())
+		})
+	})
+}
+// #endif
+
+// 查询节点信息
+export function upGetRect(selector, all = false, comp = null) {
+	return new Promise((resolve) => {
+		// #ifndef APP-NVUE
+		const query = uni.createSelectorQuery()
+		const scopedQuery = comp ? query.in(comp) : query
+		scopedQuery[all ? 'selectAll' : 'select'](selector)
+			.boundingClientRect((rect) => {
+				if (all) {
+					resolve(Array.isArray(rect) ? rect : [])
+					return
+				}
+				resolve(rect || emptyNodeInfo())
+			})
+			.exec()
+		// #endif
+
+		// #ifdef APP-NVUE
+		sleep(30).then(async () => {
+			const refs = comp?.$refs || comp?.proxy?.$refs || comp?.refs || {}
+			const selectorRef = refs[selector.substring(1)]
+			if (all) {
+				const selectorRefs = Array.isArray(selectorRef)
+					? selectorRef
+					: selectorRef ? [selectorRef] : []
+				resolve(await Promise.all(selectorRefs.map(ref => getNvueRect(ref))))
+				return
+			}
+			const ref = Array.isArray(selectorRef) ? selectorRef[0] : selectorRef
+			resolve(await getNvueRect(ref))
+		})
+		// #endif
+	})
+}
+
 /**
  * @description 如果value小于min，取min；如果value大于max，取max
  * @param {number} min 
@@ -841,6 +906,7 @@ function hslToHex(h, s, l) {
 }
 
 export default {
+	upGetRect,
 	range,
 	getPx,
 	sleep,

package/libs/mixin/mixin.js

@@ -1,5 +1,5 @@
 import { defineMixin } from '../vue'
-import { deepMerge, $parent, sleep } from '../function/index'
+import { deepMerge, $parent, upGetRect } from '../function/index'
 import test from '../function/test'
 import route from '../util/route'
 import {
@@ -12,13 +12,6 @@ import {
     getThemeVarsForStyle,
     syncThemeRuntimeFromStorage
 } from '../theme/runtime'
-// #ifdef APP-NVUE
-// 由于weex为阿里的KPI业绩考核的产物，所以不支持百分比单位，这里需要通过dom查询组件的宽度
-const dom = (typeof uni !== 'undefined' && uni && typeof uni.requireNativePlugin === 'function')
-    ? uni.requireNativePlugin('dom')
-    : null
-// #endif
-
 export const mixin = defineMixin({
     // 定义每个组件都可能需要用到的外部样式以及类名
     props: {
@@ -49,7 +42,7 @@ export const mixin = defineMixin({
         }
     },
     onLoad() {
-        // getRect挂载到$u上，因为这方法需要使用in(this)，所以无法把它独立成一个单独的文件导出
+        // 保留 uni.$u.getRect 兼容入口
         this.upBindGetRect()
         this.upInitThemeVersion()
         if (this.upIsPageScope()) {
@@ -223,47 +216,8 @@ export const mixin = defineMixin({
         navTo(url = '', linkType = 'navigateTo') {
             route({ type: this.linkType, url })
         },
-        // 查询节点信息
-        // 目前此方法在支付宝小程序中无法获取组件跟接点的尺寸，为支付宝的bug(2020-07-21)
-        // 解决办法为在组件根部再套一个没有任何作用的view元素
-        $uGetRect(selector, all) {
-            return new Promise((resolve) => {
-                // #ifndef APP-NVUE
-                uni.createSelectorQuery()
-                    .in(this)[all ? 'selectAll' : 'select'](selector)
-                    .boundingClientRect((rect) => {
-                        if (all && Array.isArray(rect) && rect.length) {
-                            resolve(rect)
-                        }
-                        if (!all && rect) {
-                            resolve(rect)
-                        }
-                    })
-                    .exec()
-                // #endif
-                
-                // #ifdef APP-NVUE
-                sleep(30).then(() => {
-                    let selectorNvue = selector.substring(1) // 去掉开头的#或者.
-                    let selectorRef = this.$refs[selectorNvue]
-                    if (!selectorRef) {
-                        // console.log('不存在元素，请检查是否设置了ref属性' + selectorNvue + '。')
-                        resolve({
-                            with: 0,
-                            height: 0,
-                            left: 0,
-                            right: 0,
-                            top: 0,
-                            bottom: 0
-                        }) 
-                    }
-                    dom.getComponentRect(selectorRef, res => {
-                        // console.log(res)
-                        resolve(res.size)
-                    })
-                })
-                // #endif
-            })
+        $uGetRect(selector, all = false) {
+            return upGetRect(selector, all, this)
         },
         getParentData(parentName = '') {
             // 避免在created中去定义parent变量

package/libs/root/index.js

@@ -1,7 +1,7 @@
 import { dirname, relative, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import process from 'node:process'
-import { existsSync, mkdirSync, statSync, writeFileSync } from 'node:fs'
+import { copyFileSync, existsSync, mkdirSync, readFileSync, statSync, writeFileSync } from 'node:fs'
 
 import { createFilter, normalizePath } from 'vite'
 
@@ -10,6 +10,12 @@ import { rebuildUpApp, registerUpApp } from './root.js'
 import { loadPagesJson, normalizePlatformPath, toArray } from './utils.js'
 
 const rootLibPath = normalizePath(dirname(fileURLToPath(import.meta.url)))
+const appStaticIconFontRelativePath = 'static/app-plus/uview-plus/upicon.ttf'
+const appStaticIconFontFlag = 'const useAppStaticIconFont = false;'
+const appStaticIconFontEnabledFlag = 'const useAppStaticIconFont = true;'
+const appRemoteIconFontCondition = /\/\*\s*#ifdef\s+APP\s+\|\|\s+(MP-QQ\s+\|\|\s+MP-TOUTIAO\s+\|\|\s+MP-BAIDU\s+\|\|\s+MP-KUAISHOU\s+\|\|\s+MP-XHS)\s*\*\//
+const appCompiledRemoteIconFontFace = /[ \t]*(?:\/\/[^\n]*\n[ \t]*)?@font-face\s*\{[^{}]*font-family:\s*['"]?uicon-iconfont['"]?;?[^{}]*at\.alicdn\.com\/t\/font_2225171[^{}]*\}\s*/
+const appCompiledRemoteIconFontFaceGlobal = /[ \t]*(?:\/\/[^\n]*\n[ \t]*)?@font-face\s*\{[^{}]*font-family:\s*['"]?uicon-iconfont['"]?;?[^{}]*at\.alicdn\.com\/t\/font_2225171[^{}]*\}\s*/g
 
 export default function UniUpRoot(options = {}) {
   const rootOptions = {
@@ -53,7 +59,10 @@ export default function UniUpRoot(options = {}) {
   const rootPath = normalizePath(projectInfo.rootPath)
   const appUpPath = normalizePath(resolve(rootPath, `${rootFileName}.vue`))
   const rootToastHostPath = normalizePath(resolve(rootLibPath, 'root-toast-host.vue'))
-  const nvueRootPath = normalizePath(resolve(rootPath, 'uni_modules/uview-plus/libs/root/nvue-root.vue'))
+  const iconFontSourcePath = normalizePath(resolve(rootLibPath, '../../components/u-icon/upicon.ttf'))
+  const appStaticIconFontPath = normalizePath(resolve(rootPath, appStaticIconFontRelativePath))
+  const uIconUtilPath = normalizePath(resolve(rootPath, 'uni_modules/uview-plus/components/u-icon/util.js'))
+  const uIconVuePath = normalizePath(resolve(rootPath, 'uni_modules/uview-plus/components/u-icon/u-icon.vue'))
   const themeRuntimePath = normalizePath(resolve(rootPath, 'uni_modules/uview-plus/libs/theme/runtime.js'))
   const pagesPath = normalizePath(resolve(rootPath, 'pages.json'))
   const excludedPaths = toArray(rootOptions.excludePages)
@@ -90,6 +99,51 @@ export default function UniUpRoot(options = {}) {
     writeFileSync(appUpPath, defaultRootSfc, 'utf-8')
   }
 
+  const shouldCopyFile = (sourcePath, targetPath) => {
+    if (!existsSync(targetPath)) return true
+    if (statSync(sourcePath).size !== statSync(targetPath).size) return true
+    return !readFileSync(sourcePath).equals(readFileSync(targetPath))
+  }
+
+  const ensureAppStaticIconFont = () => {
+    if (process.env.UNI_PLATFORM !== 'app') return
+    if (!existsSync(iconFontSourcePath)) {
+      throw new Error(`uview-plus built-in icon font is missing: ${iconFontSourcePath}`)
+    }
+
+    mkdirSync(dirname(appStaticIconFontPath), { recursive: true })
+    if (shouldCopyFile(iconFontSourcePath, appStaticIconFontPath)) {
+      copyFileSync(iconFontSourcePath, appStaticIconFontPath)
+    }
+  }
+
+  const removeAppCompiledRemoteIconFontFace = (code) => code.replace(appCompiledRemoteIconFontFaceGlobal, '')
+
+  const transformAppStaticIconFont = (code, cleanId) => {
+    if (process.env.UNI_PLATFORM !== 'app') return null
+    if (cleanId === uIconUtilPath && code.includes(appStaticIconFontFlag)) {
+      return code.replace(appStaticIconFontFlag, appStaticIconFontEnabledFlag)
+    }
+    if (cleanId === uIconVuePath && appRemoteIconFontCondition.test(code)) {
+      return code.replace(appRemoteIconFontCondition, '/* #ifdef $1 */')
+    }
+    if (cleanId === uIconVuePath && appCompiledRemoteIconFontFace.test(code)) {
+      return removeAppCompiledRemoteIconFontFace(code)
+    }
+    return null
+  }
+
+  const removeAppRemoteIconFontFaceFromCssAssets = (bundle) => {
+    if (process.env.UNI_PLATFORM !== 'app') return
+    Object.values(bundle).forEach((asset) => {
+      if (asset.type !== 'asset') return
+      if (!asset.fileName.endsWith('.css')) return
+      if (typeof asset.source !== 'string') return
+      if (!appCompiledRemoteIconFontFace.test(asset.source)) return
+      asset.source = removeAppCompiledRemoteIconFontFace(asset.source)
+    })
+  }
+
   const refreshPagesJson = () => {
     if (!existsSync(pagesPath)) return
     const mtimeMs = statSync(pagesPath).mtimeMs
@@ -101,10 +155,16 @@ export default function UniUpRoot(options = {}) {
   return {
     name: 'vite-plugin-uni-up-root',
     enforce: 'pre',
-    configResolved({ plugins }) {
+    configResolved(config) {
+      const { plugins } = config
       hasPlatformPlugin = plugins.some(v => v.name === 'vite-plugin-uni-platform')
+      if (plugins.some(v => v.name === 'uni:app-nvue')) {
+        config.build.rollupOptions = config.build.rollupOptions || {}
+        config.build.rollupOptions.treeshake = false
+      }
     },
     buildStart() {
+      ensureAppStaticIconFont()
       ensureRootFile()
       refreshPagesJson()
     },
@@ -113,6 +173,14 @@ export default function UniUpRoot(options = {}) {
       const isSfcBlock = id.includes('?')
       const cleanId = normalizePath(id.split('?')[0])
 
+      const iconFontCode = transformAppStaticIconFont(code, cleanId)
+      if (iconFontCode) {
+        return {
+          code: iconFontCode,
+          map: null,
+        }
+      }
+
       const filterMain = createFilter(mainFiles)
       if (filterMain(cleanId)) {
         ms = await registerUpApp(code, rootFileName, getRelativeImportPath(cleanId, rootToastHostPath))
@@ -120,7 +188,9 @@ export default function UniUpRoot(options = {}) {
 
       const filterUpRoot = createFilter(appUpPath)
       if (filterUpRoot(cleanId)) {
-        ms = await rebuildUpApp(code, rootOptions.enabledVirtualHost)
+        ms = await rebuildUpApp(code, rootOptions.enabledVirtualHost, {
+          rootToastHostImportPath: getRelativeImportPath(cleanId, rootToastHostPath)
+        })
       }
 
       refreshPagesJson()
@@ -130,7 +200,7 @@ export default function UniUpRoot(options = {}) {
         if (cleanId.endsWith('.nvue')) {
           ms = await transformNvuePage(
             code,
-            getRelativeImportPath(cleanId, nvueRootPath),
+            getRelativeImportPath(cleanId, appUpPath),
             getRelativeImportPath(cleanId, themeRuntimePath),
             rootOptions.enabledGlobalRef
           )
@@ -147,5 +217,8 @@ export default function UniUpRoot(options = {}) {
       }
       return null
     },
+    generateBundle(_, bundle) {
+      removeAppRemoteIconFontFaceFromCssAssets(bundle)
+    },
   }
 }

package/libs/root/page.js

@@ -53,11 +53,11 @@ export async function transformPage(code, enabledGlobalRef = false) {
 }
 
 function ensureOptionsComponent(ms, scriptContent) {
-  if (scriptContent.includes('UpNvueRoot')) return
+  if (scriptContent.includes('AppUpRoot')) return
 
   const componentsMatch = scriptContent.match(/components\s*:\s*\{/)
   if (componentsMatch) {
-    ms.appendLeft(componentsMatch.index + componentsMatch[0].length, ' UpNvueRoot,')
+    ms.appendLeft(componentsMatch.index + componentsMatch[0].length, ' AppUpRoot,')
     return
   }
 
@@ -65,7 +65,7 @@ function ensureOptionsComponent(ms, scriptContent) {
   if (exportDefaultMatch) {
     ms.appendLeft(
       exportDefaultMatch.index + exportDefaultMatch[0].length,
-      '\n  components: { UpNvueRoot },'
+      '\n  components: { AppUpRoot },'
     )
   }
 }
@@ -89,7 +89,7 @@ function ensureOptionsThemeMixin(ms, scriptContent) {
 }
 
 function getScriptSetupImports(componentImportPath, runtimeImportPath) {
-  return `import UpNvueRoot from '${componentImportPath}'
+  return `import AppUpRoot from '${componentImportPath}'
 import { computed as __upComputed, onBeforeUnmount as __upOnBeforeUnmount, onMounted as __upOnMounted, ref as __upRef } from 'vue'
 import { onShow as __upOnShow } from '@dcloudio/uni-app'
 import {
@@ -161,7 +161,7 @@ const upThemeNavBgColor = __upComputed(() => {
 }
 
 function getOptionsImports(componentImportPath, runtimeImportPath) {
-  return `import UpNvueRoot from '${componentImportPath}'
+  return `import AppUpRoot from '${componentImportPath}'
 import {
   applyNativeThemeUI as __upApplyNativeThemeUI,
   applyNativeThemeUIDeferred as __upApplyNativeThemeUIDeferred,
@@ -251,7 +251,7 @@ export async function transformNvuePage(
   const sfc = await parseSFC(code)
   const ms = new MagicString(code)
 
-  wrapTemplate(ms, sfc, 'UpNvueRoot', getPageRootRefSource(sfc, enabledGlobalRef), true)
+  wrapTemplate(ms, sfc, 'AppUpRoot', getPageRootRefSource(sfc, enabledGlobalRef), true)
 
   if (sfc.scriptSetup) {
     ms.appendLeft(sfc.scriptSetup.loc.start.offset, getScriptSetupImports(componentImportPath, runtimeImportPath))
@@ -261,7 +261,7 @@ export async function transformNvuePage(
     ensureOptionsThemeMixin(ms, sfc.script.content)
   } else {
     ms.append(
-      `\n<script>\n${getOptionsImports(componentImportPath, runtimeImportPath)}export default {\n  components: { UpNvueRoot },\n  mixins: [__upNvueThemeMixin]\n}\n</script>\n`
+      `\n<script>\n${getOptionsImports(componentImportPath, runtimeImportPath)}export default {\n  components: { AppUpRoot },\n  mixins: [__upNvueThemeMixin]\n}\n</script>\n`
     )
   }