@ecolovo/uniapp-components 2.0.3 → 2.0.5

package/composable/message-box.ts

@@ -4,67 +4,130 @@ import type { default as MessageBox } from '../components/message-box/message-bo
 import type { default as Page } from '../components/page/page.vue';
 import type { MessageBoxOptions } from '../components/message-box/message-box';
 
-type MessageBoxShowCustomFunc = (
-	options: Omit<MessageBoxOptions, 'modelValue'>
-) => Promise<void>;
+type MessageBoxShowCustomFunc = (options: MessageBoxOptions) => Promise<void>;
 type MessageBoxShowConfirmFunc = (
-	options: Pick<
-		MessageBoxOptions,
-		'modal' | 'title' | 'content' | 'confirm' | 'cancel'
-	>
+	options:
+		| string
+		| Pick<
+				MessageBoxOptions & {
+					content: string;
+					confirm?: string;
+					cancel?: string;
+				},
+				'modal' | 'title' | 'content' | 'confirm' | 'cancel'
+		  >
 ) => Promise<void>;
 type MessageBoxShowMessageBoxFunc = (
-	options: Pick<MessageBoxOptions, 'modal' | 'title' | 'content' | 'confirm'>
+	options:
+		| string
+		| Pick<
+				MessageBoxOptions & {
+					content: string;
+					confirm?: string;
+					cancel?: string;
+				},
+				'modal' | 'title' | 'content' | 'confirm' | 'cancel'
+		  >
 ) => Promise<void>;
 
