@ecolovo/uniapp-components 2.0.6 → 2.0.8

package/components/upload/composable.ts

@@ -48,7 +48,7 @@ const useUpload = <
 		event: 'update:modelValue',
 		value: UniApp.UploadMediaFile[]
 	) => void) &
-		((event: 'change', value: UniApp.UploadMediaFile[]) => void)
+		((event: 'change', value: UniApp.UploadMediaFile[]) => void),
 >(
 	props: CommonProps,
 	emit: Emit
@@ -172,11 +172,11 @@ const useUpload = <
 									url: res.url,
 									type: file.type,
 									uploadStatus: 'success' as const,
-							  }
+								}
 							: {
 									...file,
 									uploadStatus: 'error' as const,
-							  }
+								}
 					);
 					currentValue.value = tempCurrentValue;
 					return currentValue.value[index];

package/components/upload/media-upload.vue

@@ -83,8 +83,9 @@ import AspectCpn from '../aspect/aspect.vue';
 import IconCpn from '../icon/icon.vue';
 import ImageCpn from '../image/image.vue';
 import LoadingCpn from '../loading/animations/loading-animation4.vue';
-import { useUpload } from './composable.js';
-import { type CommonProps, mediaUploadProps } from './types.js';
+import { useUpload } from './composable';
+import { type CommonProps } from './types';
+import { EC_DEFAULT_PROPS } from '../../configs';
 
 defineOptions({
 	options: {
@@ -117,7 +118,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	source: 'album',
 	columns: 4,
 	width: undefined,
-	...mediaUploadProps,
+	...EC_DEFAULT_PROPS.mediaUpload,
 });
 
 const emit = defineEmits<{

package/components/upload/types.d.ts

@@ -25,5 +25,3 @@ export type ConfigurableMediaUploadProps = {
     /** 自动上传文件 */
     autoUpload?: boolean;
 };
-export declare let mediaUploadProps: ConfigurableMediaUploadProps;
-export declare const setDefaultMediaUploadProps: (props?: ConfigurableMediaUploadProps) => void;

package/components/upload/types.js

@@ -1,4 +1 @@
-export let mediaUploadProps = {};
-export const setDefaultMediaUploadProps = (props = {}) => {
-    mediaUploadProps = props;
-};
+export {};

package/components/upload/types.ts

@@ -28,11 +28,3 @@ export type ConfigurableMediaUploadProps = {
 	/** 自动上传文件 */
 	autoUpload?: boolean;
 };
-
-export let mediaUploadProps: ConfigurableMediaUploadProps = {};
-
-export const setDefaultMediaUploadProps = (
-	props: ConfigurableMediaUploadProps = {}
-) => {
-	mediaUploadProps = props;
-};

package/composable/component-name.js

@@ -1,5 +1,5 @@
 import { kebabCase, pascalCase } from 'case-anything';
-import { componentPrefix } from '../configs';
+import { EC_COMPONENT_PREFIX } from '../configs';
 /**
  * 给组件添加基本类名
  *
@@ -9,7 +9,7 @@ import { componentPrefix } from '../configs';
  * @param componentName 组件名称
  */
 const useClassNames = (componentName) => {
-    const pascalCaseClass = pascalCase(componentPrefix) + pascalCase(componentName);
+    const pascalCaseClass = pascalCase(EC_COMPONENT_PREFIX) + pascalCase(componentName);
     const kebabCaseClass = kebabCase(pascalCaseClass);
     return [pascalCaseClass, kebabCaseClass];
 };

package/composable/component-name.ts

@@ -1,5 +1,5 @@
 import { kebabCase, pascalCase } from 'case-anything';
-import { componentPrefix } from '../configs';
+import { EC_COMPONENT_PREFIX } from '../configs';
 
 /**
  * 给组件添加基本类名
@@ -11,7 +11,7 @@ import { componentPrefix } from '../configs';
  */
 const useClassNames = (componentName: string): [string, string] => {
 	const pascalCaseClass =
-		pascalCase(componentPrefix) + pascalCase(componentName);
+		pascalCase(EC_COMPONENT_PREFIX) + pascalCase(componentName);
 	const kebabCaseClass = kebabCase(pascalCaseClass);
 	return [pascalCaseClass, kebabCaseClass];
 };

package/composable/page.js

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

package/composable/page.ts

@@ -1,5 +1,5 @@
 import { computed, onMounted, ref } from 'vue';
-import { tabbarList } from '../configs';
+import { EC_TABBAR_LIST } from '../configs';
 
 /** 当前页面路由 */
 const useCurrentPageRoute = () => {
@@ -12,7 +12,7 @@ const useCurrentPageRoute = () => {
 	/** 当前页面是否是 tabbar 页面，需配置 tabbarList */
 	const isTabbarPage = computed(
 		() =>
-			tabbarList.findIndex(
+			EC_TABBAR_LIST.findIndex(
 				(item) => item.pagePath === currentPageRoute.value
 			) >= 0
 	);

package/configs/index.d.ts

@@ -1,49 +1,13 @@
 import type { TabBarItem } from '@ecolovo/utils';
 /** 组件前缀 */
-declare let componentPrefix: string;
+export declare const EC_COMPONENT_PREFIX = "app";
 /** 首页路径 */
-declare let homePath: string;
+export declare const EC_HOME_PATH = "/pages/index/index";
+/** iconFont json 文件列表 */
+export declare const EC_ICON_FONT: IconFontJson[];
+/** 是否使用内部 iconFont */
+export declare const EC_USE_INNER_ICON = true;
 /** 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;
-}
-/** iconfont 图标 map */
-declare const iconMap: Map<string, IconInfo>;
-export interface IconFontJson {
-    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, tabbarList, setComponentPrefix, setHomePath, setTabbarList, iconMap, addIcons, };
+export declare const EC_TABBAR_LIST: TabBarItem[];
+/** 组件默认属性配置 */
+export declare const EC_DEFAULT_PROPS: ComponentsProps;

package/configs/index.js

@@ -1,73 +1,12 @@
-import defaultIconfonts from '../resources/iconfont/uniapp_ui_icon/iconfont.json';
 /** 组件前缀 */
-let componentPrefix = 'app';
+export const EC_COMPONENT_PREFIX = 'app';
 /** 首页路径 */
-let homePath = '/pages/index/index';
+export const EC_HOME_PATH = '/pages/index/index';
+/** iconFont json 文件列表 */
+export const EC_ICON_FONT = [];
+/** 是否使用内部 iconFont */
+export const EC_USE_INNER_ICON = true;
 /** tabbar 列表 */
-let tabbarList = [];
-/**
- * 设置组件前缀
- *
- * @param prefix 组件前缀
- */
-function setComponentPrefix(prefix = 'app') {
-    if (!prefix)
-        throw new Error('组件前缀不能为空');
-    componentPrefix = prefix;
-}
-/**
- * 设置首页路径
- *
- * @param path 首页路径
- */
-function setHomePath(path = '/pages/index/index') {
-    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,
-    });
-}
-/**
- * 添加一组图标，传入 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);
-    });
-}
-// 添加内部图标库
-addIcons(defaultIconfonts);
-export { componentPrefix, homePath, tabbarList, setComponentPrefix, setHomePath, setTabbarList, iconMap, addIcons, };
+export const EC_TABBAR_LIST = [];
+/** 组件默认属性配置 */
+export const EC_DEFAULT_PROPS = {};

package/configs/index.ts

@@ -1,108 +1,14 @@
-import defaultIconfonts from '../resources/iconfont/uniapp_ui_icon/iconfont.json';
 import type { TabBarItem } from '@ecolovo/utils';
 
 /** 组件前缀 */
-let componentPrefix = 'app';
+export const EC_COMPONENT_PREFIX = 'app';
 /** 首页路径 */
-let homePath = '/pages/index/index';
+export const EC_HOME_PATH = '/pages/index/index';
+/** iconFont json 文件列表 */
+export const EC_ICON_FONT: IconFontJson[] = [];
+/** 是否使用内部 iconFont */
+export const EC_USE_INNER_ICON = true;
 /** tabbar 列表 */
-let tabbarList: TabBarItem[] = [];
-
-/**
- * 设置组件前缀
- *
- * @param prefix 组件前缀
- */
-function setComponentPrefix(prefix: string = 'app') {
-	if (!prefix) throw new Error('组件前缀不能为空');
-	componentPrefix = prefix;
-}
-
-/**
- * 设置首页路径
- *
- * @param path 首页路径
- */
-function setHomePath(path: string = '/pages/index/index') {
-	if (!path) throw new Error('app 首页不能为空');
-	homePath = path;
-}
-
-/**
- * 设置 tabbar 列表
- *
- * @param list tabbar 列表
- */
-function setTabbarList(list: TabBarItem[] = []) {
-	if (!list) throw new Error('tabbar 列表不能为空');
-	tabbarList = list;
-}
-
-interface IconInfo {
-	/** 字体文件名 */
-	fontFamily: string;
-	/** 图标前缀 */
-	prefix: string;
-	/** 图标名称 */
-	name: string;
-}
-
-/** iconfont 图标 map */
-const iconMap: Map<string, IconInfo> = new Map();
-
-/**
- * 添加单个图标
- *
- * @param fontFamily 字体文件名
- * @param prefix 图标前缀
- * @param name 图标名称
- */
-function addIconToMap(fontFamily: string, prefix: string, name: string) {
-	if (iconMap.has(name)) {
-		// eslint-disable-next-line no-console
-		console.warn(
-			`图标库 "${fontFamily}" 中的图标 "${name}" 在图标库 "${
-				iconMap.get(name)!.fontFamily
-			}" 中已存在，新的图标将会覆盖已存在的同名图标`
-		);
-	}
-	iconMap.set(name, {
-		fontFamily,
-		prefix,
-		name,
-	});
-}
-
-export interface IconFontJson {
-	font_family: string;
-	css_prefix_text: string;
-	glyphs: { font_class: string }[];
-}
-
-/**
- * 添加一组图标，传入 iconfont.json 文件内容
- *
- * @param iconJson iconfont.json 文件内容
- */
-function addIcons(iconJson: IconFontJson) {
-	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,
-	tabbarList,
-	setComponentPrefix,
-	setHomePath,
-	setTabbarList,
-	iconMap,
-	addIcons,
-};
+export const EC_TABBAR_LIST: TabBarItem[] = [];
+/** 组件默认属性配置 */
+export const EC_DEFAULT_PROPS: ComponentsProps = {};

package/globals.d.ts

@@ -21,6 +21,14 @@ declare global {
             deltaY: number;
         };
     }
+    /** iconFont Json 文件内容 */
+    interface IconFontJson {
+        font_family: string;
+        css_prefix_text: string;
+        glyphs: {
+            font_class: string;
+        }[];
+    }
     namespace UniApp {
         type EventWithDetail<T extends Record<string, any>> = {
             detail: T;

package/globals.ts

@@ -25,6 +25,13 @@ declare global {
 		};
 	}
 
+	/** iconFont Json 文件内容 */
+	interface IconFontJson {
+		font_family: string;
+		css_prefix_text: string;
+		glyphs: { font_class: string }[];
+	}
+
 	// eslint-disable-next-line @typescript-eslint/no-namespace
 	namespace UniApp {
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any

package/index.d.ts

@@ -1,5 +1,4 @@
 export * from './globals';
-export { default as init } from './init';
 export { default as componentEasyCom } from './easyCom';
 export * from './composable';
 export type { ImageProps } from './components/image/types';

package/index.js

@@ -1,5 +1,4 @@
 export * from './globals';
-export { default as init } from './init';
 export { default as componentEasyCom } from './easyCom';
 export * from './composable';
 export * from './components/message-box/message-box';

package/index.ts

@@ -1,5 +1,4 @@
 export * from './globals';
-export { default as init } from './init';
 export { default as componentEasyCom } from './easyCom';
 
 export * from './composable';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ecolovo/uniapp-components",
-	"version": "2.0.6",
+	"version": "2.0.8",
 	"description": "Ecolovo UniApp Vue3 组件库",
 	"keywords": [
 		"components",
@@ -35,7 +35,6 @@
 		"globals": "^17.4.0",
 		"jiti": "^2.7.0",
 		"miniprogram-api-typings": "^5.2.1",
-		"prettier": "^2.8.8",
 		"sass-embedded": "^1.100.0",
 		"typescript": "^5.9.3",
 		"vite": "^8.1.3",

package/utils/upload.ts

@@ -7,6 +7,6 @@ export const toUploadMediaFile = (
 			: {
 					...file,
 					uploadStatus: file.uploadStatus || 'success',
-			  }
+				}
 	);
 };

package/vite.d.ts

@@ -0,0 +1,22 @@
+import type { Plugin } from 'vite';
+import type { TabBarItem } from '@ecolovo/utils';
+export interface ComponentsConfigs {
+    /** 组件前缀，默认为 'app' */
+    prefix?: string;
+    /** 首页路径 */
+    homePath?: string;
+    /** iconFont json 文件列表 */
+    iconFonts?: IconFontJson[];
+    /** 是否使用内部 iconFont */
+    useInnerIcon?: boolean;
+    /** tabbar 页面列表 */
+    tabbarList?: TabBarItem[];
+    /** 组件默认参数配置 */
+    componentsProps?: ComponentsProps;
+}
+/**
+ * 覆盖 @ecolovo/uniapp-components 库中 configs/index 导出变量的默认值。
+ * 原理：在 load 阶段拦截库的 configs/index 源码，将 `export const xxx = 默认值;`
+ * 中的默认值替换为插件配置的字面量，不修改库源文件本身。
+ */
+export default function configComponents(options?: ComponentsConfigs): Plugin;

package/vite.js

@@ -0,0 +1,68 @@
+import fs from 'node:fs';
+const configKeys = {
+    prefix: 'EC_COMPONENT_PREFIX',
+    homePath: 'EC_HOME_PATH',
+    iconFonts: 'EC_ICON_FONT',
+    useInnerIcon: 'EC_USE_INNER_ICON',
+    tabbarList: 'EC_TABBAR_LIST',
+    componentsProps: 'EC_DEFAULT_PROPS',
+};
+/**
+ * 匹配 uniapp-components 库中的 configs/index 入口文件（.ts / .js 两种产物）
+ */
+const CONFIGS_INDEX_RE = /@ecolovo[\\/]uniapp-components[\\/]configs[\\/]index\.([cm]?[jt]s)$/;
+/** 将配置值序列化为合法的 JS 表达式 */
+function serializeValue(value) {
+    return JSON.stringify(value, null, '\t');
+}
+/**
+ * 覆盖 @ecolovo/uniapp-components 库中 configs/index 导出变量的默认值。
+ * 原理：在 load 阶段拦截库的 configs/index 源码，将 `export const xxx = 默认值;`
+ * 中的默认值替换为插件配置的字面量，不修改库源文件本身。
+ */
+export default function configComponents(options = {}) {
+    // 转换结果缓存（key: 文件路径）
+    const cache = new Map();
+    return {
+        name: 'vite-plugin-config-ecolovo-components',
+        enforce: 'pre',
+        config() {
+            return {
+                optimizeDeps: {
+                    // 避免依赖预构建（esbuild）抢先打包该库，确保 load 钩子能拦截到源码
+                    exclude: ['@ecolovo/uniapp-components'],
+                },
+            };
+        },
+        load(id) {
+            const file = id.split('?')[0];
+            const posixPath = file.replace(/\\/g, '/');
+            // 只处理库的 configs/index 运行时源码，跳过类型声明文件
+            if (/\.d\.ts$/.test(posixPath) ||
+                !CONFIGS_INDEX_RE.test(posixPath)) {
+                return null;
+            }
+            const cached = cache.get(file);
+            if (cached !== undefined)
+                return cached;
+            let result = fs.readFileSync(file, 'utf-8');
+            for (const [key, value] of Object.entries(options)) {
+                // 值为 undefined 时保留库的默认值
+                if (value === undefined)
+                    continue;
+                const realKey = configKeys[key];
+                // 匹配 `export const KEY ... = 默认值;`，默认值以语句内首个分号/换行结束
+                const re = new RegExp(`(export\\s+(?:const|let|var)\\s+${realKey}\\b[^=]*?=\\s*)([^;\\n]+)(;)`);
+                if (!re.test(result)) {
+                    this.warn(`[default-params] configs/index 中未找到导出变量 ${realKey}，已跳过替换`);
+                    continue;
+                }
+                result = result.replace(re, (_match, prefix, _old, semi) => {
+                    return prefix + serializeValue(value) + semi;
+                });
+            }
+            cache.set(file, result);
+            return result;
+        },
+    };
+}

package/vite.ts

@@ -0,0 +1,107 @@
+import fs from 'node:fs';
+import type { Plugin } from 'vite';
+import type { TabBarItem } from '@ecolovo/utils';
+
+export interface ComponentsConfigs {
+	/** 组件前缀，默认为 'app' */
+	prefix?: string;
+	/** 首页路径 */
+	homePath?: string;
+	/** iconFont json 文件列表 */
+	iconFonts?: IconFontJson[];
+	/** 是否使用内部 iconFont */
+	useInnerIcon?: boolean;
+	/** tabbar 页面列表 */
+	tabbarList?: TabBarItem[];
+	/** 组件默认参数配置 */
+	componentsProps?: ComponentsProps;
+}
+
+const configKeys = {
+	prefix: 'EC_COMPONENT_PREFIX',
+	homePath: 'EC_HOME_PATH',
+	iconFonts: 'EC_ICON_FONT',
+	useInnerIcon: 'EC_USE_INNER_ICON',
+	tabbarList: 'EC_TABBAR_LIST',
+	componentsProps: 'EC_DEFAULT_PROPS',
+} as const;
+
+/**
+ * 匹配 uniapp-components 库中的 configs/index 入口文件（.ts / .js 两种产物）
+ */
+const CONFIGS_INDEX_RE =
+	/@ecolovo[\\/]uniapp-components[\\/]configs[\\/]index\.([cm]?[jt]s)$/;
+
+/** 将配置值序列化为合法的 JS 表达式 */
+function serializeValue(value: unknown): string {
+	return JSON.stringify(value, null, '\t');
+}
+
+/**
+ * 覆盖 @ecolovo/uniapp-components 库中 configs/index 导出变量的默认值。
+ * 原理：在 load 阶段拦截库的 configs/index 源码，将 `export const xxx = 默认值;`
+ * 中的默认值替换为插件配置的字面量，不修改库源文件本身。
+ */
+export default function configComponents(
+	options: ComponentsConfigs = {}
+): Plugin {
+	// 转换结果缓存（key: 文件路径）
+	const cache = new Map<string, string>();
+
+	return {
+		name: 'vite-plugin-config-ecolovo-components',
+		enforce: 'pre',
+		config() {
+			return {
+				optimizeDeps: {
+					// 避免依赖预构建（esbuild）抢先打包该库，确保 load 钩子能拦截到源码
+					exclude: ['@ecolovo/uniapp-components'],
+				},
+			};
+		},
+		load(id) {
+			const file = id.split('?')[0];
+			const posixPath = file.replace(/\\/g, '/');
+
+			// 只处理库的 configs/index 运行时源码，跳过类型声明文件
+			if (
+				/\.d\.ts$/.test(posixPath) ||
+				!CONFIGS_INDEX_RE.test(posixPath)
+			) {
+				return null;
+			}
+
+			const cached = cache.get(file);
+			if (cached !== undefined) return cached;
+
+			let result = fs.readFileSync(file, 'utf-8');
+
+			for (const [key, value] of Object.entries(options)) {
+				// 值为 undefined 时保留库的默认值
+				if (value === undefined) continue;
+
+				const realKey = configKeys[key as keyof typeof configKeys];
+
+				// 匹配 `export const KEY ... = 默认值;`，默认值以语句内首个分号/换行结束
+				const re = new RegExp(
+					`(export\\s+(?:const|let|var)\\s+${realKey}\\b[^=]*?=\\s*)([^;\\n]+)(;)`
+				);
+				if (!re.test(result)) {
+					this.warn(
+						`[default-params] configs/index 中未找到导出变量 ${realKey}，已跳过替换`
+					);
+					continue;
+				}
+				result = result.replace(
+					re,
+					(_match, prefix: string, _old: string, semi: string) => {
+						return prefix + serializeValue(value) + semi;
+					}
+				);
+			}
+
+			cache.set(file, result);
+			return result;
+		},
+	};
+}