v-uni-app-ui 1.0.4 → 1.0.7

package/components/config/style/component-registry.js

@@ -1,142 +0,0 @@
-import {
-	styleConfig
-} from './basic.js'
-
-// 导入组件样式配置
-import ButtonStyleConfig from '@/components/config/style/components/button-style.js'
-import InputStyleConfig from '@/components/config/style/components/input-style.js'
-/**
- * 默认组件样式配置
- */
-const DefaultStyleConfig = {}
-
-/**
- * 组件样式注册表
- */
-const ComponentStyleRegistry = {
-	button: ButtonStyleConfig,
-	input: InputStyleConfig,
-	default: DefaultStyleConfig
-}
-
-/**
- * 获取组件样式配置（合并默认配置）
- * @param {string} componentName 组件名称
- * @returns {Object} 组件样式配置
- */
-export function getComponentStyleConfig(componentName) {
-	const config = ComponentStyleRegistry[componentName] || ComponentStyleRegistry.default
-
-	// 如果组件配置有默认样式，确保返回的是包含默认配置的对象
-	if (config) {
-		// 复制配置，确保不修改原始配置
-		const mergedConfig = {
-			...config
-		}
-
-		// 如果组件有自己的默认配置，将其合并到根级别
-		if (mergedConfig.default) {
-			// 注意：这里不直接合并，因为default可能在特定场景下使用
-			// 保持原有结构，PropertyMapper会处理default配置
-		}
-
-		return mergedConfig
-	}
-
-	return config
-}
-
-/**
- * 注册组件样式配置
- * @param {string} componentName 组件名称
- * @param {Object} styleConfig 样式配置
- * @param {boolean} mergeWithDefault 是否与现有默认配置合并
- */
-export function registerComponentStyle(componentName, styleConfig, mergeWithDefault = true) {
-	if (!ComponentStyleRegistry[componentName]) {
-		ComponentStyleRegistry[componentName] = {}
-	}
-
-	if (mergeWithDefault) {
-		// 深度合并配置，包括默认配置
-		ComponentStyleRegistry[componentName] = deepMerge(
-			ComponentStyleRegistry[componentName],
-			styleConfig
-		)
-	} else {
-		// 直接覆盖
-		ComponentStyleRegistry[componentName] = styleConfig
-	}
-}
-
-/**
- * 检查组件是否已注册样式
- * @param {string} componentName 组件名称
- * @returns {boolean}
- */
-export function hasComponentStyle(componentName) {
-	return !!ComponentStyleRegistry[componentName]
-}
-
-/**
- * 获取所有已注册的组件名称
- * @returns {string[]}
- */
-export function getRegisteredComponents() {
-	return Object.keys(ComponentStyleRegistry).filter(name => name !== 'default')
-}
-
-/**
- * 深度合并对象
- */
-function deepMerge(target, source) {
-	const result = {
-		...target
-	}
-
-	for (const key in source) {
-		if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
-			if (target[key] && typeof target[key] === 'object') {
-				result[key] = deepMerge(target[key], source[key])
-			} else {
-				result[key] = source[key]
-			}
-		} else {
-			result[key] = source[key]
-		}
-	}
-
-	return result
-}
-
-/**
- * 设置组件的默认样式配置
- * @param {string} componentName 组件名称
- * @param {Object} defaultConfig 默认样式配置
- */
-export function setComponentDefaultConfig(componentName, defaultConfig) {
-	if (!ComponentStyleRegistry[componentName]) {
-		ComponentStyleRegistry[componentName] = {}
-	}
-
-	// 将默认配置合并到组件配置的default属性中
-	ComponentStyleRegistry[componentName].default = deepMerge(
-		ComponentStyleRegistry[componentName].default || {},
-		defaultConfig
-	)
-}
-
-// 导出注册表
-export {
-	ComponentStyleRegistry
-}
-
-// 默认导出
-export default {
-	getComponentStyleConfig,
-	registerComponentStyle,
-	hasComponentStyle,
-	getRegisteredComponents,
-	setComponentDefaultConfig,
-	ComponentStyleRegistry
-}

package/components/config/style/components/button-style.js

