uview-plus 3.8.119 → 3.8.125

package/libs/root/index.js

@@ -1,21 +1,17 @@
 import { dirname, relative, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import process from 'node:process'
-import { copyFileSync, existsSync, mkdirSync, readFileSync, statSync, writeFileSync } from 'node:fs'
+import { existsSync, mkdirSync, statSync, writeFileSync } from 'node:fs'
 
 import { createFilter, normalizePath } from 'vite'
 
 import { transformNvuePage, transformPage } from './page.js'
 import { rebuildUpApp, registerUpApp } from './root.js'
 import { loadPagesJson, normalizePlatformPath, toArray } from './utils.js'
+import { createAppIconFontFeature } from '../vite/app-icon-font.js'
+import { detectProjectRoot } from '../vite/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 = {
@@ -28,41 +24,12 @@ export default function UniUpRoot(options = {}) {
   }
   const rootFileName = String(rootOptions.rootFileName || 'App.up').replace(/\.vue$/i, '')
 
-  const detectProjectRoot = () => {
-    const cwd = normalizePath(process.env.INIT_CWD || process.cwd())
-    const envInputDir = process.env.UNI_INPUT_DIR ? normalizePath(process.env.UNI_INPUT_DIR) : ''
-    const cliRootPath = normalizePath(resolve(cwd, 'src'))
-    const hbuilderRootPath = cwd
-
-    const isPageRoot = (path) => existsSync(resolve(path, 'pages.json'))
-
-    if (envInputDir && isPageRoot(envInputDir)) {
-      const projectType = envInputDir.endsWith('/src') ? 'cli' : 'hbuilder'
-      return { rootPath: envInputDir, projectType }
-    }
-
-    if (isPageRoot(cliRootPath)) {
-      return { rootPath: cliRootPath, projectType: 'cli' }
-    }
-
-    if (isPageRoot(hbuilderRootPath)) {
-      return { rootPath: hbuilderRootPath, projectType: 'hbuilder' }
-    }
-
-    return {
-      rootPath: envInputDir || cliRootPath,
-      projectType: envInputDir && !envInputDir.endsWith('/src') ? 'hbuilder' : 'cli',
-    }
-  }
-
   const projectInfo = detectProjectRoot()
   const rootPath = normalizePath(projectInfo.rootPath)
+  // App 本地图标字体与 Root 组件无关，这里复用 UniUp 的同一个 feature，保持老项目行为不变
+  const appIconFont = createAppIconFontFeature({ enabled: rootOptions.appStaticIconFont !== false })
   const appUpPath = normalizePath(resolve(rootPath, `${rootFileName}.vue`))
   const rootToastHostPath = normalizePath(resolve(rootLibPath, 'root-toast-host.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)
@@ -99,51 +66,6 @@ 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
@@ -164,7 +86,7 @@ export default function UniUpRoot(options = {}) {
       }
     },
     buildStart() {
-      ensureAppStaticIconFont()
+      appIconFont.ensure()
       ensureRootFile()
       refreshPagesJson()
     },
@@ -173,7 +95,7 @@ export default function UniUpRoot(options = {}) {
       const isSfcBlock = id.includes('?')
       const cleanId = normalizePath(id.split('?')[0])
 
-      const iconFontCode = transformAppStaticIconFont(code, cleanId)
+      const iconFontCode = appIconFont.transform(code, cleanId)
       if (iconFontCode) {
         return {
           code: iconFontCode,
@@ -218,7 +140,7 @@ export default function UniUpRoot(options = {}) {
       return null
     },
     generateBundle(_, bundle) {
-      removeAppRemoteIconFontFaceFromCssAssets(bundle)
+      appIconFont.generateBundle(bundle)
     },
   }
 }

package/libs/vite/app-icon-font.js

@@ -0,0 +1,93 @@
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { copyFileSync, existsSync, mkdirSync, readFileSync, statSync } from 'node:fs'
+
+import { detectProjectRoot, isAppPlatform, normalizePath, toCleanId } from './utils.js'
+
+const featurePath = normalizePath(dirname(fileURLToPath(import.meta.url)))
+export const appStaticIconFontRelativePath = 'static/app-plus/uview-plus/upicon.ttf'
+// 源码默认 App 端优先本地字体，只有在显式关闭本地字体时才切回 config.iconUrl
+// 不带分号，兼容有/无分号两种代码风格
+const appStaticIconFontFlag = 'const useAppStaticIconFont = true'
+const appStaticIconFontDisabledFlag = 'const useAppStaticIconFont = false'
+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
+
+/**
+ * App 本地图标字体能力（UniUp 的一个 feature）。
+ *
+ * 与 Root 组件无关：App / App-nvue 默认优先加载随包分发的 static 字体，
+ * 但字体文件必须由构建插件复制到应用 static 目录，本 feature 负责这件事，
+ * 并在 App 构建时移除远程 CSS 字体，避免本地字体与远程字体同时加载。
+ */
+export function createAppIconFontFeature(options = {}) {
+  const enabled = options.enabled !== false
+  const projectInfo = detectProjectRoot()
+  const rootPath = normalizePath(projectInfo.rootPath)
+  const iconFontSourcePath = normalizePath(resolve(featurePath, '../../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 shouldCopyFile = (sourcePath, targetPath) => {
+    if (!existsSync(targetPath)) return true
+    if (statSync(sourcePath).size !== statSync(targetPath).size) return true
+    return !readFileSync(sourcePath).equals(readFileSync(targetPath))
+  }
+
+  const removeAppCompiledRemoteIconFontFace = (code) => code.replace(appCompiledRemoteIconFontFaceGlobal, '')
+
+  const ensure = () => {
+    if (!enabled) return
+    if (!isAppPlatform()) 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 transform = (code, id) => {
+    if (!isAppPlatform()) return null
+    const cleanId = toCleanId(id)
+    if (!enabled) {
+      if (cleanId === uIconUtilPath && code.includes(appStaticIconFontFlag)) {
+        return code.replace(appStaticIconFontFlag, appStaticIconFontDisabledFlag)
+      }
+      return null
+    }
+    if (cleanId === uIconVuePath && appRemoteIconFontCondition.test(code)) {
+      return code.replace(appRemoteIconFontCondition, '/* #ifdef $1 */')
+    }
+    if (cleanId === uIconVuePath && appCompiledRemoteIconFontFace.test(code)) {
+      return removeAppCompiledRemoteIconFontFace(code)
+    }
+    return null
+  }
+
+  const generateBundle = (bundle) => {
+    if (!enabled) return
+    if (!isAppPlatform()) 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)
+    })
+  }
+
+  return {
+    name: 'app-icon-font',
+    enabled,
+    rootPath,
+    appStaticIconFontPath,
+    ensure,
+    transform,
+    generateBundle,
+  }
+}

package/libs/vite/index.js

@@ -0,0 +1,50 @@
+import { createAppIconFontFeature } from './app-icon-font.js'
+
+/**
+ * uview-plus 通用 Vite 插件（统一入口）。
+ *
+ * 设计约定：
+ * - 用户只需要在 vite.config 里注册一次 `UpVite()`，之后组件库新增任何构建期能力
+ *   都在这里追加 feature，用户不需要改自己的配置。
+ * - 每个 feature 是一个对象，按需实现以下钩子（都可选）：
+ *     { name, ensure(), transform(code, id), generateBundle(bundle) }
+ *   `ensure()` 对应 buildStart，`transform` 返回改写后的源码字符串或 null。
+ *
+ * 用法：
+ *   import UpVite from 'uview-plus/libs/vite/index.js'
+ *   export default defineConfig({ plugins: [UpVite(), uni()] })
+ */
+export function createUpViteFeatures(options = {}) {
+  return [
+    // App 端本地图标字体：把内置 upicon.ttf 复制到 static 并移除 App 远程 @font-face
+    createAppIconFontFeature({ enabled: options.appStaticIconFont !== false }),
+    // 后续新增构建期能力在此追加，保持对用户的配置零改动
+  ]
+}
+
+export default function UpVite(options = {}) {
+  const features = createUpViteFeatures(options)
+
+  return {
+    name: 'vite-plugin-up-vite',
+    enforce: 'pre',
+    buildStart() {
+      features.forEach(feature => feature.ensure?.())
+    },
+    transform(code, id) {
+      for (const feature of features) {
+        const transformed = feature.transform?.(code, id)
+        if (transformed) {
+          return {
+            code: transformed,
+            map: null,
+          }
+        }
+      }
+      return null
+    },
+    generateBundle(_, bundle) {
+      features.forEach(feature => feature.generateBundle?.(bundle))
+    },
+  }
+}

package/libs/vite/utils.js

@@ -0,0 +1,48 @@
+import { existsSync } from 'node:fs'
+import { resolve } from 'node:path'
+import process from 'node:process'
+
+/**
+ * 统一为正斜杠路径。
+ *
+ * 这里刻意不 import vite 的 normalizePath —— 让 libs/vite 目录保持自包含，
+ * 宿主项目不一定装了 vite 包（HBuilderX 项目走 HBuilderX 内置构建）。
+ */
+export const normalizePath = (path) => {
+  if (!path) return ''
+  return String(path).replace(/\\/g, '/')
+}
+
+/**
+ * 识别宿主项目根目录，同时兼容 CLI 项目与 HBuilderX 项目。
+ */
+export function detectProjectRoot() {
+  const cwd = normalizePath(process.env.INIT_CWD || process.cwd())
+  const envInputDir = process.env.UNI_INPUT_DIR ? normalizePath(process.env.UNI_INPUT_DIR) : ''
+  const cliRootPath = normalizePath(resolve(cwd, 'src'))
+  const hbuilderRootPath = cwd
+
+  const isPageRoot = (path) => existsSync(resolve(path, 'pages.json'))
+
+  if (envInputDir && isPageRoot(envInputDir)) {
+    const projectType = envInputDir.endsWith('/src') ? 'cli' : 'hbuilder'
+    return { rootPath: envInputDir, projectType }
+  }
+
+  if (isPageRoot(cliRootPath)) {
+    return { rootPath: cliRootPath, projectType: 'cli' }
+  }
+
+  if (isPageRoot(hbuilderRootPath)) {
+    return { rootPath: hbuilderRootPath, projectType: 'hbuilder' }
+  }
+
+  return {
+    rootPath: envInputDir || cliRootPath,
+    projectType: envInputDir && !envInputDir.endsWith('/src') ? 'hbuilder' : 'cli',
+  }
+}
+
+export const isAppPlatform = () => process.env.UNI_PLATFORM === 'app'
+
+export const toCleanId = (id) => normalizePath(String(id).split('?')[0])

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。",
-  "version": "3.8.119",
+  "version": "3.8.125",
   "description": "零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
   "keywords": [
     "uview",

package/types/comps/slider.d.ts

@@ -51,6 +51,21 @@ declare interface SliderProps {
    * 滑块按钮自定义样式
    */
   blockStyle?: unknown
+  /**
+   * 是否区间模式（双滑块）
+   * @default false
+   */
+  isRange?: boolean
+  /**
+   * 区间模式下的取值，支持 v-model:rangeValue 双向绑定
+   * @default [0, 0]
+   */
+  rangeValue?: (string | number)[]
+  /**
+   * 区间模式下更新 v-model:rangeValue
+   * @param value 当前区间值
+   */
+  "onUpdate:rangeValue"?: (value: (string | number)[]) => any
   /**
    * 更新v-model的
    * @param value 当前值

package/types/comps.d.ts

@@ -1,104 +1,121 @@
-declare module 'vue' {
-  export interface GlobalComponents {
-    // 基础组件
-    ['up-icon']: typeof import('./comps/icon')['Icon']
-    ['up-image']: typeof import('./comps/image')['Image']
-    ['up-button']: typeof import('./comps/button')['Button']
-    ['up-text']: typeof import('./comps/text')['Text']
-    ['up-row']: typeof import('./comps/row')['Row']
-    ['up-col']: typeof import('./comps/col')['Col']
-    ['up-cell']: typeof import('./comps/cell')['Cell']
-    ['up-cell-group']: typeof import('./comps/cellGroup')['CellGroup']
-    ['up-badge']: typeof import('./comps/badge')['Badge']
-    ['up-tag']: typeof import('./comps/tag')['Tag']
-    ['up-loading-icon']: typeof import('./comps/loadingIcon')['LoadingIcon']
-    ['up-loading-page']: typeof import('./comps/loadingPage')['LoadingPage']
+/**
+ * uview-plus 组件登记表，键统一写 `up-` 前缀。
+ * easycom 同时支持 `up-` / `u-` / `u--` 三种前缀（见 pages.json 的 easycom.custom），
+ * 另两种前缀由下面的 UviewPlusAliasComponents 从这一份改写而来，无需手工维护三份清单。
+ */
+interface UviewPlusComponents {
+  // 基础组件
+  ['up-icon']: typeof import('./comps/icon')['Icon']
+  ['up-image']: typeof import('./comps/image')['Image']
+  ['up-button']: typeof import('./comps/button')['Button']
+  ['up-text']: typeof import('./comps/text')['Text']
+  ['up-row']: typeof import('./comps/row')['Row']
+  ['up-col']: typeof import('./comps/col')['Col']
+  ['up-cell']: typeof import('./comps/cell')['Cell']
+  ['up-cell-group']: typeof import('./comps/cellGroup')['CellGroup']
+  ['up-badge']: typeof import('./comps/badge')['Badge']
+  ['up-tag']: typeof import('./comps/tag')['Tag']
+  ['up-loading-icon']: typeof import('./comps/loadingIcon')['LoadingIcon']
+  ['up-loading-page']: typeof import('./comps/loadingPage')['LoadingPage']
+
+  // 表单组件
+  ['up-form']: typeof import('./comps/form')['Form']
+  ['up-form-item']: typeof import('./comps/formItem')['FormItem']
+  ['up-calendar']: typeof import('./comps/calendar')['Calendar']
+  ['up-calendar-strip']: typeof import('./comps/calendarStrip')['CalendarStrip']
+  ['up-keyboard']: typeof import('./comps/keyboard')['Keyboard']
+  ['up-picker']: typeof import('./comps/picker')['Picker']
+  ['up-datetime-picker']: typeof import('./comps/datetimePicker')['DatetimePicker']
+  ['up-rate']: typeof import('./comps/rate')['Rate']
+  ['up-search']: typeof import('./comps/search')['Search']
+  ['up-number-box']: typeof import('./comps/numberBox')['NumberBox']
+  ['up-upload']: typeof import('./comps/upload')['Upload']
+  ['up-code']: typeof import('./comps/code')['Code']
+  ['up-input']: typeof import('./comps/input')['Input']
+  ['up-textarea']: typeof import('./comps/textarea')['Textarea']
+  ['up-checkbox']: typeof import('./comps/checkbox')['Checkbox']
+  ['up-checkbox-group']: typeof import('./comps/checkboxGroup')['CheckboxGroup']
+  ['up-radio']: typeof import('./comps/radio')['Radio']
+  ['up-radio-group']: typeof import('./comps/radioGroup')['RadioGroup']
+  ['up-switch']: typeof import('./comps/switch')['Switch']
+  ['up-slider']: typeof import('./comps/slider')['Slider']
+  ['up-album']: typeof import('./comps/album')['Album']
+
+  // 数据组件
+  ['up-list']: typeof import('./comps/list')['List']
+  ['up-list-item']: typeof import('./comps/listItem')['ListItem']
+  ['up-line-progress']: typeof import('./comps/lineProgress')['LineProgress']
+  ['up-count-down']: typeof import('./comps/countDown')['CountDown']
+  ['up-count-to']: typeof import('./comps/countTo')['CountTo']
 
-    // 表单组件
-    ['up-form']: typeof import('./comps/form')['Form']
-    ['up-form-item']: typeof import('./comps/formItem')['FormItem']
-    ['up-calendar']: typeof import('./comps/calendar')['Calendar']
-    ['up-calendar-strip']: typeof import('./comps/calendarStrip')['CalendarStrip']
-    ['up-keyboard']: typeof import('./comps/keyboard')['Keyboard']
-    ['up-picker']: typeof import('./comps/picker')['Picker']
-    ['up-datetime-picker']: typeof import('./comps/datetimePicker')['DatetimePicker']
-    ['up-rate']: typeof import('./comps/rate')['Rate']
-    ['up-search']: typeof import('./comps/search')['Search']
-    ['up-number-box']: typeof import('./comps/numberBox')['NumberBox']
-    ['up-upload']: typeof import('./comps/upload')['Upload']
-    ['up-code']: typeof import('./comps/code')['Code']
-    ['up-input']: typeof import('./comps/input')['Input']
-    ['up-textarea']: typeof import('./comps/textarea')['Textarea']
-    ['up-checkbox']: typeof import('./comps/checkbox')['Checkbox']
-    ['up-checkbox-group']: typeof import('./comps/checkboxGroup')['CheckboxGroup']
-    ['up-radio']: typeof import('./comps/radio')['Radio']
-    ['up-radio-group']: typeof import('./comps/radioGroup')['RadioGroup']
-    ['up-switch']: typeof import('./comps/switch')['Switch']
-    ['up-slider']: typeof import('./comps/slider')['Slider']
-    ['up-album']: typeof import('./comps/album')['Album']
+  // 反馈组件
+  ['up-tooltip']: typeof import('./comps/tooltip')['Tooltip']
+  ['up-guide']: typeof import('./comps/guide')['Guide']
+  ['up-action-sheet']: typeof import('./comps/actionSheet')['ActionSheet']
+  ['up-alert']: typeof import('./comps/alert')['Alert']
+  ['up-toast']: typeof import('./comps/toast')['Toast']
+  ['up-notice-bar']: typeof import('./comps/noticeBar')['NoticeBar']
+  ['up-notify']: typeof import('./comps/notify')['Notify']
+  ['up-swipe-action']: typeof import('./comps/swipeAction')['SwipeAction']
+  ['up-swipe-action-item']: typeof import('./comps/swipeActionItem')['SwipeActionItem']
+  ['up-collapse']: typeof import('./comps/collapse')['Collapse']
+  ['up-collapse-item']: typeof import('./comps/collapseItem')['CollapseItem']
+  ['up-popup']: typeof import('./comps/popup')['Popup']
+  ['up-modal']: typeof import('./comps/modal')['Modal']
 
-    // 数据组件
-    ['up-list']: typeof import('./comps/list')['List']
-    ['up-list-item']: typeof import('./comps/listItem')['ListItem']
-    ['up-line-progress']: typeof import('./comps/lineProgress')['LineProgress']
-    ['up-count-down']: typeof import('./comps/countDown')['CountDown']
-    ['up-count-to']: typeof import('./comps/countTo')['CountTo']
+  // 布局组件
+  ['up-scroll-list']: typeof import('./comps/scrollList')['ScrollList']
+  ['up-line']: typeof import('./comps/line')['Line']
+  ['up-overlay']: typeof import('./comps/overlay')['Overlay']
+  ['up-no-network']: typeof import('./comps/noNetwork')['NoNetwork']
+  ['up-grid']: typeof import('./comps/grid')['Grid']
+  ['up-grid-item']: typeof import('./comps/gridItem')['GridItem']
+  ['up-swiper']: typeof import('./comps/swiper')['Swiper']
+  ['up-skeleton']: typeof import('./comps/skeleton')['Skeleton']
+  ['up-sticky']: typeof import('./comps/sticky')['Sticky']
+  ['up-divider']: typeof import('./comps/divider')['Divider']
 
-    // 反馈组件
-    ['up-tooltip']: typeof import('./comps/tooltip')['Tooltip']
-    ['up-guide']: typeof import('./comps/guide')['Guide']
-    ['up-action-sheet']: typeof import('./comps/actionSheet')['ActionSheet']
-    ['up-alert']: typeof import('./comps/alert')['Alert']
-    ['up-toast']: typeof import('./comps/toast')['Toast']
-    ['up-notice-bar']: typeof import('./comps/noticeBar')['NoticeBar']
-    ['up-notify']: typeof import('./comps/notify')['Notify']
-    ['up-swipe-action']: typeof import('./comps/swipeAction')['SwipeAction']
-    ['up-swipe-action-item']: typeof import('./comps/swipeActionItem')['SwipeActionItem']
-    ['up-collapse']: typeof import('./comps/collapse')['Collapse']
-    ['up-collapse-item']: typeof import('./comps/collapseItem')['CollapseItem']
-    ['up-popup']: typeof import('./comps/popup')['Popup']
-    ['up-modal']: typeof import('./comps/modal')['Modal']
+  // 导航组件
+  ['up-tabbar']: typeof import('./comps/tabbar')['Tabbar']
+  ['up-tabbar-item']: typeof import('./comps/tabbarItem')['TabbarItem']
+  ['up-back-top']: typeof import('./comps/backTop')['BackTop']
+  ['up-navbar']: typeof import('./comps/navbar')['Navbar']
+  ['up-tabs']: typeof import('./comps/tabs')['Tabs']
+  ['up-subsection']: typeof import('./comps/subsection')['Subsection']
+  ['up-index-list']: typeof import('./comps/indexList')['IndexList']
+  ['up-index-item']: typeof import('./comps/indexItem')['IndexItem']
+  ['up-index-anchor']: typeof import('./comps/indexAnchor')['IndexAnchor']
+  ['up-steps']: typeof import('./comps/steps')['Steps']
+  ['up-steps-item']: typeof import('./comps/stepsItem')['StepsItem']
+  ['up-empty']: typeof import('./comps/empty')['Empty']
 
-    // 布局组件
-    ['up-scroll-list']: typeof import('./comps/scrollList')['ScrollList']
-    ['up-line']: typeof import('./comps/line')['Line']
-    ['up-overlay']: typeof import('./comps/overlay')['Overlay']
-    ['up-no-network']: typeof import('./comps/noNetwork')['NoNetwork']
-    ['up-grid']: typeof import('./comps/grid')['Grid']
-    ['up-grid-item']: typeof import('./comps/gridItem')['GridItem']
-    ['up-swiper']: typeof import('./comps/swiper')['Swiper']
-    ['up-skeleton']: typeof import('./comps/skeleton')['Skeleton']
-    ['up-sticky']: typeof import('./comps/sticky')['Sticky']
-    ['up-divider']: typeof import('./comps/divider')['Divider']
+  // 其他组件
+  ['up-parse']: typeof import('./comps/parse')['Parse']
+  ['up-code-input']: typeof import('./comps/codeInput')['CodeInput']
+  ['up-loadmore']: typeof import('./comps/loadMore')['LoadMore']
+  ['up-read-more']: typeof import('./comps/readMore')['ReadMore']
+  ['up-gap']: typeof import('./comps/gap')['Gap']
+  ['up-avatar']: typeof import('./comps/avatar')['Avatar']
+  ['up-avatar-group']: typeof import('./comps/avatarGroup')['AvatarGroup']
+  ['up-link']: typeof import('./comps/link')['Link']
+  ['up-transition']: typeof import('./comps/transition')['Transition']
+  ['up-status-bar']: typeof import('./comps/statusBar')['StatusBar']
+  ['up-safe-bottom']: typeof import('./comps/safeBottom')['SafeBottom']
+  ['up-qrcode']: typeof import('./comps/qrcode')['Qrcode']
+}
 
-    // 导航组件
-    ['up-tabbar']: typeof import('./comps/tabbar')['Tabbar']
-    ['up-tabbar-item']: typeof import('./comps/tabbarItem')['TabbarItem']
-    ['up-back-top']: typeof import('./comps/backTop')['BackTop']
-    ['up-navbar']: typeof import('./comps/navbar')['Navbar']
-    ['up-tabs']: typeof import('./comps/tabs')['Tabs']
-    ['up-subsection']: typeof import('./comps/subsection')['Subsection']
-    ['up-index-list']: typeof import('./comps/indexList')['IndexList']
-    ['up-index-item']: typeof import('./comps/indexItem')['IndexItem']
-    ['up-index-anchor']: typeof import('./comps/indexAnchor')['IndexAnchor']
-    ['up-steps']: typeof import('./comps/steps')['Steps']
-    ['up-steps-item']: typeof import('./comps/stepsItem')['StepsItem']
-    ['up-empty']: typeof import('./comps/empty')['Empty']
+/** 把 `up-xxx` 键改写成 `${P}xxx` 键 */
+type UviewPlusAliasComponents<P extends string> = {
+  [K in keyof UviewPlusComponents & string as K extends `up-${infer Name}`
+    ? `${P}${Name}`
+    : never]: UviewPlusComponents[K]
+}
 
-    // 其他组件
-    ['up-parse']: typeof import('./comps/parse')['Parse']
-    ['up-code-input']: typeof import('./comps/codeInput')['CodeInput']
-    ['up-loadmore']: typeof import('./comps/loadMore')['LoadMore']
-    ['up-read-more']: typeof import('./comps/readMore')['ReadMore']
-    ['up-gap']: typeof import('./comps/gap')['Gap']
-    ['up-avatar']: typeof import('./comps/avatar')['Avatar']
-    ['up-avatar-group']: typeof import('./comps/avatarGroup')['AvatarGroup']
-    ['up-link']: typeof import('./comps/link')['Link']
-    ['up-transition']: typeof import('./comps/transition')['Transition']
-    ['up-status-bar']: typeof import('./comps/statusBar')['StatusBar']
-    ['up-safe-bottom']: typeof import('./comps/safeBottom')['SafeBottom']
-    ['up-qrcode']: typeof import('./comps/qrcode')['Qrcode']
-  }
+declare module 'vue' {
+  export interface GlobalComponents
+    extends UviewPlusComponents,
+      UviewPlusAliasComponents<'u-'>,
+      UviewPlusAliasComponents<'u--'> {}
 }
 
 export {}