uview-pro 0.5.14 → 0.5.16

package/components/u-upload/types.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ImgMode, UploadSizeType, UploadSourceType } from '../../types/global';
-import { baseProps } from '../common/props';
 import { useLocale } from '../../';
 
 const { t } = useLocale();
@@ -10,7 +9,16 @@ const { t } = useLocale();
  * @description 文件上传组件，支持多种自定义参数
  */
 export const UploadProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 选择器宽度，单位rpx */
     width: { type: [Number, String] as PropType<number | string>, default: 200 },
     /** 选择器高度，单位rpx */

package/components/u-verification-code/types.ts

@@ -1,5 +1,4 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { baseProps } from '../common/props';
 import { useLocale } from '../../';
 
 const { t } = useLocale();
@@ -9,7 +8,16 @@ const { t } = useLocale();
  * @description 验证码输入倒计时组件
  */
 export const VerificationCodeProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 倒计时时长，单位秒 */
     seconds: { type: [String, Number] as PropType<string | number>, default: 60 },
     /** 开始时按钮文字 */

package/components/u-waterfall/types.ts

@@ -1,12 +1,20 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { baseProps } from '../common/props';
 
 /**
  * WaterfallProps waterfall props 类型定义
  * @description 瀑布流组件，支持数据、间隔、idKey
  */
 export const WaterfallProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 瀑布流数据数组，必填 */
     modelValue: { type: Array as PropType<any[]>, required: true, default: () => [] },
     /** 新增数据的动画间隔，单位ms */

package/index.ts

@@ -1,7 +1,7 @@
 import { $u, type RequestOptions, initTheme, configProvider } from './libs';
 import type { UViewProOptions, Theme } from './types/global';
-import { logger } from './libs/util/logger';
 import { defaultThemes } from './libs/config/theme-tokens';