@@ -1,160 +0,0 @@
-import {
-	styleConfig
-} from "@/components/config/style/basic.js"
-export default {
-	size: {
-		'small': {
-			height: styleConfig.components.VButton.height.small,
-			padding: styleConfig.components.VButton.padding.small,
-			fontSize: styleConfig.basic.fontSize.smallText,
-		},
-		'medium': {
-			height: styleConfig.components.VButton.height.medium,
-			padding: styleConfig.components.VButton.padding.medium,
-			fontSize: styleConfig.basic.fontSize.mediumText,
-		},
-		'large': {
-			height: styleConfig.components.VButton.height.large,
-			padding: styleConfig.components.VButton.padding.large,
-			fontSize: styleConfig.basic.fontSize.largeText,
-		},
-	},
-	type: {
-		'default': {
-			backgroundColor: styleConfig.basic.backgroundColor.default,
-			color: styleConfig.basic.fontColor.reversal,
-			borderColor: styleConfig.basic.border.color.default
-		},
-		'success': {
-			backgroundColor: styleConfig.basic.backgroundColor.success,
-			color: styleConfig.basic.fontColor.reversal,
-			borderColor: styleConfig.basic.border.color.success
-		},
-		'warning': {
-			backgroundColor: styleConfig.basic.backgroundColor.warning,
-			color: styleConfig.basic.fontColor.reversal,
-			borderColor: styleConfig.basic.border.color.warning
-		},
-		'info': {
-			backgroundColor: styleConfig.basic.backgroundColor.info,
-			color: styleConfig.basic.fontColor.reversal,
-			borderColor: styleConfig.basic.border.color.info
-		},
-		'delete': {
-			backgroundColor: styleConfig.basic.backgroundColor.delete,
-			color: styleConfig.basic.fontColor.reversal,
-			borderColor: styleConfig.basic.border.color.delete
-		},
-
-		// 镂空类型
-		'default-plain': {
-			backgroundColor: styleConfig.components.VButton.plain.backgroundColor,
-			color: styleConfig.basic.fontColor.default,
-			borderColor: styleConfig.basic.border.color.default,
-			borderWidth: styleConfig.components.VButton.plain.borderWidth
-		},
-		'success-plain': {
-			backgroundColor: styleConfig.components.VButton.plain.backgroundColor,
-			color: styleConfig.basic.fontColor.success,
-			borderColor: styleConfig.basic.border.color.success,
-			borderWidth: styleConfig.components.VButton.plain.borderWidth
-		},
-		'warning-plain': {
-			backgroundColor: styleConfig.components.VButton.plain.backgroundColor,
-			color: styleConfig.basic.fontColor.warning,
-			borderColor: styleConfig.basic.border.color.warning,
-			borderWidth: styleConfig.components.VButton.plain.borderWidth
-		},
-		'delete-plain': {
-			backgroundColor: styleConfig.components.VButton.plain.backgroundColor,
-			color: styleConfig.basic.fontColor.delete,
-			borderColor: styleConfig.basic.border.color.delete,
-			borderWidth: styleConfig.components.VButton.plain.borderWidth
-		},
-		'info-plain': {
-			backgroundColor: styleConfig.components.VButton.plain.backgroundColor,
-			color: styleConfig.basic.fontColor.info,
-			borderColor: styleConfig.basic.border.color.info,
-			borderWidth: styleConfig.components.VButton.plain.borderWidth
-		},
-		//文本
-		'default-text': {
-			backgroundColor: styleConfig.components.VButton.text.backgroundColor,
-			color: styleConfig.basic.fontColor.default,
-			borderColor: styleConfig.basic.border.color.default,
-			borderWidth: styleConfig.components.VButton.text.borderWidth
-		},
-		'success-text': {
-			backgroundColor: styleConfig.components.VButton.text.backgroundColor,
-			color: styleConfig.basic.fontColor.success,
-			borderColor: styleConfig.basic.border.color.success,
-			borderWidth: styleConfig.components.VButton.text.borderWidth
-		},
-		'warning-text': {
-			backgroundColor: styleConfig.components.VButton.text.backgroundColor,
-			color: styleConfig.basic.fontColor.warning,
-			borderColor: styleConfig.basic.border.color.warning,
-			borderWidth: styleConfig.components.VButton.text.borderWidth
-		},
-		'delete-text': {
-			backgroundColor: styleConfig.components.VButton.text.backgroundColor,
-			color: styleConfig.basic.fontColor.delete,
-			borderColor: styleConfig.basic.border.color.delete,
-			borderWidth: styleConfig.components.VButton.text.borderWidth
-		},
-		'info-text': {
-			backgroundColor: styleConfig.components.VButton.text.backgroundColor,
-			color: styleConfig.basic.fontColor.info,
-			borderColor: styleConfig.basic.border.color.info,
-			borderWidth: styleConfig.components.VButton.text.borderWidth
-		}
-	},
-	shape: {
-		'default': {
-			borderWidth: styleConfig.components.VButton.shape.default.width,
-			borderStyle: styleConfig.components.VButton.shape.default.style,
-			borderRadius: styleConfig.basic.borderRadius.default
-		},
-		'none': {
-			borderWidth: styleConfig.components.VButton.shape.none.width,
-			borderStyle: styleConfig.components.VButton.shape.none.style,
-			borderRadius: styleConfig.basic.borderRadius.none
-		},
-		'circle': {
-			borderWidth: styleConfig.components.VButton.shape.circle.width,
-			borderStyle: styleConfig.components.VButton.shape.circle.style,
-			borderRadius: styleConfig.basic.borderRadius.circle
-		}
-	},
-	default: {
-		cursor: 'pointer',
-		transition: styleConfig.basic.animation.transition.default,
-		display: 'inline-flex',
-		alignItems: 'center',
-		justifyContent: 'center',
-		_pseudo: {
-			'--hover': {
-				opacity: styleConfig.basic.opacity.hover,
-				boxShadow: {
-					type: {
-						default: styleConfig.basic.shadow.default,
-						success: styleConfig.basic.shadow.success,
-						warning: styleConfig.basic.shadow.warning,
-						info: styleConfig.basic.shadow.info,
-						delete: styleConfig.basic.shadow.delete,
-
-						'default-text': styleConfig.basic.shadow.none,
-						'success-text': styleConfig.basic.shadow.none,
-						'warning-text': styleConfig.basic.shadow.none,
-						'delete-text': styleConfig.basic.shadow.none,
-						'info-text': styleConfig.basic.shadow.none,
-					},
-				}
-			},
-			'--active': {
-				opacity: styleConfig.basic.opacity.active,
-				boxShadow: styleConfig.basic.shadow.none
-			}
-		}
-	},
-}

