构造函数 - 初始化组件的默认属性
Staticstyles定义组件样式 - 使用静态属性
Staticproperties定义响应式属性 - 使用静态属性
Staticobserved组件连接到DOM时的回调 初始化数值字符串表示
组件首次更新完成后的回调 应用主题样式到输入元素
设置数值 更新组件的数值并格式化显示
要设置的数值
更新数值并刷新界面
要更新的数值
设置多个数值(用于多选状态) 如果数组中的值一致则显示该值,否则显示"多个"
数值数组
设置禁用状态
是否禁用
更新输入元素的显示和样式 根据数值的有效性应用相应的CSS类
输入事件回调函数 处理用户输入,进行实时验证和反馈
输入事件对象
评估并处理元素值的变化 验证输入值并更新组件状态
输入元素
成功时返回组件实例,失败时无返回值
键盘按下事件回调函数 处理Enter键确认输入
键盘事件对象
失去焦点事件回调函数 处理输入框失去焦点时确认输入
焦点事件对象
触发值变化事件 向父组件发送自定义的change事件
变化后的值
字符串转数字函数 将字符串转换为数字,并根据组件设置进行验证
要转换的字符串
转换成功返回数字,失败返回undefined
渲染组件模板 返回组件的HTML模板
HTML模板结果
StaticaddStaticcreateStaticgetStaticgetStatic_StaticfinalizeStaticfinalizeStatic_Optionalt: anyOptionale: anyOptionals: any
数字输入组件类 - 专门用于CAD数值输入的自定义Web组件
这个组件提供了专业的数值输入功能,特别适用于CAD应用场景:
建议重命名为:NumberInputComponent