Yndarksy的个人小站

Input实现

1.需求分析 支持text和textarea 支持不同大小 支持密码显示,支持隐藏/显示密码 支持前缀/后缀,可填充图标/模板等 支持前置/后置用于label 支持原生属性:placeholder等 暴露输入框实例,提供自定义操作。 2.编码实现 2.1类型定义

Administrator Published on 2025-04-26

Switch实现

1.需求分析 类似于checkbox 样式与checkbox不同 支持switch不同状态标签展示 2.编码实现 2.1属性定义 export type SwitchValueType = boolean | string | number; export interface SwtichProps

Administrator Published on 2025-04-26

Collapse组件实现

1. 需求分析 可以通过点击标题进行隐藏\显示折叠内容 可以动态嵌入输入内容,输入内容可为文本可谓HTML文本 需要有收起展开过渡动画 拥有两种模式,一种最多只能打开一个,一种可以打开多个 需要进行双向绑定 2. 编码实现 2.1. 组件结构

Administrator Published on 2025-04-08

Button组件实现

1. 需求分析 大多关注样式,交互较少 分为多种类型按钮,有不同类型的样式(Primary、Danger、Info、Success、Warning) 拥有disable(禁用)、round(圆角)、plain(朴素)、size(大小)、circle(圆形)、loading多种状态 2. 编码实现 2

Administrator Published on 2025-04-08

组件库项目结构

项目介绍 本项目旨在通过开发依赖vue的组件库,预封装可复用的原子化组件(如按钮、表单控件)和复合组件(如数据表格、模态框),开发者无需重复造轮子,可将核心精力聚焦于业务逻辑实现。 组件库通过模块化设计和标准化接口,实现了代码质量的三重保障:严格的单元测试体系确保功能稳定性,类型系统(TypeScr

Administrator Published on 2025-04-08