v-uni-app-ui 1.0.4 → 1.0.6

package/components/config/interface/props/basic-props.ts

@@ -1,88 +0,0 @@
-// 简化 BasicPropsDefinition 类型
-type VuePropDefinition = {
-	type: any;
-	default?: any;
-	required?: boolean;
-	validator?: (value: any) => boolean;
-};
-
-/**
- * 通用组件基础 props 定义
- * 所有组件都会自动继承这些 props
- */
-export const BasicProps = {
-	id: {
-		type: String,
-		default: ''
-	},
-	className: {
-		type: String,
-		default: ''
-	},
-	boxStyle: {
-		type: Object,
-		default: () => ({})
-	},
-	style: {
-		type: Object,
-		default: () => ({})
-	},
-	accessibility:{
-		type:Object,
-		default:()=>({})
-	}
-} as const;
-
-// 获取基础属性的键名类型
-type BasicPropsKeys = keyof typeof BasicProps;
-
-/**
- * 创建扩展基础 props 的验证器
- */
-export function extendWithBasicProps<T extends Record<string, VuePropDefinition>>(
-	componentProps: T,
-	options: {
-		exclude?: BasicPropsKeys[];
-		override?: Partial<Record<BasicPropsKeys, any>>;
-	} = {}
-): Record<string, VuePropDefinition> {
-	const { exclude = [], override = {} } = options;
-	const mergedProps: Record<string, VuePropDefinition> = {};
-
-	// 添加基础 props
-	Object.entries(BasicProps).forEach(([key, value]) => {
-		if (!exclude.includes(key as BasicPropsKeys)) {
-			const propKey = key as BasicPropsKeys;
-			if (override[propKey] !== undefined) {
-				// 修复：正确处理覆盖值
-				mergedProps[key] = {
-					...value,
-					default: typeof override[propKey] === 'object' && override[propKey] !== null && 'default' in override[propKey] ? override[propKey].default : override[propKey]
-				};
-			} else {
-				mergedProps[key] = value;
-			}
-		}
-	});
-
-	// 添加组件特定 props
-	Object.entries(componentProps).forEach(([key, value]) => {
-		mergedProps[key] = value;
-	});
-
-	return mergedProps;
-}
-
-/**
- * 从 props 配置中提取类型
- */
-export type ExtractPropTypes<T> = {
-	[K in keyof T]: T[K] extends { type: any } ? (T[K] extends { default?: infer D } ? (D extends () => infer R ? R : D) : any) : any;
-};
-
-/**
- * 创建 Vue 兼容的 props 定义
- */
-export function createVueProps<T extends Record<string, VuePropDefinition>>(props: T): T {
-	return props;
-}

package/components/config/interface/props/components/button-props.ts

@@ -1,85 +0,0 @@
-import type { PropType } from 'vue';
-import { extendWithBasicProps, ExtractPropTypes } from '@/components/config/interface/props/basic-props';
-import { BasicType, ButtonShape, BasicSize } from '@/components/config/interface/basic-type.js';
-import { Validators } from '@/components/utils/validator';
-import { PropTools } from '@/components/config/interface/props/props-tools';
-/**
- * 按钮组件 props 定义
- */
-const buttonProps = extendWithBasicProps(
-	{
-		//使用PropTools简写
-		shape: PropTools.enum<ButtonShape>(['default', 'none', 'circle'], 'default', 'buttonShape'),
-		type: {
-			type: String as PropType<BasicType>,
-			default: 'default',
-			validator: Validators.enum(['default', 'success', 'warning', 'info', 'delete'], 'buttonType')
-		},
-		size: PropTools.enum<BasicSize>(['small', 'medium', 'large'], 'medium', 'buttonSize'),
-		disabled: PropTools.boolean(false),
-		loading: PropTools.boolean(false),
-		plain: PropTools.boolean(false),
-		text: PropTools.boolean(false),
-		stabilizationTime: {
-			type: Number,
-			default: 0,
-			validator: Validators.numberRange(0, 1_000_000, 'Stabilization time must be between 0 and 1,000,000 ms.')
-		},
-		debounceTime: {
-			type: Number,
-			default: 0,
-			validator: Validators.numberRange(0, 1_000_000, 'The anti-shake waiting time must be between 0 and 1,000,000 milliseconds.')
-		},
-		intervalUpdateTime: {
-			type: Number,
-			default: 1000,
-			validator: Validators.numberRange(100, 100_000, 'Interval must be between 100 and 100,000 ms.')
-		},
-		degressionTime: {
-			type: Number,
-			default: 1000,
-			validator: Validators.numberRange(100, 10_000, 'Degression time must be between 100 and 10,000 ms.')
-		},
-		resetOnClick: PropTools.boolean(false),
-		hoverStartTime: {
-			type: Number,
-			default: 20,
-			validator: Validators.numberRange(10, 10_000, 'hover start time must be between 10 and 10,000 ms.')
-		},
-		hoverStayTime: {
-			type: Number,
-			default: 70,
-			validator: Validators.numberRange(10, 10_000, 'hover stay time must be between 10 and 10,000 ms.')
-		},
-		//组合校验
-		// customProp: {
-		// 	type: String,
-		// 	default: '',
-		// 	validator: Validators.combine(
-		// 		Validators.required('This field is required.'),
-		// 		Validators.length(3, 20, 'Length must be 3-20 characters.'),
-		// 		Validators.pattern(/^[a-zA-Z0-9_]+$/, 'Only letters, numbers and underscore are allowed.')
-		// 	)
-		// }
-	},
-	{
-		override: {
-			id: {
-				default: 'VButton'
-			},
-			className: {
-				default: 'v-button'
-			},
-			boxStyle: {
-				default: {
-					width: 'auto',
-					height: '50rpx',
-					padding: '14rpx 2rpx'
-				}
-			},
-			accessibility: {}
-		}
-	}
-);
-export default buttonProps;
-export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

