tools/label-designer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

适配

Browse Source
This commit is contained in:
iqudoo
2026-06-12 21:17:24 +08:00
parent 239e2eeebd
commit 220841444a
7 changed files with 240 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/components/PropSidebar.tsx
View File

@@ -867,22 +867,47 @@ export const PropSidebar: React.FC<PropSidebarProps> = ({
{(selectedElem.textFormat === 'number' ||
selectedElem.textFormat === 'percent' ||
selectedElem.textFormat === 'currency') && (
<div>
<label className="ps-field-label">小数位数</label>
<PropInput
type="number"
min="0"
max="6"
value={selectedElem.decimalPlaces ?? 2}
onCommit={(val) =>
handleElemChange({
...selectedElem,
decimalPlaces: Math.max(0, Math.min(6, Number(val) || 0)),
})
}
className="ps-field font-mono"
/>
</div>
<>
<div>
<label className="ps-field-label">小数位数</label>
<PropInput
type="number"
min="0"
max="6"
value={selectedElem.decimalPlaces ?? 2}
onCommit={(val) =>
handleElemChange({
...selectedElem,
decimalPlaces: Math.max(0, Math.min(6, Number(val) || 0)),
})
}
className="ps-field font-mono"
/>
</div>
<div className="col-span-2">
<label className="ps-field-label">数值显示部分</label>
<select
value={selectedElem.numberPartDisplay ?? 'full'}
onChange={(e) =>
handleElemChange({
...selectedElem,
numberPartDisplay: e.target.value as
| 'full'
| 'integer'
| 'fraction',
})
}
className="ps-field"
>
<option value="full">完整数值</option>
<option value="integer">仅整数部分（如 19.9 → 19）</option>
<option value="fraction">仅小数部分（如 19.9 → .9）</option>
</select>
<p className="text-[9px] text-[#666] mt-1 leading-relaxed">
可将价格拆成两个文本元素分别设置字号，如「19」与「.9」
</p>
</div>
</>
)}
</div>