+import { setConfig } from './libs/config/config';
 
 declare const uni: {
     [key: string]: any;
@@ -74,10 +74,9 @@ const install = (app: any, options?: UViewProOptions): void => {
                 console.error('[install locales] Error:', e);
             }
             // 设置调试模式
-            logger
-                .setDebugMode(options?.log?.debug ?? false)
-                .setPrefix(options?.log?.prefix || '')
-                .setShowCallerInfo(options?.log?.showCallerInfo ?? true);
+            setConfig({
+                debugMode: options?.debugMode ?? false
+            });
         } else {
             // 默认初始化系统主题
             initTheme();

package/libs/config/config.ts

@@ -3,9 +3,9 @@
  */
 import { reactive } from 'vue';
 import { version } from '../../package.json';
-import type { DarkMode } from '../../types/global';
+import type { DarkMode, DebugMode } from '../../types/global';
 
-export interface AppConfig {
+export type AppConfig = {
     /** 版本号 */
     v: string;
     /** 版本号（冗余字段） */
@@ -18,7 +18,9 @@ export interface AppConfig {
     defaultDarkMode: DarkMode;
     /** 默认语言 */
     defaultLocale: string;
-}
+    /** 是否开启调试模式 */
+    debugMode?: boolean | DebugMode | DebugMode[];
+};
 
 export const config = reactive<AppConfig>({
     v: version,
@@ -30,7 +32,28 @@ export const config = reactive<AppConfig>({
     // 默认为亮色模式
     defaultDarkMode: 'light',
     // 默认为中文
-    defaultLocale: 'zh-CN'
+    defaultLocale: 'zh-CN',
+    // 默认不开启调试模式
+    debugMode: false
 });
 
+export const isDebugMode = (debug: DebugMode = 'log'): boolean => {
+    if (config.debugMode === false) return false;
+    if (config.debugMode === true) return true;
+    if (Array.isArray(config.debugMode)) return config.debugMode.includes(debug);
+    return config.debugMode === debug;
+};
+
+export const setConfig = (options: Partial<AppConfig>) => {
+    try {
+        Object.keys(options).forEach(key => {
+            if (key in config) {
+                (config as any)[key] = options[key as keyof AppConfig];
+            }
+        });
+    } catch (e) {
+        if (isDebugMode('error')) console.error('Failed to set config:', e);
+    }
+};
+
 export default config;

package/libs/css/common.scss

@@ -108,6 +108,11 @@ text {
     flex-direction: column;
 }
 
+.u-hidden {
+    opacity: 0;
+    visibility: hidden;
+}
+
 // 定义flex等分
 @for $i from 0 through 12 {
     .u-flex-#{$i} {

package/libs/hooks/useCompRelation.ts

@@ -1,14 +1,5 @@
-import {
-    ref,
-    reactive,
-    getCurrentInstance,
-    onUnmounted,
-    nextTick,
-    computed,
-    onMounted,
-    type ComponentInternalInstance
-} from 'vue';
-import { logger } from '../util/logger';
+import { ref, reactive, getCurrentInstance, onUnmounted, nextTick, computed, onMounted } from 'vue';
+import { isDebugMode } from '../config/config';
 
 // 类型定义
 interface ParentContext {
@@ -36,6 +27,8 @@ interface ChildContext {
 
 // 符号定义
 const PARENT_CONTEXT_SYMBOL = Symbol('parent_context');
+// 每个组件实例的 child id 缓存，避免同个组件中多次调用 useChildren 时生成不同 id
+const CHILD_ID_SYMBOL = Symbol('child_id');
 
 /**
  * 生成实例唯一ID
@@ -94,7 +87,7 @@ function findAllChildComponents(componentName: string, instance: any): any[] {
     }
 
     traverse(instance);
-    logger.log(`Found ${components.length} ${componentName} components`);
+    if (isDebugMode()) console.log(`Found ${components.length} ${componentName} components`);
     return components;
 }
 
@@ -122,7 +115,8 @@ export function useParent(componentName?: string) {
                   .filter(Boolean) as ChildContext[])
             : Array.from(childrenMap.values());
 
-        logger.log(`Parent ${name} broadcasting event: ${event} to ${targetChildren.length} children`);
+        if (isDebugMode())
+            console.log(`Parent ${name} broadcasting event: ${event} to ${targetChildren.length} children`);
 
         targetChildren.forEach(child => {
             const exposed = child.getExposed();
@@ -130,14 +124,15 @@ export function useParent(componentName?: string) {
                 try {
                     exposed[event](data);
                 } catch (error) {
-                    logger.warn(`Error calling child method ${event}:`, error);
+                    if (isDebugMode('error')) console.error(`Error calling child method ${event}:`, error);
                 }
             }
         });
     };
 
     const broadcastToChildren = (componentName: string, event: string, data?: any) => {
-        logger.log(`Parent ${name} broadcasting event: ${event} to all ${componentName} components`);
+        if (isDebugMode())
+            console.log(`Parent ${name} broadcasting event: ${event} to all ${componentName} components`);
 
         const childComponents = findAllChildComponents(componentName, instance);
         let successCount = 0;
@@ -149,14 +144,15 @@ export function useParent(componentName?: string) {
                     exposed[event](data);
                     successCount++;
                 } catch (error) {
-                    logger.warn(`Error calling ${componentName} method ${event}:`, error);
+                    if (isDebugMode('error')) console.error(`Error calling ${componentName} method ${event}:`, error);
                 }
             }
         });
 
-        logger.log(
-            `Parent ${name} successfully called ${successCount} of ${childComponents.length} ${componentName} components`
-        );
+        if (isDebugMode())
+            console.log(
+                `Parent ${name} successfully called ${successCount} of ${childComponents.length} ${componentName} components`
+            );
     };
 
     const parentContext: ParentContext = {
@@ -165,7 +161,7 @@ export function useParent(componentName?: string) {
             if (!childrenMap.has(child.id)) {
                 childrenMap.set(child.id, child);
                 children.push(child);
-                logger.log(`Parent ${name} added child: ${child.name}`);
+                if (isDebugMode()) console.log(`Parent ${name} added child: ${child.name}`);
             }
         },
         removeChild(childId: string) {
@@ -174,7 +170,7 @@ export function useParent(componentName?: string) {
                 childrenMap.delete(childId);
                 const index = children.findIndex(c => c.id === childId);
                 if (index > -1) children.splice(index, 1);
-                logger.log(`Parent ${name} removed child: ${childId}`);
+                if (isDebugMode()) console.log(`Parent ${name} removed child: ${childId}`);
             }
         },
         broadcast,
@@ -207,7 +203,7 @@ export function useParent(componentName?: string) {
         if (instance.proxy) {
             delete (instance.proxy as any)[PARENT_CONTEXT_SYMBOL];
         }
-        logger.log(`Parent ${name} unmounted and cleaned up`);
+        if (isDebugMode()) console.log(`Parent ${name} unmounted and cleaned up`);
     });
 
     return {
@@ -233,16 +229,23 @@ export function useChildren(componentName?: string, parentName?: string) {
     }
 
     const name = componentName || instance.type.name || instance.type.__name;
-    const instanceId = generateInstanceId(name || 'anonymous');
+    // 生成实例ID，同组件多次使用useChildren会重复创建
+    // const instanceId = generateInstanceId(name || 'anonymous');
+    // 尝试从实例上复用已有的 child id，避免同个组件内多次调用 useChildren 导致重复注册
+    let instanceId: string | undefined = (instance.proxy as any)?.[CHILD_ID_SYMBOL];
+    if (!instanceId) {
+        instanceId = generateInstanceId(name || 'anonymous');
+        if (instance.proxy) (instance.proxy as any)[CHILD_ID_SYMBOL] = instanceId;
+    }
     const parentRef = ref<any | null>(null);
     const parentExposed = ref<Record<string, any>>({});
 
     const createSimulatedParentContext = (parentInstance: any): ParentContext => ({
         name: parentInstance?.type?.name || parentInstance?.type?.__name || 'unknown',
-        addChild: () => logger.log('Simulated parent added child'),
-        removeChild: () => logger.log('Simulated parent removed child'),
-        broadcast: () => logger.log('Simulated parent broadcasting'),
-        broadcastToChildren: () => logger.log('Simulated parent broadcasting to children'),
+        addChild: () => isDebugMode() && console.log('Simulated parent added child'),
+        removeChild: () => isDebugMode() && console.log('Simulated parent removed child'),
+        broadcast: () => isDebugMode() && console.log('Simulated parent broadcasting'),
+        broadcastToChildren: () => isDebugMode() && console.log('Simulated parent broadcasting to children'),
         getChildren: () => [],
         getExposed: () => parentInstance?.exposed || {},
         getChildExposed: () => ({}),
@@ -300,10 +303,10 @@ export function useChildren(componentName?: string, parentName?: string) {
                 parent.addChild(childContext);
             }
             getParentExposed();
-            logger.log(`Child ${name || 'anonymous'} linked to parent ${parent.name}`);
+            if (isDebugMode()) console.log(`Child ${name || 'anonymous'} linked to parent ${parent.name}`);
             return true;
         }
-        logger.log(`Child ${name || 'anonymous'} no parent found, working in standalone mode`);
+        if (isDebugMode()) console.log(`Child ${name || 'anonymous'} no parent found, working in standalone mode`);
         return false;
     };
 
@@ -314,7 +317,7 @@ export function useChildren(componentName?: string, parentName?: string) {
                 try {
                     exposed[event](data, instanceId, name);
                 } catch (error) {
-                    logger.warn(`Error calling parent method ${event}:`, error);
+                    if (isDebugMode('error')) console.error(`Error calling parent method ${event}:`, error);
                 }
             }
         }
@@ -340,7 +343,7 @@ export function useChildren(componentName?: string, parentName?: string) {
         getExposed
     };
 
-    logger.log(`Child ${name || 'anonymous'} registered, looking for parent`);
+    if (isDebugMode()) console.log(`Child ${name || 'anonymous'} registered, looking for parent`);
 
     onMounted(() => {
         let connected = linkParent();
@@ -356,7 +359,7 @@ export function useChildren(componentName?: string, parentName?: string) {
         if (parentRef.value?.removeChild) {
             parentRef.value.removeChild(instanceId);
         }
-        logger.log(`Child ${name || 'anonymous'} unmounted`);
+        if (isDebugMode()) console.log(`Child ${name || 'anonymous'} unmounted`);
     });
 
     return {
@@ -402,13 +405,13 @@ export function getParentContextByName(parentName: string): ParentContext | null
  * 热更新清理函数
  */
 export function cleanupComponentRelations(): void {
-    logger.log('Cleaning up component relations for hot reload');
+    if (isDebugMode()) console.log('Cleaning up component relations for hot reload');
 }
 
 // 热更新处理
 if (import.meta.hot) {
     import.meta.hot.accept(() => {
-        logger.log('Hot reload detected, relations will be automatically reconnected');
+        if (isDebugMode()) console.log('Hot reload detected, relations will be automatically reconnected');
     });
 }
 

package/libs/index.ts

@@ -346,5 +346,4 @@ export {
 
 export * from './hooks';
 
-export * from './util/logger';
 export * from './util/config-provider';

package/libs/util/config-provider.ts

@@ -4,7 +4,7 @@
 
 import { ref } from 'vue';
 import type { DarkMode, Theme, ThemeColor } from '../../types/global';
-import config from '../config/config';
+import config, { isDebugMode } from '../config/config';
 import { defaultThemes } from '../config/theme-tokens';
 import { color as reactiveColor } from '../config/color';
 import { getSystemDarkMode as getNativeSystemDarkMode } from './system-theme';
@@ -64,7 +64,6 @@ export class ConfigProvider {
     public currentLocaleRef = ref<any | null>(null);
     private baseColorTokens: Partial<ThemeColor> = DEFAULT_LIGHT_TOKENS;
     private baseDarkColorTokens: Partial<ThemeColor> = DEFAULT_DARK_TOKENS;
-    private debug: boolean = false;
     private systemDarkModeMediaQuery: MediaQueryList | null = null;
     private lastAppliedCssKeys: string[] = [];
     private interval: ReturnType<typeof setInterval> | number = 0;
@@ -95,7 +94,7 @@ export class ConfigProvider {
                 }
             }
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] H5 system dark mode listener failed', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] H5 system dark mode listener failed', e);
         }
 
         // uni-app 平台：使用 uni.onThemeChange API
@@ -110,7 +109,7 @@ export class ConfigProvider {
                 });
             }
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] uni-app system dark mode listener failed', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] uni-app system dark mode listener failed', e);
         }
         this.initAppEvent();
     }
