iter(g122): 评分组件支持 allowHalf 半星
This commit is contained in:
HIsheR
+19
-6
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"$schema": "ui-arch-registry-index/0.1",
|
||||
"generatedAt": "2026-10-26T06:12:21.011Z",
|
||||
"generatedAt": "2026-10-26T06:33:37.851Z",
|
||||
"repoRoot": ".",
|
||||
"packages": [
|
||||
{
|
||||
@@ -143,7 +143,7 @@
|
||||
"entry": "src/index.ts",
|
||||
"exports": [
|
||||
"button(props)：按钮，variant = primary | ghost | danger，disabled 支持布尔或信号禁用；type 缺省 button（表单内不隐式提交）",
|
||||
"textField(props)：文本输入，value 信号双向绑定，disabled 支持布尔或信号，onInput 输入回调；prefix/suffix 可选渲染为输入框内侧附加块，clearable 开启后有值即显一键清空按钮",
|
||||
"textField(props)：文本输入，value 信号双向绑定，disabled 支持布尔或信号，onInput 输入回调；prefix/suffix 可选渲染为输入框内侧附加块，clearable 开启后有值即显一键清空按钮，maxCount 设原生上限并实时显示字数",
|
||||
"inputNumber(props)：数字输入，−/+ 按钮与键盘 ↑↓ 调节（长按连发步进），min/max/step 夹取；prefix/suffix 可选渲染为整组前后附加块",
|
||||
"textarea(props)：多行输入，value 信号双向绑定，disabled 支持布尔或信号，rows 控行数；prefix/suffix 可选渲染为上下附加块，maxCount 显示实时字数并设原生上限",
|
||||
"slider(props)：滑块，value 信号双向绑定，min/max/step 可配，原生 range 承载键盘交互，右侧可显示当前值",
|
||||
@@ -169,7 +169,7 @@
|
||||
"progress(props)：进度条，value 信号驱动 0-100（满格切 success 色）；不传 value 退化为不确定态无限往复",
|
||||
"tabs(props)：标签页，active 信号双向绑定，滑动指示条 + 方向键环形导航，支持禁用页签；页签项 closable 时带关闭按钮（聚焦后 Delete 同样可关），关闭只回调 onClose 由调用方摘数据",
|
||||
"stepper(props)：步骤条，done/current/upcoming 三态，active 信号双向绑定，clickable 时已完成步骤可回跳",
|
||||
"rate(props)：评分星标，value 信号双向绑定，hover 预览移出还原，键盘方向键调节，max 可配",
|
||||
"rate(props)：评分星标，value 信号双向绑定，hover 预览移出还原，键盘方向键调节，max 可配，allowHalf 开启半星（左半区 0.5 分）",
|
||||
"empty(props)：空状态占位，title/description 可选，action 放操作区",
|
||||
"divider(props)：分隔线，水平/垂直两种方向，可带居中文案标签，dashed 切虚线",
|
||||
"space(props)：间距容器，flex gap 统一子元素间距，direction / size / align / justify / wrap / block 可调",
|
||||
@@ -386,6 +386,11 @@
|
||||
"t": "boolean",
|
||||
"df": "false",
|
||||
"d": "开启后有值即显示一键清空按钮；缺省 false"
|
||||
},
|
||||
{
|
||||
"n": "maxCount",
|
||||
"t": "number",
|
||||
"d": "字数上限：同时设原生 maxlength，并在输入框内侧显示实时计数；缺省不限"
|
||||
}
|
||||
],
|
||||
"example": "const name = signal(''); const el = textField({ value: name, placeholder: '输入名字…', onInput: (v) => console.log(v) })",
|
||||
@@ -393,7 +398,8 @@
|
||||
"先用 signal('') 创建字符串信号",
|
||||
"传入 value 完成双向绑定：用户输入自动写回，外部赋值自动回显",
|
||||
"在任意响应式位置用 name() 读取最新值，如 () => `你好，${name()}`",
|
||||
"需要图标、货币符、单位等前后缀时传 prefix/suffix（字符串或 DOM），控件会包进带边框的附加组，聚焦光环由组统一承载"
|
||||
"需要图标、货币符、单位等前后缀时传 prefix/suffix（字符串或 DOM），控件会包进带边框的附加组，聚焦光环由组统一承载",
|
||||
"需要限制长度就给 maxCount：超限输入被原生拦截，输入框内侧实时显示 n/上限"
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -1414,7 +1420,7 @@
|
||||
"n": "value",
|
||||
"t": "Signal<number>",
|
||||
"r": 1,
|
||||
"d": "当前评分（1 基整数值）信号，双向绑定：点选/键盘写回、外部赋值同步"
|
||||
"d": "当前评分（1 基，allowHalf 时 0.5 步进）信号，双向绑定：点选/键盘写回、外部赋值同步"
|
||||
},
|
||||
{
|
||||
"n": "max",
|
||||
@@ -1422,6 +1428,12 @@
|
||||
"d": "星标总数；缺省 5",
|
||||
"df": "5"
|
||||
},
|
||||
{
|
||||
"n": "allowHalf",
|
||||
"t": "boolean",
|
||||
"df": "false",
|
||||
"d": "允许半星：点击星标左半区记 0.5 分，键盘步进同为 0.5；缺省整数"
|
||||
},
|
||||
{
|
||||
"n": "disabled",
|
||||
"t": "boolean | Signal<boolean>",
|
||||
@@ -1438,7 +1450,8 @@
|
||||
"steps": [
|
||||
"用 signal(0) 创建评分信号并传入 value；0 表示未评分",
|
||||
"点击星标或聚焦后按 →/↑ 加一分、←/↓ 减一分；悬停高亮预览、移出还原",
|
||||
"max 可调整星标总数；disabled 支持布尔或信号禁用"
|
||||
"max 可调整星标总数；disabled 支持布尔或信号禁用",
|
||||
"要支持半星就传 allowHalf：点星标左半区记 0.5 分，悬停位置实时预览半格填充"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user