package/components/config/interface/props/components/input-props.ts

@@ -1,69 +0,0 @@
-import { extendWithBasicProps, ExtractPropTypes } from '@/components/config/interface/props/basic-props';
-import { InputType, BasicSize, BasicHorizontallyPosition } from '@/components/config/interface/basic-type.js';
-import { Validators } from '@/components/utils/validator';
-import { PropTools } from '@/components/config/interface/props/props-tools';
-
-/**
- * 文本框组件 props 定义
- */
-const inputProps = extendWithBasicProps(
-	{
-		value: PropTools.string(),
-		size: PropTools.enum<BasicSize>(['small', 'medium', 'large'], 'medium', 'inputSize'),
-		placeholder: PropTools.array(),
-		placeholderTimeNumber: {
-			type: Number,
-			default: 0,
-			validator: Validators.numberRange(0, 1_000_000, 'The prompt switching time must be between 0 and 1,000,000 milliseconds.')
-		},
-		maxlength: {
-			type: Number,
-			default: -1,
-			validator: Validators.numberRange(-1, 1_0000_0000, 'The prompt switching time must be between 0 and 1,000,000 milliseconds.')
-		},
-		disabled: PropTools.boolean(false),
-		type: PropTools.enum<InputType>(
-			['text', 'id', 'safe-password', 'password', 'number', 'digit', 'numeric', 'decimal', 'email', 'phone', 'url', 'textarea', 'name', 'search', 'none'],
-			'text',
-			'inputType'
-		),
-		isWordCounter: PropTools.boolean(false),
-		textPosition: PropTools.enum<BasicHorizontallyPosition>(['left', 'right', 'center'], 'left', 'inputTextPosition'),
-		autoFocus: PropTools.boolean(false),
-		validators: PropTools.string(),
-		placeholderStyle: PropTools.object(),
-		cursor: PropTools.number(),
-		selectionStart: {
-			type: Number,
-			default: -1,
-			validator: Validators.numberRange(-1, 10_000, 'selection start must be between -1 and 10,000 milliseconds.')
-		},
-		selectionEnd: {
-			type: Number,
-			default: -1,
-			validator: Validators.numberRange(-1, 10_000, 'selection end must be between -1 and 10,000 milliseconds.')
-		},
-		isIcon: PropTools.boolean(false),
-		hiddenSymbols: PropTools.string('·'),
-		randomNumber: PropTools.boolean(false),
-		cursorColor: PropTools.string(),
-		focus: PropTools.boolean(false),
-		autoBlur: PropTools.boolean(false),
-		cursorSpacing:PropTools.number(0),
-	},
-	{
-		override: {
-			id: {
-				default: 'VInput'
-			},
-			className: {
-				default: 'v-input'
-			},
-			boxStyle: {
-				default: {}
-			}
-		}
-	}
-);
-export default inputProps;
-export type inputProps = ExtractPropTypes<typeof inputProps>;

