fix:修改颜色选择器的预设颜色

data-room-ui/packages/BasicComponents/Button/index.vue

@@ -30,6 +30,7 @@
 import commonMixins from 'data-room-ui/js/mixins/commonMixins'
 import linkageMixins from 'data-room-ui/js/mixins/linkageMixins'
 import { mapState } from 'vuex'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BasicComponentButton',
   mixins: [commonMixins, linkageMixins],
@@ -46,19 +47,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   mounted () {

data-room-ui/packages/BasicComponents/Button/setting.vue

@@ -153,19 +153,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/BasicComponents/DateTimePicker/setting.vue

@@ -246,19 +246,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
 

data-room-ui/packages/BasicComponents/DigitalFlop/setting.vue

@@ -177,17 +177,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/BasicComponents/FlyMap/setting.vue

@@ -369,17 +369,7 @@ export default {
       mapTree: [],
       mapList: [],
       currentMap: {},
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors,
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ],
       symbolList:[
         {
           name:'箭头',

data-room-ui/packages/BasicComponents/HorizontalLine/setting.vue

@@ -111,19 +111,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/BasicComponents/IndexCard/setting.vue

@@ -265,17 +265,7 @@ export default {
       }
     ],
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/BasicComponents/IndexCard2/setting.vue

@@ -265,17 +265,7 @@ export default {
       }
     ],
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/BasicComponents/IndicatorCard/setting.vue

@@ -238,17 +238,7 @@ export default {
       }
     ],
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/BasicComponents/IndicatorCard2/setting.vue

@@ -238,17 +238,7 @@ export default {
       }
     ],
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/BasicComponents/Input/setting.vue

@@ -209,19 +209,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/BasicComponents/Map/setting.vue