package/components/config/style/components/input-style.js

@@ -1,98 +0,0 @@
-import {
-	styleConfig
-} from "@/components/config/style/basic.js"
-export default {
-	size: {
-		'small': {
-			height: styleConfig.components.VInput.height.small
-		},
-		'medium': {
-			height: styleConfig.components.VInput.height.medium
-		},
-		'large': {
-			height: styleConfig.components.VInput.height.large
-		}
-	},
-	default: {
-		borderColor: styleConfig.basic.border.color.primary,
-		borderRadius: styleConfig.basic.borderRadius.default,
-		borderWidth: styleConfig.basic.border.width.primary,
-		borderStyle: styleConfig.basic.border.style.solid,
-		transition: styleConfig.basic.animation.transition.default,
-		display: 'flex',
-		_pseudo: {
-			'--focus': {
-				borderColor: styleConfig.basic.border.color.default,
-				boxShadow: styleConfig.basic.shadow.default
-			},
-		},
-		son: {
-			leftSlot: {
-				default: {
-					minWidth: '0.5%',
-					marginRight: '2%',
-					height: '100%',
-					display: 'flex',
-					alignItems: 'center',
-				}
-			},
-			input: {
-				size: {
-					'small': {
-						fontSize: styleConfig.basic.fontSize.smallText
-					},
-					'medium': {
-						fontSize: styleConfig.basic.fontSize.mediumText
-					},
-					'large': {
-						fontSize: styleConfig.basic.fontSize.largeText
-					}
-				},
-				default: {
-					maxWidth: '95%',
-					width: '-webkit-fill-available',
-					height: '85%',
-					margin: 'auto',
-					color: styleConfig.basic.fontColor.primary
-				}
-			},
-			rightSlot: {
-				default: {
-					minWidth: '2.5%',
-					height: '100%',
-					display: 'flex',
-					alignItems: 'center',
-				}
-			},
-			placeholder: {
-				default: {
-					color: styleConfig.basic.fontColor.placeholder
-				}
-			},
-			icon: {
-				default: {
-					width: '100%',
-					height: '100%',
-					paddingLeft: '10rpx',
-					display: 'flex',
-					alignItems: 'center',
-				}
-			},
-			iconFill: {
-				default: {
-					width: '1px',
-					height: '100%',
-					marginLeft: '10rpx',
-					borderRightColor: styleConfig.basic.border.color.primary,
-					borderRightStyle: styleConfig.basic.border.style.solid,
-					borderRightWidth: styleConfig.basic.border.width.primary
-				},
-				_pseudo: {
-					'--focus': {
-						borderRightColor: styleConfig.basic.border.color.default
-					},
-				},
-			},
-		}
-	}
-}