package/components/config/interface/props/props-tools.ts

@@ -1,64 +0,0 @@
-import { Validators } from '@/components/utils/validator.ts';
-
-// 简化类型定义
-type SimplePropDefinition = {
-	type: any;
-	default?: any;
-	required?: boolean;
-	validator?: (value: any) => boolean;
-};
-
-// 简化的属性创建函数
-export function createProp<T>(type: any, defaultValue?: T, validator?: (value: any) => boolean): SimplePropDefinition {
-	const prop: SimplePropDefinition = { type };
-
-	if (defaultValue !== undefined) {
-		prop.default = defaultValue;
-	}
-
-	if (validator) {
-		prop.validator = validator;
-	}
-
-	return prop;
-}
-
-// 快捷方法
-export const PropTools = {
-	// 基础类型
-	string: (defaultValue: string = '', validator?: (value: string) => boolean) => createProp(String, defaultValue, validator),
-
-	number: (defaultValue: number = 0, validator?: (value: number) => boolean) => createProp(Number, defaultValue, validator),
-
-	boolean: (defaultValue: boolean = false) => createProp(Boolean, defaultValue),
-
-	array: <T>(defaultValue: T[] = []) => createProp(Array, () => defaultValue),
-
-	object: <T extends Record<string, any>>(defaultValue: T = {} as T) => createProp(Object, () => defaultValue),
-
-	function: <T extends Function>(defaultValue?: T) => createProp(Function, defaultValue),
-
-	// 枚举类型
-	enum: <T extends string>(allowedValues: readonly T[], defaultValue: T, displayName?: string) =>
-		createProp(String, defaultValue, Validators.enum(allowedValues, `${displayName || '属性'}必须是以下值之一: ${allowedValues.join(', ')}`)),
-
-	// 任意类型
-	any: (defaultValue: any = null) => createProp(null, defaultValue),
-
-	// 常用属性
-	id: () => createProp(String, ''),
-	className: () => createProp(String, ''),
-	style: () => createProp(Object, () => ({})),
-
-	// 带验证的属性
-	stringLength: (defaultValue: string = '', min?: number, max?: number) => createProp(String, defaultValue, Validators.length(min, max)),
-
-	numberRange: (defaultValue: number, min: number, max: number) => createProp(Number, defaultValue, Validators.numberRange(min, max)),
-
-	// 格式验证
-	email: (defaultValue: string = '') => createProp(String, defaultValue, Validators.email()),
-
-	phoneNumber: (defaultValue: string = '') => createProp(String, defaultValue, Validators.phoneNumber()),
-
-	url: (defaultValue: string = '') => createProp(String, defaultValue, Validators.url())
-};

package/components/config/style/basic.js

