Commit 3729315d0938b8a51e74c2623785d1ad97b71f31
1 parent
eb153356
perf(src/packages): 优化信息控件下的自定义按钮部分配置可以恢复默认
Showing
1 changed file
with
18 additions
and
3 deletions
| @@ -4,12 +4,12 @@ | @@ -4,12 +4,12 @@ | ||
| 4 | <n-select size="small" v-model:value="optionData.buttonType" :options="buttonTypeOptions" /> | 4 | <n-select size="small" v-model:value="optionData.buttonType" :options="buttonTypeOptions" /> |
| 5 | </setting-item-box> | 5 | </setting-item-box> |
| 6 | <setting-item-box name="虚线"> | 6 | <setting-item-box name="虚线"> |
| 7 | - <setting-item name=""> | 7 | + <setting-item name="是否开启"> |
| 8 | <n-switch v-model:value="optionData.buttonDashed" /> | 8 | <n-switch v-model:value="optionData.buttonDashed" /> |
| 9 | </setting-item> | 9 | </setting-item> |
| 10 | </setting-item-box> | 10 | </setting-item-box> |
| 11 | <setting-item-box name="透明"> | 11 | <setting-item-box name="透明"> |
| 12 | - <setting-item name=""> | 12 | + <setting-item name="是否开启"> |
| 13 | <n-switch v-model:value="optionData.buttonGhost" /> | 13 | <n-switch v-model:value="optionData.buttonGhost" /> |
| 14 | </setting-item> | 14 | </setting-item> |
| 15 | </setting-item-box> | 15 | </setting-item-box> |
| @@ -17,16 +17,31 @@ | @@ -17,16 +17,31 @@ | ||
| 17 | <setting-item name=""> | 17 | <setting-item name=""> |
| 18 | <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.buttonColor"></n-color-picker> | 18 | <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.buttonColor"></n-color-picker> |
| 19 | </setting-item> | 19 | </setting-item> |
| 20 | + <setting-item> | ||
| 21 | + <n-button size="small" @click="optionData.buttonColor=''"> | ||
| 22 | + 恢复默认 | ||
| 23 | + </n-button> | ||
| 24 | + </setting-item> | ||
| 20 | </setting-item-box> | 25 | </setting-item-box> |
| 21 | <setting-item-box name="文字颜色"> | 26 | <setting-item-box name="文字颜色"> |
| 22 | <setting-item name=""> | 27 | <setting-item name=""> |
| 23 | <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.buttonTextColor"></n-color-picker> | 28 | <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.buttonTextColor"></n-color-picker> |
| 24 | </setting-item> | 29 | </setting-item> |
| 30 | + <setting-item> | ||
| 31 | + <n-button size="small" @click="optionData.buttonTextColor='white'"> | ||
| 32 | + 恢复默认 | ||
| 33 | + </n-button> | ||
| 34 | + </setting-item> | ||
| 25 | </setting-item-box> | 35 | </setting-item-box> |
| 26 | <setting-item-box name="文字大小"> | 36 | <setting-item-box name="文字大小"> |
| 27 | <setting-item name=""> | 37 | <setting-item name=""> |
| 28 | <n-input-number v-model:value="optionData.buttonTextSize" /> | 38 | <n-input-number v-model:value="optionData.buttonTextSize" /> |
| 29 | </setting-item> | 39 | </setting-item> |
| 40 | + <setting-item> | ||
| 41 | + <n-button size="small" @click="optionData.buttonTextSize='16'"> | ||
| 42 | + 恢复默认 | ||
| 43 | + </n-button> | ||
| 44 | + </setting-item> | ||
| 30 | </setting-item-box> | 45 | </setting-item-box> |
| 31 | <setting-item-box :alone="true"> | 46 | <setting-item-box :alone="true"> |
| 32 | <setting-item name="按钮文字" :alone="true"> | 47 | <setting-item name="按钮文字" :alone="true"> |
| @@ -59,7 +74,7 @@ | @@ -59,7 +74,7 @@ | ||
| 59 | 74 | ||
| 60 | <script lang="ts" setup> | 75 | <script lang="ts" setup> |
| 61 | import { PropType, ref, onMounted } from 'vue' | 76 | import { PropType, ref, onMounted } from 'vue' |
| 62 | -import { CollapseItem, SettingItemBox } from '@/components/Pages/ChartItemSetting' | 77 | +import { CollapseItem, SettingItemBox ,SettingItem} from '@/components/Pages/ChartItemSetting' |
| 63 | import { option } from './config' | 78 | import { option } from './config' |
| 64 | import { icon } from '@/plugins' | 79 | import { icon } from '@/plugins' |
| 65 | import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | 80 | import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' |