-export const useMessageBox = (
-	ref: Ref<InstanceType<typeof MessageBox> | undefined>
+type UseMessageBoxReturn = {
+	/**
+	 * 显示消息框，选项自定义
+	 *
+	 * @param options 消息框选项
+	 */
+	show: MessageBoxShowCustomFunc;
+	/**
+	 * 显示确认框，仅部分选项自定义
+	 *
+	 * @param options 确认框选项
+	 */
+	showConfirm: MessageBoxShowConfirmFunc;
+	/**
+	 * 显示消息框，仅部分选项自定义
+	 *
+	 * @param options 消息框选项
+	 */
+	showMessageBox: MessageBoxShowMessageBoxFunc;
+};
+
+const useMessageBoxComponent = (
+	messageBoxRef?: Ref<InstanceType<typeof MessageBox> | undefined>
 ) => {
+	const _messageBoxRef = ref(messageBoxRef);
+
 	const show: MessageBoxShowCustomFunc = async (options) => {
-		await ref.value?.show(options);
+		await _messageBoxRef.value?.show(options);
 	};
 
-	const showConfirm: MessageBoxShowConfirmFunc = async (options) => {
-		await ref.value?.show({
-			...options,
-			modal: true,
-			title: '提示',
+	const showConfirm: MessageBoxShowConfirmFunc = (options) => {
+		if (typeof options === 'string') {
+			options = { content: options };
+		}
+		const {
+			title = '提示',
+			content,
+			modal = true,
+			confirm = '确认',
+			cancel = '取消',
+		} = options;
+
+		return show({
+			title,
+			content,
+			modal,
+			confirm,
+			cancel,
 			showClose: false,
-			cancel: '取消',
-			confirm: '确认',
 		});
 	};
 
-	const showMessageBox: MessageBoxShowMessageBoxFunc = async (options) => {
-		await ref.value?.show({
-			...options,
-			modal: false,
-			title: '提示',
+	const showMessageBox: MessageBoxShowMessageBoxFunc = (options) => {
+		if (typeof options === 'string') {
+			options = { content: options };
+		}
+		const {
+			title = '提示',
+			content,
+			modal = false,
+			confirm: _confirm,
+			cancel: _cancel,
+		} = options;
+
+		// 仅显示一个按钮，要么是确认按钮，要么是取消按钮
+		const isCancel = _confirm === undefined && _cancel !== undefined;
+		const confirm = isCancel ? false : _confirm || '我知道了';
+		const cancel = !isCancel ? false : _cancel || '我知道了';
+
+		return show({
+			title,
+			content,
+			modal,
+			confirm,
+			cancel,
 			showClose: false,
-			cancel: false,
-			confirm: '我知道了',
 		});
 	};
 
 	return {
+		messageBoxRef: _messageBoxRef,
 		show,
 		showConfirm,
 		showMessageBox,
 	};
 };
 
-export function usePageMessageBox(isInPage: true): {
+/**
+ * 页面公用消息框，仅单一个实例，使用时需注意
+ *
+ * @param isInPage 是否在 Page 中使用，当为 `true` 时，须将返回的 `pageRef` 绑定到 `Page` 组件上
+ */
+function useMessageBox(isInPage: true): UseMessageBoxReturn & {
+	/** page 组件实例 */
 	pageRef: Ref<InstanceType<typeof Page>>;
-	show: MessageBoxShowCustomFunc;
-	showConfirm: MessageBoxShowConfirmFunc;
-	showMessageBox: MessageBoxShowMessageBoxFunc;
 };
-export function usePageMessageBox(isInPage?: false): {
-	show: MessageBoxShowCustomFunc;
-	showConfirm: MessageBoxShowConfirmFunc;
-	showMessageBox: MessageBoxShowMessageBoxFunc;
-};
-export function usePageMessageBox(isInPage: boolean = false) {
+function useMessageBox(isInPage?: false): UseMessageBoxReturn;
+function useMessageBox(isInPage: boolean = false) {
 	if (!isInPage) {
 		const pageMessageBoxRef = inject<Ref<InstanceType<typeof MessageBox>>>(
 			'ecolovo/page/messageBoxRef'
@@ -72,7 +135,7 @@ export function usePageMessageBox(isInPage: boolean = false) {
 		if (!pageMessageBoxRef) {
 			throw new Error('该组件必须在 Page 中使用');
 		}
-		return useMessageBox(pageMessageBoxRef);
+		return useMessageBoxComponent(pageMessageBoxRef);
 	}
 
 	const pageRef = ref<InstanceType<typeof Page>>();
@@ -96,3 +159,5 @@ export function usePageMessageBox(isInPage: boolean = false) {
 		showMessageBox,
 	};
 }
+
+export { useMessageBox, useMessageBoxComponent };

package/composable/model.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+/**
+ * 组件绑定值，未绑定时使用内部值
+ *
+ * @param modelValue 组件绑定值，默认值必须是 `undefined`
+ */
+declare function useModelValue<T>(modelValue: undefined extends T ? Ref<T> : never): Ref<T>;
+export { useModelValue };

package/composable/model.js

@@ -0,0 +1,23 @@
+import { customRef } from 'vue';
+/**
+ * 组件绑定值，未绑定时使用内部值
+ *
+ * @param modelValue 组件绑定值，默认值必须是 `undefined`
+ */
+function useModelValue(modelValue) {
+    let innerValue = modelValue.value;
+    return customRef((track, trigger) => {
+        return {
+            get() {
+                track();
+                return modelValue.value ?? innerValue;
+            },
+            set(newValue) {
+                modelValue.value = newValue;
+                innerValue = newValue;
+                trigger();
+            },
+        };
+    });
+}
+export { useModelValue };

package/composable/model.ts

@@ -0,0 +1,27 @@
+import { customRef } from 'vue';
+import type { Ref } from 'vue';
+
+/**
+ * 组件绑定值，未绑定时使用内部值
+ *
+ * @param modelValue 组件绑定值，默认值必须是 `undefined`
+ */
+function useModelValue<T>(modelValue: undefined extends T ? Ref<T> : never) {
+	let innerValue: T = modelValue.value;
+
+	return customRef<T>((track, trigger) => {
+		return {
+			get() {
+				track();
+				return modelValue.value ?? innerValue;
+			},
+			set(newValue) {
+				modelValue.value = newValue;
+				innerValue = newValue;
+				trigger();
+			},
+		};
+	});
+}
+
+export { useModelValue };

package/composable/page.d.ts

@@ -0,0 +1,41 @@
+/** 当前页面路由 */
+declare const useCurrentPageRoute: () => {
+    /** 当前页面栈 */
+    currentPages: import("vue").Ref<{
+        [x: string]: any;
+        onInit?: ((query?: AnyObject) => void) | undefined;
+        onLoad?: ((query?: AnyObject) => void) | undefined;
+        onShow?: (() => void) | undefined;
+        onPageShow?: (() => void) | undefined;
+        onReady?: (() => void) | undefined;
+        onHide?: (() => void) | undefined;
+        onPageHide?: (() => void) | undefined;
+        onUnload?: (() => void) | undefined;
+        onPullDownRefresh?: (() => void) | undefined;
+        onReachBottom?: (() => void) | undefined;
+        onTitleClick?: (() => void) | undefined;
+        onLiveMount?: ((options: Page.LiveMountOptions) => Page.LiveMountContent | Promise<Page.LiveMountContent>) | undefined;
+        onUploadDouyinVideo?: ((options: Page.UploadDouyinVideoOptions) => Page.UploadDouyinVideoContent | Promise<Page.UploadDouyinVideoContent>) | undefined;
+        onShareAppMessage?: ((options: Page.ShareAppMessageOption) => Page.CustomShareContent | Promise<Omit<Page.CustomShareContent, "promise">>) | undefined;
+        onShareTimeline?: ((options: Page.OnShareTimelineOptions) => Page.ShareTimelineContent) | undefined;
+        onAddToFavorites?: ((options: Page.AddToFavoritesOption) => Page.CustomFavoritesContent) | undefined;
+        onPageScroll?: ((options: Page.PageScrollOption) => void) | undefined;
+        onResize?: ((options: Page.ResizeOption) => void) | undefined;
+        onTabItemTap?: ((options: Page.TabItemTapOption) => void) | undefined;
+        onNavigationBarButtonTap?: ((options: Page.NavigationBarButtonTapOption) => void) | undefined;
+        onBackPress?: ((options: Page.BackPressOption) => any) | undefined;
+        onNavigationBarSearchInputChanged?: ((event: Page.NavigationBarSearchInputEvent) => void) | undefined;
+        onNavigationBarSearchInputConfirmed?: ((event: Page.NavigationBarSearchInputEvent) => void) | undefined;
+        onNavigationBarSearchInputClicked?: (() => void) | undefined;
+        onShareChat?: ((options: Page.OnShareChatOptions) => Page.ShareChatContent) | undefined;
+        onCopyUrl?: ((options: Page.OnCopyUrlOptions) => Page.CopyUrlContent) | undefined;
+        route?: string | undefined;
+        $getAppWebview?: (() => PlusWebviewWebviewObject) | undefined;
+        $vm?: any;
+    }[]>;
+    /** 当前页面路由 */
+    currentPageRoute: import("vue").ComputedRef<string>;
+    /** 当前页面是否是 tabbar 页面，需配置 tabbarList */
+    isTabbarPage: import("vue").ComputedRef<boolean>;
+};
+export { useCurrentPageRoute };

package/composable/page.js

@@ -0,0 +1,25 @@
+import { computed, onMounted, ref } from 'vue';
+import { tabbarList } from '../configs';
+/** 当前页面路由 */
+const useCurrentPageRoute = () => {
+    /** 当前页面栈 */
+    const currentPages = ref([]);
+    /** 当前页面路由 */
+    const currentPageRoute = computed(() => {
+        return currentPages.value.slice(-1)[0]?.route || '';
+    });
+    /** 当前页面是否是 tabbar 页面，需配置 tabbarList */
+    const isTabbarPage = computed(() => tabbarList.findIndex((item) => item.pagePath === currentPageRoute.value) >= 0);
+    onMounted(() => {
+        currentPages.value = getCurrentPages() || [];
+    });
+    return {
+        /** 当前页面栈 */
+        currentPages,
+        /** 当前页面路由 */
+        currentPageRoute,
+        /** 当前页面是否是 tabbar 页面，需配置 tabbarList */
+        isTabbarPage,
+    };
+};
+export { useCurrentPageRoute };

package/composable/page.ts

@@ -0,0 +1,34 @@
+import { computed, onMounted, ref } from 'vue';
+import { tabbarList } from '../configs';
+
+/** 当前页面路由 */
+const useCurrentPageRoute = () => {
+	/** 当前页面栈 */
+	const currentPages = ref<ReturnType<typeof getCurrentPages>>([]);
+	/** 当前页面路由 */
+	const currentPageRoute = computed(() => {
+		return currentPages.value.slice(-1)[0]?.route || '';
+	});
+	/** 当前页面是否是 tabbar 页面，需配置 tabbarList */
+	const isTabbarPage = computed(
+		() =>
+			tabbarList.findIndex(
+				(item) => item.pagePath === currentPageRoute.value
+			) >= 0
+	);
+
+	onMounted(() => {
+		currentPages.value = getCurrentPages() || [];
+	});
+
+	return {
+		/** 当前页面栈 */
+		currentPages,
+		/** 当前页面路由 */
+		currentPageRoute,
+		/** 当前页面是否是 tabbar 页面，需配置 tabbarList */
+		isTabbarPage,
+	};
+};
+
+export { useCurrentPageRoute };

package/configs/index.d.ts

@@ -1,44 +1,49 @@
+import type { TabBarItem } from '@ecolovo/utils';
 /** 组件前缀 */
 declare let componentPrefix: string;
 /** 首页路径 */
 declare let homePath: string;
+/** tabbar 列表 */
+declare let tabbarList: TabBarItem[];
 /**
  * 设置组件前缀
+ *
  * @param prefix 组件前缀
  */
 declare function setComponentPrefix(prefix?: string): void;
 /**
  * 设置首页路径
+ *
  * @param path 首页路径
  */
 declare function setHomePath(path?: string): void;
+/**
+ * 设置 tabbar 列表
+ *
+ * @param list tabbar 列表
+ */
+declare function setTabbarList(list?: TabBarItem[]): void;
 interface IconInfo {
-	/** 字体文件名 */
-	fontFamily: string;
-	/** 图标前缀 */
-	prefix: string;
-	/** 图标名称 */
-	name: string;
+    /** 字体文件名 */
+    fontFamily: string;
+    /** 图标前缀 */
+    prefix: string;
+    /** 图标名称 */
+    name: string;
 }
 /** iconfont 图标 map */
 declare const iconMap: Map<string, IconInfo>;
 export interface IconFontJson {
-	font_family: string;
-	css_prefix_text: string;
-	glyphs: {
-		font_class: string;
-	}[];
+    font_family: string;
+    css_prefix_text: string;
+    glyphs: {
+        font_class: string;
+    }[];
 }
 /**
  * 添加一组图标，传入 iconfont.json 文件内容
+ *
  * @param iconJson iconfont.json 文件内容
  */
 declare function addIcons(iconJson: IconFontJson): void;
-export {
-	componentPrefix,
-	homePath,
-	setComponentPrefix,
-	setHomePath,
-	iconMap,
-	addIcons,
-};
+export { componentPrefix, homePath, tabbarList, setComponentPrefix, setHomePath, setTabbarList, iconMap, addIcons, };

package/configs/index.js

@@ -3,68 +3,71 @@ import defaultIconfonts from '../resources/iconfont/uniapp_ui_icon/iconfont.json
 let componentPrefix = 'app';
 /** 首页路径 */
 let homePath = '/pages/index/index';
+/** tabbar 列表 */
+let tabbarList = [];
 /**
  * 设置组件前缀
+ *
  * @param prefix 组件前缀
  */
 function setComponentPrefix(prefix = 'app') {
-	if (!prefix) {
-		throw new Error('组件前缀不能为空');
-	}
-	componentPrefix = prefix;
+    if (!prefix)
+        throw new Error('组件前缀不能为空');
+    componentPrefix = prefix;
 }
 /**
  * 设置首页路径
+ *
  * @param path 首页路径
  */
 function setHomePath(path = '/pages/index/index') {
-	if (!path) {
-		throw new Error('app 首页不能为空');
-	}
-	homePath = path;
+    if (!path)
+        throw new Error('app 首页不能为空');
+    homePath = path;
+}
+/**
+ * 设置 tabbar 列表
+ *
+ * @param list tabbar 列表
+ */
+function setTabbarList(list = []) {
+    if (!list)
+        throw new Error('tabbar 列表不能为空');
+    tabbarList = list;
 }
 /** iconfont 图标 map */
 const iconMap = new Map();
 /**
  * 添加单个图标
+ *
  * @param fontFamily 字体文件名
  * @param prefix 图标前缀
  * @param name 图标名称
  */
 function addIconToMap(fontFamily, prefix, name) {
-	if (iconMap.has(name)) {
-		// eslint-disable-next-line no-console
-		console.warn(
-			`图标库 "${fontFamily}" 中的图标 "${name}" 在图标库 "${
-				iconMap.get(name).fontFamily
-			}" 中已存在，新的图标将会覆盖已存在的同名图标`
-		);
-	}
-	iconMap.set(name, {
-		fontFamily,
-		prefix,
-		name,
-	});
+    if (iconMap.has(name)) {
+        // eslint-disable-next-line no-console
+        console.warn(`图标库 "${fontFamily}" 中的图标 "${name}" 在图标库 "${iconMap.get(name).fontFamily}" 中已存在，新的图标将会覆盖已存在的同名图标`);
+    }
+    iconMap.set(name, {
+        fontFamily,
+        prefix,
+        name,
+    });
 }
 /**
  * 添加一组图标，传入 iconfont.json 文件内容
+ *
  * @param iconJson iconfont.json 文件内容
  */
 function addIcons(iconJson) {
-	const fontFamily = iconJson.font_family;
-	const prefix = iconJson.css_prefix_text;
-	const glyphs = iconJson.glyphs;
-	glyphs.forEach((glyph) => {
-		addIconToMap(fontFamily, prefix, glyph.font_class);
-	});
+    const fontFamily = iconJson.font_family;
+    const prefix = iconJson.css_prefix_text;
+    const glyphs = iconJson.glyphs;
+    glyphs.forEach((glyph) => {
+        addIconToMap(fontFamily, prefix, glyph.font_class);
+    });
 }
 // 添加内部图标库
 addIcons(defaultIconfonts);
-export {
-	componentPrefix,
-	homePath,
-	setComponentPrefix,
-	setHomePath,
-	iconMap,
-	addIcons,
-};
+export { componentPrefix, homePath, tabbarList, setComponentPrefix, setHomePath, setTabbarList, iconMap, addIcons, };

package/configs/index.ts

@@ -1,12 +1,16 @@
 import defaultIconfonts from '../resources/iconfont/uniapp_ui_icon/iconfont.json';
+import type { TabBarItem } from '@ecolovo/utils';
 
 /** 组件前缀 */
 let componentPrefix = 'app';
 /** 首页路径 */
 let homePath = '/pages/index/index';
+/** tabbar 列表 */
+let tabbarList: TabBarItem[] = [];
 
 /**
  * 设置组件前缀
+ *
  * @param prefix 组件前缀
  */
 function setComponentPrefix(prefix: string = 'app') {
@@ -16,6 +20,7 @@ function setComponentPrefix(prefix: string = 'app') {
 
 /**
  * 设置首页路径
+ *
  * @param path 首页路径
  */
 function setHomePath(path: string = '/pages/index/index') {
@@ -23,6 +28,16 @@ function setHomePath(path: string = '/pages/index/index') {
 	homePath = path;
 }
 
+/**
+ * 设置 tabbar 列表
+ *
+ * @param list tabbar 列表
+ */
+function setTabbarList(list: TabBarItem[] = []) {
+	if (!list) throw new Error('tabbar 列表不能为空');
+	tabbarList = list;
+}
+
 interface IconInfo {
 	/** 字体文件名 */
 	fontFamily: string;
@@ -37,6 +52,7 @@ const iconMap: Map<string, IconInfo> = new Map();
 
 /**
  * 添加单个图标
+ *
  * @param fontFamily 字体文件名
  * @param prefix 图标前缀
  * @param name 图标名称
@@ -65,6 +81,7 @@ export interface IconFontJson {
 
 /**
  * 添加一组图标，传入 iconfont.json 文件内容
+ *
  * @param iconJson iconfont.json 文件内容
  */
 function addIcons(iconJson: IconFontJson) {
@@ -82,8 +99,10 @@ addIcons(defaultIconfonts);
 export {
 	componentPrefix,
 	homePath,
+	tabbarList,
 	setComponentPrefix,
 	setHomePath,
+	setTabbarList,
 	iconMap,
 	addIcons,
 };

package/easyCom.d.ts

@@ -1,9 +1,9 @@
 declare function componentEasyCom(componentPrefix?: string): {
-	easycom: {
-		autoscan: boolean;
-		custom: {
-			[x: string]: string;
-		};
-	};
+    easycom: {
+        autoscan: boolean;
+        custom: {
+            [x: string]: string;
+        };
+    };
 };
 export default componentEasyCom;

package/easyCom.js

@@ -1,35 +1,23 @@
 function componentEasyCom(componentPrefix = 'app') {
-	return {
-		easycom: {
-			autoscan: true,
-			custom: {
-				[`^${componentPrefix}-date-picker-view`]:
-					'@ecolovo/uniapp-components/components/date-picker/date-picker-view.vue',
-				[`^${componentPrefix}-dialog-content`]:
-					'@ecolovo/uniapp-components/components/dialog/dialog-content.vue',
-				[`^${componentPrefix}-loading-animation(.*)`]:
-					'@ecolovo/uniapp-components/components/loading/animations/loading-animation$1.vue',
-				[`^${componentPrefix}-page-(.*)`]:
-					'@ecolovo/uniapp-components/components/page/page-$1.vue',
-				[`^${componentPrefix}-password-input`]:
-					'@ecolovo/uniapp-components/components/input/password-input.vue',
-				[`^${componentPrefix}-picker-popup`]:
-					'@ecolovo/uniapp-components/components/picker/picker-popup.vue',
-				[`^${componentPrefix}-popover-content`]:
-					'@ecolovo/uniapp-components/components/popover/popover-content.vue',
-				[`^${componentPrefix}-popover-mask`]:
-					'@ecolovo/uniapp-components/components/popover/popover-mask.vue',
-				[`^${componentPrefix}-popup-content`]:
-					'@ecolovo/uniapp-components/components/popup/popup-content.vue',
-				[`^${componentPrefix}-media-uploader`]:
-					'@ecolovo/uniapp-components/components/uploader/media-uploader.vue',
-				[`^${componentPrefix}-file-uploader`]:
-					'@ecolovo/uniapp-components/components/uploader/file-uploader.vue',
-				[`^${componentPrefix}-(.*)`]:
-					'@ecolovo/uniapp-components/components/$1/$1.vue',
-			},
-		},
-	};
+    return {
+        easycom: {
+            autoscan: true,
+            custom: {
+                [`^${componentPrefix}-date-picker-view`]: '@ecolovo/uniapp-components/components/date-picker/date-picker-view.vue',
+                [`^${componentPrefix}-dialog-content`]: '@ecolovo/uniapp-components/components/dialog/dialog-content.vue',
+                [`^${componentPrefix}-loading-animation(.*)`]: '@ecolovo/uniapp-components/components/loading/animations/loading-animation$1.vue',
+                [`^${componentPrefix}-page-(.*)`]: '@ecolovo/uniapp-components/components/page/page-$1.vue',
+                [`^${componentPrefix}-password-input`]: '@ecolovo/uniapp-components/components/input/password-input.vue',
+                [`^${componentPrefix}-picker-popup`]: '@ecolovo/uniapp-components/components/picker/picker-popup.vue',
+                [`^${componentPrefix}-popover-content`]: '@ecolovo/uniapp-components/components/popover/popover-content.vue',
+                [`^${componentPrefix}-popover-mask`]: '@ecolovo/uniapp-components/components/popover/popover-mask.vue',
+                [`^${componentPrefix}-popup-content`]: '@ecolovo/uniapp-components/components/popup/popup-content.vue',
+                [`^${componentPrefix}-media-upload`]: '@ecolovo/uniapp-components/components/upload/media-upload.vue',
+                [`^${componentPrefix}-file-upload`]: '@ecolovo/uniapp-components/components/upload/file-upload.vue',
+                [`^${componentPrefix}-(.*)`]: '@ecolovo/uniapp-components/components/$1/$1.vue',
+            },
+        },
+    };
 }
 // 导出 easycom 配置
 export default componentEasyCom;

package/easyCom.ts

@@ -21,10 +21,10 @@ function componentEasyCom(componentPrefix = 'app') {
 					'@ecolovo/uniapp-components/components/popover/popover-mask.vue',
 				[`^${componentPrefix}-popup-content`]:
 					'@ecolovo/uniapp-components/components/popup/popup-content.vue',
-				[`^${componentPrefix}-media-uploader`]:
-					'@ecolovo/uniapp-components/components/uploader/media-uploader.vue',
-				[`^${componentPrefix}-file-uploader`]:
-					'@ecolovo/uniapp-components/components/uploader/file-uploader.vue',
+				[`^${componentPrefix}-media-upload`]:
+					'@ecolovo/uniapp-components/components/upload/media-upload.vue',
+				[`^${componentPrefix}-file-upload`]:
+					'@ecolovo/uniapp-components/components/upload/file-upload.vue',
 				[`^${componentPrefix}-(.*)`]:
 					'@ecolovo/uniapp-components/components/$1/$1.vue',
 			},