简柏林 / thingskit-view · Commits

Commit fbd3f411f188633768f5255111fdde6c3be1f132

Authored by ww
1 parent 2c754004

perf(icon): 颜色选择器新增清除按钮

Inline Side-by-side
Showing 1 changed file with 6 additions and 4 deletions
@@ -5,10 +5,10 @@ @@ -5,10 +5,10 @@
5 <IconPicker v-model:value="optionData.icon" /> 5 <IconPicker v-model:value="optionData.icon" />
6 </SettingItem> 6 </SettingItem>
7 <SettingItem name="背景色"> 7 <SettingItem name="背景色">
8 - <NColorPicker v-model:value="optionData.backgroundColor" size="small"></NColorPicker> 8 + <NColorPicker :actions="['clear']" v-model:value="optionData.backgroundColor" size="small"></NColorPicker>
9 </SettingItem> 9 </SettingItem>
10 <SettingItem name="颜色"> 10 <SettingItem name="颜色">
11 - <NColorPicker v-model:value="optionData.iconColor" size="small"></NColorPicker> 11 + <NColorPicker :actions="['clear']" v-model:value="optionData.iconColor" size="small"></NColorPicker>
12 </SettingItem> 12 </SettingItem>
13 </SettingItemBox> 13 </SettingItemBox>
14 <SettingItemBox name="边框"> 14 <SettingItemBox name="边框">
@@ -19,7 +19,8 @@ @@ -19,7 +19,8 @@
19 <NSelect v-model:value="optionData.borderStyle" size="small" :options="getBorderStyleOptions"></NSelect> 19 <NSelect v-model:value="optionData.borderStyle" size="small" :options="getBorderStyleOptions"></NSelect>
20 </SettingItem> 20 </SettingItem>
21 <SettingItem name="边框色"> 21 <SettingItem name="边框色">
22 - <NColorPicker size="small" :modes="['hex']" v-model:value="optionData.borderColor"></NColorPicker> 22 + <NColorPicker :actions="['clear']" size="small" :modes="['hex']" v-model:value="optionData.borderColor">
  23 + </NColorPicker>
23 </SettingItem> 24 </SettingItem>
24 <SettingItem name="边框大小"> 25 <SettingItem name="边框大小">
25 <NInputNumber v-model:value="optionData.borderWidth" size="small" :step="0.5" :min="0"></NInputNumber> 26 <NInputNumber v-model:value="optionData.borderWidth" size="small" :step="0.5" :min="0"></NInputNumber>
@@ -27,7 +28,8 @@ @@ -27,7 +28,8 @@
27 </SettingItemBox> 28 </SettingItemBox>
28 <SettingItemBox v-if="optionData.borderType === IconBorderEnum.RECT" name="圆点"> 29 <SettingItemBox v-if="optionData.borderType === IconBorderEnum.RECT" name="圆点">
29 <SettingItem name="颜色"> 30 <SettingItem name="颜色">
30 - <NColorPicker size="small" :modes="['hex']" v-model:value="optionData.pointColor"></NColorPicker> 31 + <NColorPicker size="small" :modes="['hex']" :actions="['clear']" v-model:value="optionData.pointColor">
  32 + </NColorPicker>
31 </SettingItem> 33 </SettingItem>
32 <SettingItem name="大小"> 34 <SettingItem name="大小">
33 <NInputNumber v-model:value="optionData.pointSize" size="small" :step="0.5" :min="0"></NInputNumber> 35 <NInputNumber v-model:value="optionData.pointSize" size="small" :step="0.5" :min="0"></NInputNumber>