@@ -343,17 +343,7 @@ export default {
   data () {
     return {
       mapList: [],
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors,
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ],
       mapTree: [],
       currentMap: {},
       levelList: [

data-room-ui/packages/BasicComponents/Marquee/setting.vue

@@ -342,17 +342,7 @@ export default {
   },
   data () {
     return {
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors,
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ],
       directionList: [
         {
           value: 'right',

data-room-ui/packages/BasicComponents/ScreenScrollBoard/setting.vue

@@ -141,17 +141,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/BasicComponents/ScreenScrollRanking/setting.vue

@@ -88,6 +88,7 @@ import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import BorderSetting from 'data-room-ui/BigScreenDesign/RightSetting/BorderSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -99,17 +100,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/BasicComponents/Select/setting.vue

@@ -110,19 +110,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/BasicComponents/Tables/setting.vue

@@ -126,17 +126,7 @@ export default {
   mixins: [chartSettingMixins],
   data () {
     return {
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/BasicComponents/TimePicker/setting.vue

@@ -202,19 +202,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   watch: {},

data-room-ui/packages/BasicComponents/VerticalLine/setting.vue

@@ -109,19 +109,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/BasicComponents/Video/setting.vue

@@ -81,6 +81,7 @@ import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
 import BorderSetting from 'data-room-ui/BigScreenDesign/RightSetting/BorderSetting.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border14Setting',
   components: {
@@ -96,19 +97,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/BigScreenDesign/BorderSetting.vue

@@ -149,19 +149,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/BigScreenDesign/OverallSetting/index.vue

@@ -189,6 +189,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import BgImg from './BgImgDialog.vue'
 import { mapState, mapMutations } from 'vuex'
 import { themeToSetting } from 'data-room-ui/js/utils/themeFormatting'
+import {predefineColors} from 'data-room-ui/js/utils/colorList'
 export default {
   name: 'OverallSetting',
   components: {
@@ -293,17 +294,7 @@ export default {
         fitMode: 'none'
       },
       // 预设主题色
-      predefineColors: [
+      predefineColors,
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ],
       // 图表列表
       chartOptions: []
     }

data-room-ui/packages/Borders/Border1/setting.vue

@@ -12,6 +12,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border1Setting',
   components: {
@@ -20,17 +21,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border10/setting.vue

@@ -9,6 +9,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border10Setting',
   components: {
@@ -17,17 +18,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border11/setting.vue

@@ -28,6 +28,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border11Setting',
   components: {
@@ -36,17 +37,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border12/setting.vue

@@ -9,6 +9,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border12Setting',
   components: {
@@ -17,17 +18,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border13/setting.vue

@@ -9,6 +9,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border13Setting',
   components: {
@@ -17,17 +18,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border14/setting.vue

@@ -107,6 +107,7 @@
 <script>
 import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
+import {predefineColors} from 'data-room-ui/js/utils/colorList'
 export default {
   name: 'Border14Setting',
   components: {
@@ -120,19 +121,7 @@ export default {
     },
     predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/Borders/Border15/setting.vue

@@ -109,6 +109,7 @@
 <script>
 import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border14Setting',
   components: {
@@ -122,19 +123,7 @@ export default {
     },
      predefineThemeColors: {
       type: Array,
-      default: () => {
+      default: () => predefineColors
-        return [
-          '#007aff',
-          '#1aa97b',
-          '#ff4d53',
-          '#1890FF',
-          '#DF0E1B',
-          '#0086CC',
-          '#2B74CF',
-          '#00BC9D',
-          '#ED7D32'
-        ]
-      }
     }
   },
   data () {

data-room-ui/packages/Borders/Border2/setting.vue

@@ -9,6 +9,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border2Setting',
   components: {
@@ -17,17 +18,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border3/setting.vue

@@ -9,6 +9,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border3Setting',
   components: {
@@ -17,17 +18,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border4/setting.vue

@@ -19,6 +19,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border4Setting',
   components: {
@@ -27,17 +28,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border5/setting.vue

@@ -19,6 +19,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border5Setting',
   components: {
@@ -27,17 +28,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border6/setting.vue

@@ -9,6 +9,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border6Setting',
   components: {
@@ -17,17 +18,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border7/setting.vue

@@ -9,6 +9,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border7Setting',
   components: {
@@ -17,17 +18,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border8/setting.vue

@@ -28,6 +28,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from 'data-room-ui/js/utils/colorList'
 export default {
   name: 'Border8Setting',
   components: {
@@ -36,17 +37,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors:predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Borders/Border9/setting.vue

@@ -9,6 +9,7 @@
 </template>
 <script>
 import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'Border9Setting',
   components: {
@@ -17,17 +18,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/ColorPicker/index.vue

@@ -18,6 +18,7 @@
 </template>
 
 <script>
+import {predefineColors} from 'data-room-ui/js/utils/colorList'
 export default {
   name: 'ColorPicker',
   props: {
@@ -31,17 +32,7 @@ export default {
     }, // 输入框的占位文本
     predefineColors: { // 预定义的主题颜色
       type: Array,
-      default: () => [
+      default: () => predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   data () {

data-room-ui/packages/Decorations/Decoration1/setting.vue

@@ -57,6 +57,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -68,17 +69,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration10/setting.vue

@@ -57,6 +57,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -68,17 +69,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration11/setting.vue

@@ -57,6 +57,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -68,17 +69,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration12/setting.vue

@@ -68,6 +68,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -79,17 +80,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration2/setting.vue

@@ -62,6 +62,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -73,17 +74,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration2Reverse/setting.vue

@@ -62,6 +62,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -73,17 +74,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration3/setting.vue

@@ -54,6 +54,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -65,17 +66,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration4/setting.vue

@@ -62,6 +62,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -73,17 +74,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration4Reverse/setting.vue

@@ -62,6 +62,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -73,17 +74,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration5/setting.vue

@@ -65,6 +65,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -76,17 +77,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration6/setting.vue

@@ -57,6 +57,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -68,17 +69,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration8/setting.vue

@@ -57,6 +57,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -68,17 +69,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration8Reverse/setting.vue

@@ -57,6 +57,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -68,17 +69,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/Decorations/Decoration9/setting.vue

@@ -65,6 +65,7 @@ import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
 import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
 import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
 import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import {predefineColors} from "data-room-ui/js/utils/colorList";
 export default {
   name: 'BarSetting',
   components: {
@@ -76,17 +77,7 @@ export default {
   data () {
     return {
       // 预设主题色
-      predefineThemeColors: [
+      predefineThemeColors: predefineColors
-        '#007aff',
-        '#1aa97b',
-        '#ff4d53',
-        '#1890FF',
-        '#DF0E1B',
-        '#0086CC',
-        '#2B74CF',
-        '#00BC9D',
-        '#ED7D32'
-      ]
     }
   },
   computed: {

data-room-ui/packages/js/utils/colorList.js

@@ -0,0 +1,11 @@
+//颜色选择器的预设颜色
+export const predefineColors =[
+  '#6b74e4',
+  '#4391f4',
+  '#38bbe5',
+  '#69d6fd',
+  '#36c6a0',
+  '#007aff',
+  '#ffffff',
+  '#0b1833'
+]