upgrade: 升级 v3.3.9 完善响应式机制, 九宫格增加兼容, 背景色默认改为透明, 并且透明色不再渲染, 不再拦截必填属性

Author: buuing

dist/vue-luck-draw.common.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-luck-draw",
-  "version": "3.3.8",
+  "version": "3.3.9",
   "description": "一个支持 vue2 / vue3 的（大转盘抽奖 / 九宫格抽奖）luckydraw 插件",
   "main": "index.js",
   "keywords": [
@@ -22,6 +22,6 @@
   ],
   "homepage": "https://100px.net",
   "dependencies": {
-    "lucky-canvas": "^1.2.9"
+    "lucky-canvas": "^1.3.3"
   }
 }

dist/vue-luck-draw.umd.js

@@ -5,73 +5,19 @@
 <script>
 import { name, version } from '../package.json'
 import { LuckyGrid } from 'lucky-canvas'
-import { paramsValidator } from '../utils/index.js'
 export default {
   props: {
-    width: {
-      type: [String, Number],
-      default: ''
-    },
-    height: {
-      type: [String, Number],
-      default: ''
-    },
-    cols: {
-      type: [String, Number],
-      default: 3
-    },
-    rows: {
-      type: [String, Number],
-      default: 3
-    },
-    prizes: {
-      type: Array,
-      validator (data) {
-        return paramsValidator({ prizes: data }, {
-          prizes: { x: 1, y: 1, imgs: { src: 1 }, fonts: { text: 1 } }
-        })
-      },
-      default: () => []
-    },
-    button: {
-      type: Object,
-      validator (data) {
-        return paramsValidator({ button: [data] }, {
-          button: { x: 1, y: 1, imgs: { src: 1 }, fonts: { text: 1 } }
-        })
-      },
-    },
-    blocks: {
-      type: Array,
-      validator (data) {
-        return paramsValidator({ blocks: data }, {
-          blocks: { padding: 1, background: 1 }
-        })
-      },
-      default: () => []
-    },
-    defaultStyle: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-    activeStyle: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-    defaultConfig: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    demo: { // demo演示开启中奖标识自动游走
-      type: Boolean,
-      default: false
-    },
+    width: { type: [String, Number], default: '' },
+    height: { type: [String, Number], default: '' },
+    cols: { type: [String, Number], default: 3 },
+    rows: { type: [String, Number], default: 3 },
+    prizes: { type: Array, default: () => [] },
+    button: { type: Object },
+    blocks: { type: Array, default: () => [] },
+    defaultStyle: { type: Object, default () { return {} } },
+    activeStyle: { type: Object, default () { return {} } },
+    defaultConfig: { type: Object, default: () => { return {} } },
+    demo: { type: Boolean, default: false },
   },
   data () {
     return {

dist/vue-luck-draw.umd.min.js

@@ -5,56 +5,15 @@
 <script>
 import { name, version } from '../package.json'
 import { LuckyWheel } from 'lucky-canvas'
-import { paramsValidator } from '../utils/index.js'
 export default {
   props: {
-    width: {
-      type: [String, Number],
-      default: ''
-    },
-    height: {
-      type: [String, Number],
-      default: ''
-    },
-    blocks: {
-      type: Array,
-      validator (data) {
-        return paramsValidator({ blocks: data }, {
-          blocks: { padding: 1, background: 1 }
-        })
-      },
-      default: () => []
-    },
-    prizes: {
-      type: Array,
-      validator (data) {
-        return paramsValidator({ prizes: data }, {
-          prizes: { fonts: { text: 1 }, imgs: { src: 1 } }
-        })
-      },
-      default: () => []
-    },
-    buttons: {
-      type: Array,
-      validator (data) {
-        return paramsValidator({ buttons: data }, {
-          buttons: { fonts: { text: 1 }, imgs: { src: 1 } }
-        })
-      },
-      default: () => []
-    },
-    defaultStyle: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    defaultConfig: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
+    width: { type: [String, Number], default: '' },
+    height: {type: [String, Number],default: ''},
+    blocks: { type: Array, default: () => [] },
+    prizes: { type: Array, default: () => [] },
+    buttons: { type: Array, default: () => [] },
+    defaultStyle: { type: Object, default: () => { return {} } },
+    defaultConfig: { type: Object, default: () => { return {} } },
   },
   data () {
     return {