{ value: 'contains', label: '包含' },{ value: 'equals', label: '等于' },{ value: 'gt', label: '大于' },{ value: 'lt', label: '小于' },{ value: 'gte', label: '大于等于' },{ value: 'lte', label: '小于等于' },{ value: '

/ AI 服务类型| 'qwen' // 通义千问| 'ollama' // 本地部署// 任务类型| 'summary' // 文档总结| 'translate' // 智能翻译| 'rewrite' // 文本改写| 'explain' // 概念解释| 'qa' // 问答助手| 'custom' // 自由对话// 消息角色多服务支持：OpenAI、Claude、DeepSeek、通义千问

把Scroll的核心能力收成一张图，便于回顾：fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em;Scroll 滚动容器基础: 单子节点 + 确定视口方向: Vertical / Horizontal控制: Scroller 编程驱动事件: on

这个图表页面的价值，在于把一组简单示例数据转换成三种可比较的展示状态。折线图主题使用七个周次单元表达趋势，柱状图主题用另一种高度比例强调分布，饼图主题则用移动端、平板和桌面三个百分比标签表达来源摘要。顶部按钮决定模式，卡片标题解释模式，图形或标签承载内容，底部刷新按钮让数据状态产生可见变化，提示条则记录操作次数。它没有连接真实访问数据，也没有实现网络刷新、数据库查询、随机采样或真正的圆形饼图。这些

这个图表页面的价值，在于把一组简单示例数据转换成三种可比较的展示状态。折线图主题使用七个周次单元表达趋势，柱状图主题用另一种高度比例强调分布，饼图主题则用移动端、平板和桌面三个百分比标签表达来源摘要。顶部按钮决定模式，卡片标题解释模式，图形或标签承载内容，底部刷新按钮让数据状态产生可见变化，提示条则记录操作次数。它没有连接真实访问数据，也没有实现网络刷新、数据库查询、随机采样或真正的圆形饼图。这些

这个页面有五个固定页状态，有六条固定列表项展示，有一个向后推进按钮和一个返回第一页的刷新按钮。页码不会小于一，也不会大于五；列表编号会覆盖 1–30 的连续范围；第五页通过灰色按钮和完成文字表达终点；刷新从任何页都回到第一组内容。它没有上一页入口，没有页码输入，没有直接选择某一页的按钮，没有筛选条件，也没有网络请求失败状态。它没有根据服务器返回的数据改变总页数，也没有把多页内容累积到一个无限列表里

这个表单页面的重点，不在于控件数量多，而在于它把一次填写过程拆成了几种清晰的状态：三个文本输入、一个互斥选项、一个可增减数值、一个同意开关和一条结果提示。用户通过输入和点击改变状态，页面用文字、颜色和数字变化把状态呈现出来。姓名、手机号和密码负责承载文本内容；手机号和密码在提交时分别接受最低长度要求；性别负责展示互斥选项；年龄负责展示加减和下限保护；协议负责提供一个必须主动确认的条件；重置负责把所

这个主题设置页面用一个开关、四个颜色选项和三个密度按钮，展示了一个完整而克制的 UI 状态闭环。用户先看到浅色主题、蓝色强调色和紧凑预览；切换深色模式后，页面整体明暗关系改变；选择其他颜色后，勾选标记和当前按钮颜色同步变化；切换密度后，预览卡片的留白随档位改变。真正值得学习的不是某一个颜色值，而是状态与视觉结果之间的对应关系。模式状态影响整体颜色，强调色状态影响重点元素，密度状态影响空间安排，三个

一个只有几个按钮和一张卡片的页面，也可以把多语言界面的核心问题讲清楚。语言按钮负责选择表达方式，消息按钮负责改变数据，卡片负责把标题、问候语、数量和日期放在同一个结果中。中文、英文和日文之间的差异，集中体现在文本内容、日期顺序、计数单位和复数规则上；按钮颜色又让当前选择始终可见。阅读这个页面时，最值得记住的不是某一句固定文案，而是“数据与表达分离”的思路。同一个数量可以在不同语言中使用不同句式，同

这个内存状态页面用很少的控件完成了一个清晰的交互闭环。启动时以 298 MB 作为中间状态；分配动作每次增加 42 MB，并受 512 MB 上限保护；回收动作每次减少 80 MB，并受 128 MB 下限保护；当数值超过 420 MB 时，数字和进度条变红，同时给出“内存压力较高，建议执行回收”的提示；回到阈值以下后，页面恢复蓝色和“内存使用正常”。底部日志始终说明最近一次操作，但不会积累历史记