@@ -131,7 +130,7 @@ export class ConfigProvider {
                 }
             }, 5000);
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] setInterval failed', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] setInterval failed', e);
         }
         // #endif
     }
@@ -144,12 +143,12 @@ export class ConfigProvider {
                 return this.systemDarkModeMediaQuery.matches;
             }
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] matchMedia check failed', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] matchMedia check failed', e);
         }
         try {
             return getNativeSystemDarkMode() === 'dark';
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] native system theme check failed', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] native system theme check failed', e);
             return false;
         }
     }
@@ -162,7 +161,7 @@ export class ConfigProvider {
     initTheme(themes?: Theme[], defaultConfig?: string | DefaultThemeConfig, isForce?: boolean) {
         const normalizedThemes = this.normalizeThemes(themes);
         if (!normalizedThemes.length) {
-            console.warn('[ConfigProvider] init called with empty themes');
+            if (isDebugMode('warn')) console.warn('[ConfigProvider] init called with empty themes');
             return;
         }
 
@@ -197,7 +196,7 @@ export class ConfigProvider {
         // 应用主题
         this.applyTheme(found);
 
-        if (this.debug)
+        if (isDebugMode())
             console.log('[ConfigProvider] initialized, theme=', found.name, 'darkMode=', this.darkModeRef.value);
 
         return this;
@@ -223,7 +222,7 @@ export class ConfigProvider {
     initLocales(locales?: any[], defaultLocaleName?: string, isForce?: boolean) {
         const normalized = this.normalizeLocales(locales);
         if (!normalized.length) {
-            if (this.debug) console.warn('[ConfigProvider] initLocales called with empty locales');
+            if (isDebugMode('warn')) console.warn('[ConfigProvider] initLocales called with empty locales');
             return;
         }
 
@@ -241,7 +240,7 @@ export class ConfigProvider {
 
         this.currentLocaleRef.value = found;
 
-        if (this.debug) console.log('[ConfigProvider] locales initialized, locale=', found?.name);
+        if (isDebugMode()) console.log('[ConfigProvider] locales initialized, locale=', found?.name);
 
         return this;
     }
@@ -255,7 +254,7 @@ export class ConfigProvider {
         try {
             builtinList = Object.values(localePack || {}).filter(v => v && typeof v === 'object');
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] normalizeLocales read builtin failed', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] normalizeLocales read builtin failed', e);
         }
 
         // 如果没有传入自定义 locales，直接返回内置列表
@@ -315,17 +314,17 @@ export class ConfigProvider {
      */
     setLocale(localeName: string) {
         if (!this.localesRef.value || this.localesRef.value.length === 0) {
-            console.warn('[ConfigProvider] setLocale called but locales list empty');
+            if (isDebugMode('warn')) console.warn('[ConfigProvider] setLocale called but locales list empty');
             return;
         }
         const locale = this.localesRef.value.find(l => l.name === localeName);
         if (!locale) {
-            console.warn('[ConfigProvider] locale not found:', localeName);
+            if (isDebugMode('warn')) console.warn('[ConfigProvider] locale not found:', localeName);
             return;
         }
         this.currentLocaleRef.value = locale;
         this.writeStorage(LOCALE_STORAGE_KEY, localeName);
-        if (this.debug) console.log('[ConfigProvider] setLocale ->', localeName);
+        if (isDebugMode()) console.log('[ConfigProvider] setLocale ->', localeName);
     }
 
     /**
@@ -340,7 +339,7 @@ export class ConfigProvider {
                 this.initLocales();
             }
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] lazy initLocales failed', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] lazy initLocales failed', e);
         }
 
         const localeObj =
@@ -386,13 +385,13 @@ export class ConfigProvider {
      */
     setTheme(themeName: string) {
         if (!this.themesRef.value || this.themesRef.value.length === 0) {
-            console.warn('[ConfigProvider] setTheme called but themes list empty');
+            if (isDebugMode('warn')) console.warn('[ConfigProvider] setTheme called but themes list empty');
             return;
         }
 
         const theme = this.themesRef.value.find(t => t.name === themeName);
         if (!theme) {
-            console.warn('[ConfigProvider] theme not found:', themeName);
+            if (isDebugMode('warn')) console.warn('[ConfigProvider] theme not found:', themeName);
             return;
         }
 
@@ -404,7 +403,7 @@ export class ConfigProvider {
         // 持久化
         this.writeStorage(THEME_STORAGE_KEY, themeName);
 
-        if (this.debug) console.log('[ConfigProvider] setTheme ->', themeName);
+        if (isDebugMode()) console.log('[ConfigProvider] setTheme ->', themeName);
     }
 
     /**
@@ -414,7 +413,7 @@ export class ConfigProvider {
     public setThemeColor(colors: Partial<ThemeColor>) {
         if (!colors || Object.keys(colors).length === 0) return;
         if (!this.currentThemeRef.value) {
-            console.warn('[ConfigProvider] setThemeColor called but no current theme');
+            if (isDebugMode('warn')) console.warn('[ConfigProvider] setThemeColor called but no current theme');
             return;
         }
 
@@ -437,7 +436,7 @@ export class ConfigProvider {
         // 重新应用当前主题以同步运行时 color、CSS 变量等
         this.applyTheme(this.currentThemeRef.value);
 
-        if (this.debug) console.log('[ConfigProvider] setThemeColor ->', colors);
+        if (isDebugMode()) console.log('[ConfigProvider] setThemeColor ->', colors);
     }
 
     /**
@@ -459,7 +458,7 @@ export class ConfigProvider {
         // 重新应用主题
         this.applyTheme(this.currentThemeRef.value);
 
-        if (this.debug) console.log('[ConfigProvider] setDarkMode ->', mode);
+        if (isDebugMode()) console.log('[ConfigProvider] setDarkMode ->', mode);
     }
 
     /**
@@ -637,7 +636,7 @@ export class ConfigProvider {
                 uni.$u.color = reactiveColor;
             }
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] sync runtime theme failed', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] sync runtime theme failed', e);
         }
     }
 
@@ -677,7 +676,7 @@ export class ConfigProvider {
             const value = uni.getStorageSync(key);
             return (value ?? null) as T | null;
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] failed to read storage', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] failed to read storage', e);
             return null;
         }
     }
@@ -690,7 +689,7 @@ export class ConfigProvider {
             if (typeof uni === 'undefined' || typeof uni.setStorageSync !== 'function') return;
             uni.setStorageSync(key, value);
         } catch (e) {
-            if (this.debug) console.warn('[ConfigProvider] failed to write storage', e);
+            if (isDebugMode('error')) console.error('[ConfigProvider] failed to write storage', e);
         }
     }
 

package/package.json

@@ -2,7 +2,7 @@
     "id": "uview-pro",
     "name": "uview-pro",
     "displayName": "【支持鸿蒙】uView Pro｜基于Vue3+TS的高质量UI组件库，支持多主题、暗黑模式、多语言",
-    "version": "0.5.14",
+    "version": "0.5.16",
     "description": "uView Pro是基于Vue3+TS的多平台UI框架，提供80+高质量组件、便捷工具和常用模板，支持多主题、暗黑模式、多语言，支持H5/APP/鸿蒙/小程序多端开发。已在鸿蒙应用商店上架，欢迎体验！",
     "main": "index.ts",
     "module": "index.ts",
@@ -80,7 +80,8 @@
                         "jd": "-",
                         "harmony": "√",
                         "qq": "√",
-                        "lark": "-"
+                        "lark": "-",
+                        "xhs": "-"
                     },
                     "quickapp": {
                         "huawei": "-",

package/types/global.d.ts

@@ -1,5 +1,7 @@
 export type ThemeType = 'primary' | 'info' | 'error' | 'warning' | 'success' | 'default';
 
+export type SizeType = 'default' | 'small' | 'large';
+
 export type ImgMode = 'aspectFit' | 'aspectFill' | 'widthFix' | 'top' | 'bottom' | 'center' | 'scaleToFill';
 
 export type Direction = 'horizontal' | 'vertical';
@@ -43,7 +45,7 @@ export type BadgeSize = 'default' | 'mini';
 // button 按钮类型
 export type ButtonType = 'primary' | 'info' | 'error' | 'warning' | 'success' | 'default';
 // button 按钮尺寸
-export type ButtonSize = 'default' | 'medium' | 'mini';
+export type ButtonSize = SizeType | 'default' | 'medium' | 'mini';
 // button 按钮 form-type
 export type ButtonFormType = '' | 'submit' | 'reset';
 // button 按钮 scope
@@ -150,6 +152,7 @@ export type InputType =
     | 'email'
     | 'safe-password'
     | 'name'
+    | 'nickname'
     | 'bank-card'
     | 'tel'
     | 'select';
@@ -290,7 +293,7 @@ export type TagMode = 'light' | 'dark' | 'plain';
 // tag 组件 shape
 export type TagShape = 'square' | 'circle' | 'circleLeft' | 'circleRight';
 // tag 组件 size
-export type TagSize = 'default' | 'mini' | 'medium';
+export type TagSize = 'default' | 'mini';
 // toast 组件 position
 export type ToastPosition = 'top' | 'center' | 'bottom';
 export type UploadSizeType = 'original' | 'compressed';
@@ -395,12 +398,6 @@ export type Themes = {
     isForce?: boolean;
 };
 
-export type LogConfig = Partial<{
-    debug?: boolean;
-    prefix?: string;
-    showCallerInfo?: boolean;
-}>;
-
 export type Locales = {
     locales: Locale[];
     defaultLocale?: string;
@@ -412,10 +409,12 @@ export type Locale = {
     [key: string]: any;
 };
 
+export type DebugMode = 'log' | 'warn' | 'error' | 'info';
+
 export interface UViewProOptions {
     theme?: ThemeColor | Theme[] | Themes;
-    log?: LogConfig;
     locale?: string | Locale[] | Locales;
+    debugMode?: boolean | DebugMode | DebugMode[];
     // 可扩展更多配置项
 }
 

package/components/common/props.ts

@@ -1,22 +0,0 @@
-import type { PropType } from 'vue';
-
-export const stringProp = <T>(defaultVal: T) => ({
-    type: String as unknown as PropType<T>,
-    default: defaultVal
-});
-
-export const stringOrObjectProp = <T>(defaultVal: T) => ({
-    type: [String, Object] as PropType<string | Record<string, any>>,
-    default: defaultVal
-});
-
-export const baseProps = {
-    /**
-     * 自定义根节点样式
-     */
-    customStyle: stringOrObjectProp(''),
-    /**
-     * 自定义根节点样式类
-     */
-    customClass: stringProp('')
-};