Commit 3729315d0938b8a51e74c2623785d1ad97b71f31

Authored by fengwotao
1 parent eb153356

perf(src/packages): 优化信息控件下的自定义按钮部分配置可以恢复默认

... ... @@ -4,12 +4,12 @@
4 4 <n-select size="small" v-model:value="optionData.buttonType" :options="buttonTypeOptions" />
5 5 </setting-item-box>
6 6 <setting-item-box name="虚线">
7   - <setting-item name="">
  7 + <setting-item name="是否开启">
8 8 <n-switch v-model:value="optionData.buttonDashed" />
9 9 </setting-item>
10 10 </setting-item-box>
11 11 <setting-item-box name="透明">
12   - <setting-item name="">
  12 + <setting-item name="是否开启">
13 13 <n-switch v-model:value="optionData.buttonGhost" />
14 14 </setting-item>
15 15 </setting-item-box>
... ... @@ -17,16 +17,31 @@
17 17 <setting-item name="">
18 18 <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.buttonColor"></n-color-picker>
19 19 </setting-item>
  20 + <setting-item>
  21 + <n-button size="small" @click="optionData.buttonColor=''">
  22 + 恢复默认
  23 + </n-button>
  24 + </setting-item>
20 25 </setting-item-box>
21 26 <setting-item-box name="文字颜色">
22 27 <setting-item name="">
23 28 <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.buttonTextColor"></n-color-picker>
24 29 </setting-item>
  30 + <setting-item>
  31 + <n-button size="small" @click="optionData.buttonTextColor='white'">
  32 + 恢复默认
  33 + </n-button>
  34 + </setting-item>
25 35 </setting-item-box>
26 36 <setting-item-box name="文字大小">
27 37 <setting-item name="">
28 38 <n-input-number v-model:value="optionData.buttonTextSize" />
29 39 </setting-item>
  40 + <setting-item>
  41 + <n-button size="small" @click="optionData.buttonTextSize='16'">
  42 + 恢复默认
  43 + </n-button>
  44 + </setting-item>
30 45 </setting-item-box>
31 46 <setting-item-box :alone="true">
32 47 <setting-item name="按钮文字" :alone="true">
... ... @@ -59,7 +74,7 @@
59 74
60 75 <script lang="ts" setup>
61 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 78 import { option } from './config'
64 79 import { icon } from '@/plugins'
65 80 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
... ...