Vixalie
|
b7bbb3155f
|
feat(demo): 添加 Input 组件示例
- 在 ComponentsDemo 页面中添加了多种类型的 Input 组件示例
- 包括基本输入、带图标的输入、不同变体的输入以及禁用状态的输入
- 添加了 Select 组件示例
- 优化了页面布局,增加了更多组件的展示
|
2025-08-24 11:34:18 +08:00 |
|
Vixalie
|
21426a27b2
|
feat(Segments): 添加只读属性并优化相关交互
- 在 Segments 组件中添加 readonly 属性
- 实现只读状态下的组件行为
- 为选项添加 aria-readonly 属性
- 调整只读状态下选项的样式
|
2025-08-24 11:27:11 +08:00 |
|
Vixalie
|
df1ccb783f
|
feat(components): 为复选框和单选框组件添加只读属性
- 在 CheckBoxProps、RadioProps 和 RadioGroupProps 接口中添加 readonly 属性
- 在 Check、Radio 和 RadioGroup 组件中实现只读逻辑
- 修改 handleClick 和 handleSelect 方法,增加对只读属性的判断
|
2025-08-24 11:26:06 +08:00 |
|
Vixalie
|
79a7d4c92a
|
feat(Select): 添加只读属性并优化相关交互
- 在 Select 组件的Props中添加 readonly 属性
- 当组件为只读状态时,禁用下拉框的展开和收缩功能
- 在触发器元素上添加 aria-readonly 属性,提高无障碍访问性
- 调整样式,使只读状态下的组件外观保持一致
|
2025-08-24 11:24:21 +08:00 |
|
Vixalie
|
9eeb223b97
|
feat(Input): 增加只读属性并优化相关交互
- 在 Input 组件的属性中添加 readonly
- 实现只读状态下的输入框行为:禁止输入但允许聚焦
- 为只读状态的输入框添加视觉反馈
|
2025-08-24 11:19:58 +08:00 |
|
Vixalie
|
9fe13bde17
|
fix(Input): 修复 Input 组件禁用状态样式
- 移除了多余的 disabled 属性相关样式
- 统一使用 aria-disabled 属性来控制禁用状态样式
- 在 input 元素上添加 disabled:text-neutral-disabled 样式,确保禁用状态下文本颜色正确
|
2025-08-24 11:07:55 +08:00 |
|
Vixalie
|
dd4d9b67ee
|
refactor(Input): 调整 InputProps 接口定义
- 移除了 InputProps 接口中不必要的 JSX.HTMLAttributes<HTMLInputElement> 继承
- 这个改动可以简化接口定义,提高代码可读性
|
2025-08-22 10:12:28 +08:00 |
|
Vixalie
|
4b394f8143
|
feat(components): 添加 Input 组件
- 实现了一个通用的 Input 组件,支持多种变体和自定义样式
- 组件属性包括 name、variant、left、right、value、defaultValue 等
- 支持 onInput 事件处理
- 优化了组件的默认值设置和响应式行为
|
2025-08-22 10:11:51 +08:00 |
|
Vixalie
|
75291cda8c
|
feat(components): 添加组件演示页面
- 在 ComponentsDemo.tsx 中添加了多种组件的演示
- 包括 Radio、RadioGroup、Check、Segments、Select 和 Switcher 组件
- 展示了不同配置和状态下的组件用法
|
2025-08-21 08:41:18 +08:00 |
|
Vixalie
|
6c81c22c72
|
feat(Select): 优化下拉框位置调整和交互逻辑
- 添加光标悬停样式,增强用户体验
- 实现下拉框位置动态调整,适应不同屏幕尺寸
- 增加鼠标移入移出事件处理,优化下拉框显示逻辑
- 修复下拉框颜色样式,提升视觉一致性
|
2025-08-21 06:09:44 +08:00 |
|
Vixalie
|
e5e01610f5
|
build(eslint): 更新 ESLint 配置以支持 Solid 规则
- 添加 Solid 规则配置,以适应 Solid 库的编码规范
- 扩展文件匹配模式,确保所有相关文件类型都受到规范检查
- 移除单独的 Solid 插件配置,整合到 TypeScript 配置中
|
2025-08-20 09:50:34 +08:00 |
|
Vixalie
|
34584ff9ef
|
feat(components): 添加 Select 组件
- 实现了一个功能完善的 Select 下拉选择组件
- 支持简单选项和分组选项两种类型
- 提供正常、下划线和沉浸三种样式变体
- 具备单选和受控组件功能
- 优化了可访问性和交互体验
|
2025-08-14 23:01:05 +08:00 |
|
Vixalie
|
8efd95127d
|
style(Segments): 调整选项卡悬停和禁用状态的样式
- 移除了选中选项卡的悬停背景色
- 统一了未选中选项卡的禁用状态颜色
- 调整了未选中选项卡的悬停状态样式
|
2025-08-14 22:58:08 +08:00 |
|
Vixalie
|
7895fbe3fe
|
style(Segments): 优化样式和布局
- 调整 padding: 将 p-1 替换为 px-1 py-1,提供更精确的内边距
- 添加 flex gap: 在 flex 布局中加入 gap-1,增加选项之间的间隔
- 调整选项样式: 将 py-1 替换为 py-0.5,使选项高度更加合适
|
2025-08-14 22:14:32 +08:00 |
|
Vixalie
|
5523047b69
|
feat(components): 添加默认选中功能
- 在 Check、Radio、RadioGroup 和 Segments 组件中添加默认选中值属性
- 使用 onMount 在组件挂载时设置默认选中值
- 优化了组件的初始化逻辑,确保默认值能够正确显示
|
2025-08-13 22:48:01 +08:00 |
|
Vixalie
|
727fb43791
|
style(Divider): 调整分割线的透明度
- 将分割线的透明度从 38% 调整为 18%
- 此修改旨在提升分割线的视觉效果和一致性
|
2025-08-13 22:37:27 +08:00 |
|
Vixalie
|
867e5f03f1
|
feat(components): 添加分割线组件
- 实现了一个通用的分割线组件,支持水平和垂直方向
- 添加了淡入淡出效果的可选属性
- 组件使用 SolidJS 进行构建
|
2025-08-13 22:37:07 +08:00 |
|
Vixalie
|
42d5c7d28f
|
refactor(components): 优化 Radio 组件的禁用状态样式
- 修改了 Radio 组件的选中图标,在禁用状态下使用中性颜色
- 通过传递 disabled 属性来控制图标的颜色
- 优化了代码结构,提高了组件的可维护性
|
2025-08-12 22:38:29 +08:00 |
|
Vixalie
|
1f10994f90
|
refactor(components): 优化复选框组件的样式和行为
- 修改选中状态下的 CheckIcon 渲染逻辑
- 增加 disabled 属性以控制图标样式
- 优化 Check 组件内部的逻辑和结构
|
2025-08-12 22:37:15 +08:00 |
|
Vixalie
|
934b51dfc6
|
refactor(components): 修复 Segments 组件的导出并优化代码结构
- 修正 Segments 组件的导出语句
- 优化组件定义,使用 const 进行声明
- 删除多余的空行,提高代码可读性
|
2025-08-12 22:34:13 +08:00 |
|
Vixalie
|
dd8c632e69
|
refactor(components): 优化 Segments 组件
- 修复组件名称拼写错误,将 HSegmengts 改为 Segmengts
- 增加禁用状态处理,优化用户体验
- 调整样式,确保禁用状态下的视觉反馈
|
2025-08-12 22:31:18 +08:00 |
|
Vixalie
|
032e3af282
|
feat(components): 为 Check 和 Radio 组件添加禁用状态样式
- 在 Check 和 Radio 组件的父容器上添加 classList 属性
- 根据 mProps.disabled 的值动态设置 'text-neutral' 类
- 优化组件结构,提高可读性和可维护性
|
2025-08-12 22:18:49 +08:00 |
|
Vixalie
|
2e253ff04c
|
feat(components): 添加 Switch 组件
- 实现了一个新的 Switch 组件,用于在开启和关闭状态之间切换
- 组件支持 name、checked、disabled 和 onChange 属性
- 使用 Solid.js 的 createEffect、createMemo 和 createSignal 等功能实现内部状态管理
- 通过 CSS 类和属性动态控制组件样式和行为
|
2025-08-12 22:15:29 +08:00 |
|
Vixalie
|
05aa4bc8e0
|
fix(components): 修复 Check 和 Radio 组件中隐藏输入值
- 在 Check 和 Radio 组件中,将 hidden 输入框的值从布尔型改为字符串
- 确保表单提交时,值为 'true' 或 'false',而不是 true 或 false
- 这个修改提高了与某些表单处理库的兼容性
|
2025-08-12 21:40:23 +08:00 |
|
Vixalie
|
12af84e680
|
style(components): 移除图标组件中的固定文本大小样式
移除了 Check.tsx 和 Radio.tsx 文件中 Icon 组件的 text-[14px] 类,以适应新的设计要求。这项更改将使图标大小更加灵活,以便在不同场景下自定义样式。
|
2025-08-12 16:42:12 +08:00 |
|
Vixalie
|
cbf04fb0dc
|
refactor(components): 优化 Segments 组件中的指示器样式设置
- 移除了 createMemo 创建的 indicatorStyle 信号
- 直接在样式属性中设置指示器的位置和尺寸
- 这种改动减少了不必要的计算和内存使用,提高了组件的性能
|
2025-08-12 16:39:55 +08:00 |
|
Vixalie
|
1022f69d19
|
feat(components): 添加 HSegmengts 组件
- 实现了一个新的 Segments 组件,支持水平和垂直方向的选项切换
- 组件具有选择状态和动态指示器样式
- 支持通过 props 传递选项、初始值和变更事件处理函数
- 优化了组件的性能和可维护性
|
2025-08-12 16:39:10 +08:00 |
|
Vixalie
|
d58035648a
|
style(components): 调整复选框和单选按钮的样式
- 在 Check 和 Radio 组件中,将项目之间的 gap 从 2 调整为 1
- 此修改提高了组件的视觉紧凑性
|
2025-08-12 15:31:30 +08:00 |
|
Vixalie
|
722c7b075d
|
feat(components): 添加 RadioGroup 组件
- 实现了一个新的 RadioGroup 组件,用于管理一组单选按钮
- 组件支持 name、options、value、disabled 和 onChange 属性
- 使用 Solid.js 的信号和效果来处理选中值和禁用状态
- 添加了隐藏输入字段以支持表单提交
|
2025-08-12 14:50:09 +08:00 |
|
Vixalie
|
b864f62170
|
refactor(Radio): 重构 Radio 组件中的图标渲染逻辑
- 使用 Dynamic 组件动态渲染 RadioIcon 数组中的图标组件
- 通过数组索引选择适当的图标,简化了图标切换逻辑
- 移除了原有的条件渲染代码,提高了组件的可读性和性能
|
2025-08-12 14:30:31 +08:00 |
|
Vixalie
|
45ead6d151
|
refactor(components): 优化复选框组件并引入 Dynamic 组件
|
2025-08-12 14:28:44 +08:00 |
|
Vixalie
|
e22e64fdac
|
refactor(components): 优化 Check 和 Radio 组件的 onChange 事件类型定义
- 在 CheckBoxProps 和 RadioProps 接口中,将 onChange 事件的参数变更为可选参数
- 这种改动增加了组件的灵活性,允许在某些情况下不传递 onChange 事件的参数
|
2025-08-12 14:10:31 +08:00 |
|
Vixalie
|
ebac9d006b
|
feat(components): 添加 Check 复选框组件
- 实现了一个新的复选框组件 Check
- 支持基本的复选框功能,包括选中、未选中和禁用状态
- 使用图标库来渲染选中和未选中状态
- 添加了隐藏的 input 元素,以便在表单中使用
- 组件具有良好的可定制性和扩展性
|
2025-08-12 14:00:51 +08:00 |
|
Vixalie
|
388aa97cc3
|
fix(components): 修复 Radio 组件中子元素渲染问题
- 将 props.children 替换为 mProps.children,以确保正确渲染子元素
- 此修改解决了 Radio 组件中子元素显示异常的问题
|
2025-08-12 13:52:03 +08:00 |
|
Vixalie
|
e0e32c9651
|
feat(Radio): 添加点击事件后的状态更新
- 在 Radio 组件中,点击事件后更新内部选中状态
- 触发 onChange 回调函数,传递新的选中状态
|
2025-08-12 13:45:58 +08:00 |
|
Vixalie
|
c6e4ead508
|
feat(components): 添加 Radio 组件
- 实现了一个新的 Radio 组件,支持单选功能
- 组件属性包括 name、checked、disabled 和 onChange
- 使用了 SolidJS 的 createEffect、createMemo 和 createSignal 等功能
- 组件内部处理了初始选中状态和禁用状态
- 点击事件会触发选中状态的切换
|
2025-08-12 13:42:24 +08:00 |
|
Vixalie
|
d64a8758b4
|
perf(components): 优化 ScrollBar 组件性能
- 将 createMemo 改为 createEffect,减少不必要的计算
- 优化 thumbPos 计算逻辑,提高滚动性能
- 调整 setIsDragging 调用方式,确保正确更新状态
|
2025-08-07 22:26:01 +08:00 |
|
Vixalie
|
b7f03197c7
|
feat(navigation): 添加 Demo 页面路由和组件
- 在 Layout 组件中添加了 Demo 页面的导航链接
- 在主路由中增加了 /demo 路径的路由
- 新增了 ComponentsDemo 组件用于 Demo 页面显示
|
2025-08-07 22:18:04 +08:00 |
|
Vixalie
|
3d05c9795b
|
feat: 隐藏标题栏
- 在 tauri.conf.json 中添加 hiddenTitle 属性,设置为 true
- 此修改实现了无标题栏的窗口样式
|
2025-08-07 22:17:50 +08:00 |
|
Vixalie
|
f1a20d28d0
|
feat(components): 添加 ScrollArea 组件
- 实现了一个自定义的滚动区域组件,支持垂直和水平滚动条
- 添加了滚动条的拖动功能和鼠标滚轮支持
- 集成了 ResizeObserver 和 MutationObserver 以自动更新滚动维度
- 提供了多种配置选项,包括全尺寸、灵活扩展、标准化滚动等
|
2025-08-06 22:46:25 +08:00 |
|
Vixalie
|
35b18eab0f
|
build(deps): 用 es-toolkit 替换 lodash-es
- 移除 lodash-es 和 @types/lodash-es 依赖
- 添加 es-toolkit 依赖
|
2025-08-06 21:56:35 +08:00 |
|
Vixalie
|
c0d8c4b21a
|
style(button): 添加按钮组件的多种样式状态
- 增加了普通、悬浮、激活和禁用状态的样式
- 添加了多种颜色主题的样式,包括:primary、secondary、tertiary、accent、danger、success、warn、info、progressive、defensive
- 实现了实心和轮廓两种样式风格
|
2025-08-05 13:18:15 +08:00 |
|
Vixalie
|
e7c9b700a6
|
feat(components): 添加 ActionIcon 组件
- 实现了一个新的 ActionIcon 组件,用于在界面上显示可点击的图标
- 组件支持自定义图标、点击事件和样式类
- 使用 SolidJS 和 clsx 库来构建组件
|
2025-08-05 13:18:01 +08:00 |
|
Vixalie
|
c2723a793b
|
refactor(src): 更新导航图标并优化菜单按钮
- 将 tabler 图标替换为 hugeicons 图标
- 修改菜单按钮样式,增加 hover 和 active 状态
- 调整图标大小和样式
|
2025-08-05 06:35:52 +08:00 |
|
Vixalie
|
627bbde46e
|
style(tauri): 移除隐藏标题栏的配置项
- 删除了 tauri.conf.json 文件中的 hiddenTitle 属性
- 此修改将允许在标题栏上显示窗口控制按钮
|
2025-08-05 06:35:44 +08:00 |
|
Vixalie
|
1a06d39059
|
feat(router): 添加路由配置和新页面组件
- 在 src/index.tsx 中添加 Route 组件和引入 Models 页面
- 新增 Models 组件文件 (src/pages/Models.tsx)
- 新增 Settings 组件文件 (src/pages/Settings.tsx)
|
2025-08-04 22:44:49 +08:00 |
|
Vixalie
|
76fd04aa74
|
feat(stores): 添加共享存储模块
- 新增 shared-storage.ts 文件
- 使用 Solid Primitives 的持久化存储功能
- 创建并导出 comfyLocation 信号和其设置函数
|
2025-08-04 22:44:34 +08:00 |
|
Vixalie
|
0e3163be17
|
feat(Layout): 重构布局组件并添加导航链接
- 移除侧边导航栏,将导航链接移至头部
- 更新导航链接样式和布局
- 添加平台检测以调整头部样式
- 优化页面结构,提高用户体验
|
2025-08-04 22:44:16 +08:00 |
|
Vixalie
|
773f6d9f4d
|
build(tauri): 添加操作系统插件并调整窗口配置
- 在 package.json 和 Cargo.toml 中添加 @tauri-apps/plugin-os 依赖
- 在 default.json 中添加 os:default 权限
- 在 lib.rs 中初始化 tauri_plugin_os
- 在 tauri.conf.json 中设置 hiddenTitle 为 true 并添加 titleBarStyle 为 Overlay
|
2025-08-04 22:43:57 +08:00 |
|
Vixalie
|
06ea873419
|
style(css): 添加文本样式和按钮样式
- 在 CSS 文件中添加了多种文本样式类,包括 normal_text、caption、small_caption、title、heading、label 和 navigate
- 添加了按钮样式,包括默认样式和图标按钮样式
- 在 body 标签中添加了 antialiased 属性,以改善文本渲染效果
|
2025-08-04 22:04:59 +08:00 |
|