Commit Graph

56 Commits

Author SHA1 Message Date
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
Vixalie
95335dcf2d style(theme): 调整颜色变量并移除文本样式定义
- 调整 --color-overlay、--color-outline 和 --color-outline-variant 的值
- 移除了大量的文本样式变量定义,包括标题、正文和标签的样式
2025-08-04 21:54:17 +08:00
Vixalie
7b03827d3a refactor(Layout): 优化布局组件并添加搜索框
- 移除了 WindowDragHandle 组件
- 调整了 NavigateLink 组件的样式
- 重构了 Layout 组件的 header,添加了搜索框和按钮
- 优化了内容区域的样式
2025-07-28 08:34:28 +08:00
Vixalie
5bc2b4d75d feat(theme): 更新颜色主题并增加表面颜色变量
- 更新了主要颜色变量的值,使其更加鲜艳和对比度更高
- 增加了新的表面颜色变量,用于在浅色和深色主题之间切换
- 调整了部分颜色的明暗度,以适应不同的使用场景
- 优化了颜色搭配,提高了可读性和视觉效果
2025-07-28 08:34:11 +08:00
Vixalie
911c17f52d feat(tauri): 添加新功能并优化应用配置
- 新增 @solid-primitives/filesystem、@solid-primitives/scheduled 和 @solid-primitives/storage 依赖
- 添加 @tauri-apps/plugin-dialog、@tauri-apps/plugin-fs 和 @tauri-apps/plugin-store 插件
- 更新应用窗口配置,移除 titleBarStyle 设置
- 修改应用名称为 "Comfy Resource Downloader"
- 更新 ESLint 配置,移除 Solid 相关规则
2025-07-28 08:34:00 +08:00
Vixalie
081cd9c307 feat(主题): 添加多种颜色调板配置
- 增加了危险色、成功色、警告色、信息色、中性色等多种调板配置
 - 移除并重新添加了进步色调板配置
 - 增加了各种状态下的颜色定义,包括悬停、激活、焦点等
 - 优化了颜色调板的完整性和可扩展性
2025-07-23 06:37:45 +08:00
Vixalie
2a363cd17b chore(eslint): 更新eslint配置
- 添加 ecmaVersion 设置为 2020
2025-07-22 22:42:14 +08:00
Vixalie
00f75c684e chore(metadata): 移除不必要的meta标签
- 删除不必要的theme-color meta标签
2025-07-22 22:31:21 +08:00
Vixalie
5f757a2bda chore(config): 更新 ESLint 配置文件
- 删除旧的 `eslint.config.js` 文件
 - 新增 `eslint.config.mjs` 文件
 - 更新忽略规则,增加对新目录的忽略
 - 扩展支持 JSX 文件
 - 合并并优化规则配置
2025-07-22 22:25:32 +08:00