@ecolovo/uniapp-components 2.0.7 → 2.0.9

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.7",
+	"version": "2.0.9",
 	"description": "Ecolovo UniApp Vue3 组件库",
 	"keywords": [
 		"components",

package/styles/global.scss

@@ -101,6 +101,9 @@ page {
 }
 
 // flex
+.flexible {
+	display: flex;
+}
 .flex-1 {
 	flex: 1;
 }

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;
+		},
+	};
+}

package/init.d.ts

@@ -1,21 +0,0 @@
-import type { TabBarItem } from '@ecolovo/utils';
-import type { IconFontJson } from './configs';
-/** 组件库初始化配置 */
-interface InitOptions {
-    /** 组件前缀 */
-    componentPrefix?: string;
-    /** 首页路径 */
-    homePath?: string;
-    /** tabbar 页面列表 */
-    tabbarList?: TabBarItem[];
-    /** iconfont 图标 json 文件 */
-    iconfont?: IconFontJson | IconFontJson[];
-    /** 修改组件库默认配置 */
-    componentsProps?: ComponentsProps;
-}
-/**
- * 组件库初始化方法，在使用组件库前调用
- * @param options 组件库初始化配置
- */
-declare function init(options?: InitOptions): void;
-export default init;

package/init.js

@@ -1,91 +0,0 @@
-import { setComponentPrefix, setHomePath, addIcons, setTabbarList, } from './configs';
-import { setDefaultBadgeProps } from './components/badge/types';
-import { setDefaultButtonProps } from './components/button/types';
-import { setDefaultCheckboxProps } from './components/checkbox/types';
-import { setDefaultCheckboxGroupProps } from './components/checkbox-group/types';
-import { setDefaultDatePickerProps } from './components/date-picker/types';
-import { setDefaultDialogProps } from './components/dialog/types';
-import { setDefaultDropdownProps } from './components/dropdown/types';
-import { setDefaultEmptyProps } from './components/empty/types';
-import { setDefaultFlexProps } from './components/flex/types';
-import { setDefaultFormProps } from './components/form/types';
-import { setDefaultFormItemProps } from './components/form-item/types';
-import { setDefaultImageProps } from './components/image/types';
-import { setDefaultInputProps, setDefaultPasswordInputProps, } from './components/input/types';
-import { setDefaultListPageProps } from './components/list-page/types';
-import { setDefaultLoadMoreProps } from './components/load-more/types';
-import { setDefaultLoadingProps } from './components/loading/types';
-import { setDefaultMessageBoxProps } from './components/message-box/types';
-import { setDefaultNumberDialogProps } from './components/number-dialog/types';
-import { setDefaultNumberInputProps } from './components/number-input/types';
-import { setDefaultNumpadProps } from './components/numpad/types';
-import { setDefaultPageProps, setDefaultPageHeaderProps, } from './components/page/types';
-import { setDefaultPickerProps } from './components/picker/types';
-import { setDefaultPopoverProps } from './components/popover/types';
-import { setDefaultPopupProps } from './components/popup/types';
-import { setDefaultPriceProps } from './components/price/types';
-import { setDefaultSearchProps } from './components/search/types';
-import { setDefaultSearchingProps } from './components/searching/types';
-import { setDefaultSwitchProps } from './components/switch/types';
-import { setDefaultTabProps } from './components/tab/types';
-import { setDefaultTextareaProps } from './components/textarea/types';
-import { setDefaultMediaUploadProps } from './components/upload/types';
-/**
- * 组件库初始化方法，在使用组件库前调用
- * @param options 组件库初始化配置
- */
-function init(options = {}) {
-    if (options.componentPrefix) {
-        setComponentPrefix(options.componentPrefix);
-    }
-    if (options.homePath) {
-        setHomePath(options.homePath);
-    }
-    if (options.tabbarList) {
-        setTabbarList(options.tabbarList);
-    }
-    if (options.iconfont) {
-        if (Array.isArray(options.iconfont)) {
-            options.iconfont.forEach(addIcons);
-        }
-        else {
-            addIcons(options.iconfont);
-        }
-    }
-    if (options.componentsProps) {
-        setDefaultBadgeProps(options.componentsProps.badge);
-        setDefaultButtonProps(options.componentsProps.button);
-        setDefaultCheckboxProps(options.componentsProps.checkbox);
-        setDefaultCheckboxGroupProps(options.componentsProps.checkboxGroup);
-        setDefaultDatePickerProps(options.componentsProps.datePicker);
-        setDefaultDialogProps(options.componentsProps.dialog);
-        setDefaultDropdownProps(options.componentsProps.dropdown);
-        setDefaultEmptyProps(options.componentsProps.empty);
-        setDefaultFlexProps(options.componentsProps.flex);
-        setDefaultFormProps(options.componentsProps.form);
-        setDefaultFormItemProps(options.componentsProps.formItem);
-        setDefaultImageProps(options.componentsProps.image);
-        setDefaultInputProps(options.componentsProps.input);
-        setDefaultPasswordInputProps(options.componentsProps.passwordInput);
-        setDefaultListPageProps(options.componentsProps.listPage);
-        setDefaultLoadMoreProps(options.componentsProps.loadMore);
-        setDefaultLoadingProps(options.componentsProps.loading);
-        setDefaultMessageBoxProps(options.componentsProps.messageBox);
-        setDefaultNumberDialogProps(options.componentsProps.numberDialog);
-        setDefaultNumberInputProps(options.componentsProps.numberInput);
-        setDefaultNumpadProps(options.componentsProps.numpad);
-        setDefaultPageProps(options.componentsProps.page);
-        setDefaultPageHeaderProps(options.componentsProps.pageHeader);
-        setDefaultPickerProps(options.componentsProps.picker);
-        setDefaultPopoverProps(options.componentsProps.popover);
-        setDefaultPopupProps(options.componentsProps.popup);
-        setDefaultPriceProps(options.componentsProps.price);
-        setDefaultSearchProps(options.componentsProps.search);
-        setDefaultSearchingProps(options.componentsProps.searching);
-        setDefaultSwitchProps(options.componentsProps.switch);
-        setDefaultTabProps(options.componentsProps.tab);
-        setDefaultTextareaProps(options.componentsProps.textarea);
-        setDefaultMediaUploadProps(options.componentsProps.mediaUpload);
-    }
-}
-export default init;