@@ -1,346 +0,0 @@
-export const styleConfig = {
-	// 基础样式配置
-	basic: {
-		// 背景颜色 - 按功能分类
-		backgroundColor: {
-			// 状态类背景色
-			default: '#307fff',
-			delete: '#ff5e5e',
-			success: '#31d283',
-			info: '#888888',
-			warning: '#fba000',
-			reversal: '#ffffff',
-			disabled: '#f5f5f5',
-
-			// 布局背景色
-			page: '#f8f8f8', // 页面背景
-			card: '#ffffff', // 卡片背景
-			section: '#fafafa', // 区域背景
-			mask: 'rgba(0, 0, 0, 0.5)', // 遮罩层背景
-
-			// 交互状态背景色
-			hover: '#f0f7ff', // 悬停背景
-			active: '#e6f0ff', // 激活背景
-			selected: '#307fff', // 选中背景
-			focus: 'rgba(48, 127, 255, 0.1)' // 聚焦背景
-		},
-
-		// 字体颜色 - 按语义分类
-		fontColor: {
-			// 状态类文字色
-			default: '#307fff',
-			delete: '#ff5e5e',
-			success: '#31d283',
-			info: '#888888',
-			warning: '#fba000',
-			reversal: '#ffffff',
-			disabled: '#cccccc',
-
-			// 层级文字色
-			primary: '#222222', // 主要文字
-			secondary: '#666666', // 次要文字
-			tertiary: '#969696', // 辅助文字
-			placeholder: '#cccccc', // 占位文字
-			description: '#888888', // 描述文字
-
-			// 特殊文字色
-			link: '#307fff', // 链接文字
-			error: '#ff5e5e', // 错误文字
-			warningText: '#fba000', // 警告文字
-			successText: '#31d283' // 成功文字
-		},
-
-		// 字体大小
-		fontSize: {
-			// 标题类
-			extraLargeTitle: '48rpx',
-			largeTitle: '42.5rpx',
-			mediumTitle: '34.5rpx',
-			smallTitle: '31.5rpx',
-			extraSmallTitle: '28rpx',
-
-			// 正文类
-			extraLargeText: '32rpx',
-			largeText: '29.5rpx',
-			mediumText: '25.5rpx',
-			smallText: '22.5rpx',
-			extraSmallText: '20rpx',
-
-			// 特殊类
-			message: '20.5rpx',
-			hint: '18.5rpx',
-			caption: '16rpx',
-			footnote: '14rpx'
-		},
-
-		// 字体其他属性
-		fontOther: {
-			fontFamily: "'Noto Sans CJK', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
-			fontWeight: {
-				thin: 100,
-				light: 300,
-				regular: 400,
-				medium: 500,
-				bold: 700,
-				black: 900
-			},
-			lineHeight: {
-				tight: 1.2,
-				normal: 1.5,
-				relaxed: 1.75,
-				loose: 2
-			}
-		},
-
-		// 文字间距
-		letterSpacing: {
-			tight: '-0.5rpx',
-			normal: '0rpx',
-			wide: '0.5rpx',
-			extraWide: '1rpx'
-		},
-
-		// 边框设置
-		border: {
-			// 边框颜色
-			color: {
-				default: '#307fff',
-				delete: '#ff5e5e',
-				success: '#31d283',
-				info: '#888888',
-				warning: '#fba000',
-				divider: '#e0e0e0', // 分割线
-				light: '#f0f0f0', // 浅色边框
-				dark: '#d9d9d9', // 深色边框
-				primary: '#d0d0d0' // 主要边框颜色
-			},
-
-			// 边框宽度
-			width: {
-				primary: '1rpx', //主要宽度
-				secondary: '2rpx', //次要宽度
-				medium: '3rpx', //中等
-				thick: '7.5rpx' //粗
-			},
-
-			// 边框样式
-			style: {
-				solid: 'solid',
-				dashed: 'dashed',
-				dotted: 'dotted'
-			}
-		},
-
-		// 圆角设置
-		borderRadius: {
-			default: '8rpx',
-			none: '0',
-			extraSmall: '4rpx',
-			small: '8rpx',
-			medium: '12rpx',
-			large: '16rpx',
-			extraLarge: '24rpx',
-			full: '9999rpx',
-			circle: '35rpx'
-		},
-
-		// 透明度
-		opacity: {
-			// 交互状态
-			hover: 0.9,
-			active: 0.8,
-			click: 0.8,
-			disabled: 0.6,
-
-			// 视觉层次
-			subtle: 0.3,
-			medium: 0.5,
-			strong: 0.7,
-
-			// 组件
-			toast: 0.95,
-			mask: 0.4,
-			border: 0.3,
-			overlay: 0.2
-		},
-
-		// 间距系统
-		spacing: {
-			// 基础间距
-			extraSmall: '4rpx',
-			small: '8rpx',
-			medium: '12rpx',
-			large: '16rpx',
-			extraLarge: '24rpx',
-			extraExtraLarge: '32rpx',
-			superLarge: '48rpx',
-
-			// 布局间距
-			pagePadding: '32rpx',
-			cardPadding: '24rpx',
-			sectionPadding: '16rpx',
-			itemSpacing: '12rpx'
-		},
-
-		// 阴影系统
-		shadow: {
-			// 层级阴影
-			none: 'none',
-			small: '0 2rpx 8rpx rgba(0, 0, 0, 0.1)',
-			medium: '0 4rpx 12rpx rgba(0, 0, 0, 0.15)',
-			large: '0 8rpx 24rpx rgba(0, 0, 0, 0.2)',
-			extraLarge: '0 12rpx 48rpx rgba(0, 0, 0, 0.25)',
-
-			// 特殊阴影
-			focus: '0 0 0 3rpx rgba(48, 127, 255, 0.2)',
-			inset: 'inset 0 2rpx 4rpx rgba(0, 0, 0, 0.1)',
-
-			// 颜色阴影
-			default: '0 4rpx 12rpx rgba(48, 127, 255, 0.3)',
-			success: '0 4rpx 12rpx rgba(49, 210, 131, 0.3)',
-			warning: '0 4rpx 12rpx rgba(251, 160, 0, 0.3)',
-			info: '0 4rpx 12rpx rgba(0, 0, 0, 0.3)',
-			delete: '0 4rpx 12rpx rgba(255, 94, 94, 0.3)'
-		},
-
-		// 动画时长
-		animation: {
-			duration: {
-				instant: '100ms',
-				fast: '200ms',
-				normal: '300ms',
-				slow: '500ms',
-				verySlow: '800ms'
-			},
-			easing: {
-				linear: 'linear',
-				easeInOut: 'ease-in-out',
-				easeOut: 'ease-out',
-				easeIn: 'ease-in',
-				easeOutCubic: 'cubic-bezier(0.33, 1, 0.68, 1)',
-				easeInOutCubic: 'cubic-bezier(0.65, 0, 0.35, 1)',
-				easeOutBack: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
-				easeInOutBack: 'cubic-bezier(0.68, -0.6, 0.32, 1.6)'
-			},
-			transition: {
-				default: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)'
-			},
-		},
-
-		// z-index层级
-		zIndex: {
-			base: 0,
-			content: 10,
-			overlay: 100,
-			modal: 1000,
-			toast: 1100,
-			tooltip: 1200,
-			dropdown: 1300,
-			notification: 1400
-		}
-	},
-
-	// 暗黑模式配置
-	darkMode: {
-		backgroundColor: {
-			default: '#307fff',
-			delete: '#ff5e5e',
-			success: '#31d283',
-			info: '#888888',
-			warning: '#fba000',
-			reversal: '#1a1a1a',
-			disabled: '#2a2a2a',
-			page: '#121212',
-			card: '#1e1e1e',
-			section: '#2a2a2a',
-			mask: 'rgba(0, 0, 0, 0.7)',
-			hover: 'rgba(48, 127, 255, 0.2)',
-			active: 'rgba(48, 127, 255, 0.3)',
-			selected: '#307fff',
-			focus: 'rgba(48, 127, 255, 0.1)'
-		},
-		fontColor: {
-			default: '#307fff',
-			delete: '#ff5e5e',
-			success: '#31d283',
-			info: '#888888',
-			warning: '#fba000',
-			reversal: '#ffffff',
-			disabled: '#555555',
-			primary: '#ffffff',
-			secondary: '#cccccc',
-			tertiary: '#999999',
-			placeholder: '#666666',
-			description: '#888888',
-			link: '#307fff',
-			error: '#ff5e5e',
-			warningText: '#fba000',
-			successText: '#31d283'
-		},
-		border: {
-			color: {
-				default: '#307fff',
-				delete: '#ff5e5e',
-				success: '#31d283',
-				info: '#888888',
-				warning: '#fba000',
-				divider: '#333333',
-				light: '#2a2a2a',
-				dark: '#444444'
-			}
-		}
-	},
-
-	// 响应式断点（基于rpx）
-	breakpoints: {
-		mobile: '768rpx',
-		tablet: '1024rpx',
-		desktop: '1280rpx',
-		wide: '1440rpx'
-	},
-
-	// 组件特定配置
-	components: {
-		VButton: {
-			height: {
-				small: '50rpx',
-				medium: '60rpx',
-				large: '70rpx'
-			},
-			padding: {
-				small: '14rpx 10rpx',
-				medium: '15rpx 15rpx',
-				large: '20rpx 20rpx'
-			},
-			plain: {
-				backgroundColor: 'transparent',
-				borderWidth: '1rpx'
-			},
-			text: {
-				backgroundColor: 'transparent',
-				borderWidth: '0'
-			},
-			shape: {
-				default: {
-					width: "1rpx",
-					style: 'solid'
-				},
-				none: {
-					width: "1rpx",
-					style: 'solid'
-				},
-				circle: {
-					width: "1rpx",
-					style: 'solid'
-				}
-			}
-		},
-		VInput: {
-			height: {
-				small: '50rpx',
-				medium: '60rpx',
-				large: '70rpx'
-			},
-		}
-	}
-};