-
Notifications
You must be signed in to change notification settings - Fork 37
/
app.cd63b65786e657aa4830.js.map
1 lines (1 loc) · 77.8 KB
/
app.cd63b65786e657aa4830.js.map
1
{"version":3,"sources":["webpack:///src/components/TurnTable.vue","webpack:///./src/components/TurnTable.vue?99b2","webpack:///./src/components/TurnTable.vue","webpack:///src/App.vue","webpack:///./src/App.vue?7c52","webpack:///./src/App.vue","webpack:///./src/main.js"],"names":["TurnTable","draggable","a","defaultGiftTextSize","defaultGiftBackgroundColor","chance","text","textColor","textSize","backgroundColor","edit","state","buideTurnTable","updateturnStatus","gifts","autoStop","totalChance","getDefaultGiftBackgroundColor","userAgent","length","singleColor","setDefaultDatas","dataName","config","currentData","setDataListToLocalStorage","index","getDefaultGfits","getDefaultConfig","dataList","localDatas","gift","clone","setDefaultGift","defaultGifts","value","defaultGift","innerHeight","innerWidth","Math","floor","defaultConfig","localConfig","_this","this","pixelRatio","to","deg","save","beginPath","centerPoint","lastAngle","angle","fill","borderColor","stroke","baseSize","restore","autoTurnStop","autoTurnStart","manualTrun","isRunning","randomRollBackDeg","randomDeg","_this2","currentDeg","name","buttonColor","runTime","drawCanvas","targetDeg","rollBackDeg","checkMobile","_this3","animitionProc","components_TurnTable","render","_vm","_h","$createElement","_c","_self","staticClass","class","alert--show","currentResult","_v","_s","_e","directives","rawName","expression","animitionType","style","width","height","on","click","buttonText","attrs","id","type","domProps","checked","showButtons","Array","isArray","_i","change","$event","$$a","$$el","target","$$c","$$i","concat","slice","for","data-toggle","data-target","role","_m","_l","result","preventDefault","resultList","data-dismiss","opacity","editAreaOpacity","min","max","step","__r","submit","_q","giftEditMode","list","element","getChance","modifiers","number","input","composing","$set","_n","blur","$forceUpdate","background-color","isMobile","placeholder","editGiftData","removeGiftData","saveGiftData","cancleGiftData","addGiftData","showGiftsToTextArea","setGiftsByTextArea","showAlert","readonly","data","loadData","newData","saveData","dataNo","deleteData","staticRenderFns","scope","href","App","__webpack_require__","normalizeComponent","ssrContext","selectortype_template_index_0_src_App","src_App","App_normalizeComponent","vue_esm","productionTip","el","template","components"],"mappings":"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","file":"static/js/app.cd63b65786e657aa4830.js","sourcesContent":["<template lang=\"pug\">\n.container\n //- 提示文字\n .alert.alert-info.text-center.mx-auto.w-75.mt-5.fade(v-if=\"config.showAlert\", :class=\"{'alert--show': currentResult}\") {{ currentResult }}\n //- 轉盤本體\n .turnTable(v-show=\"true\")\n .turnTable__body\n canvas.turnTable__canvas(:class=\"animitionType\", :style=\"{'width': `${config.baseSize}px`, 'height': `${config.baseSize}px`}\")\n .turnTable__button(@click=\"animitionProc\")\n .turnTable__arrow\n .turnTable__button__content\n span.turnTable__button__text {{ config.buttonText }}\n //- 設定按鈕\n .buttonArea\n input#showButtons.mx-1(type=\"checkbox\", :checked=\"!showButtons\", v-model=\"showButtons\")\n label.text-sm-right(for=\"showButtons\") 顯示設定\n br\n .buttons(v-show=\"showButtons\")\n button.btn.btn-outline-danger.mr-4(data-toggle=\"modal\", data-target=\"#resultList\", v-if=\"config.autoStop\") 轉出結果\n button.btn.btn-outline-info(data-toggle=\"modal\", data-target=\"#dataSetting\") 轉盤設定\n //- 轉出結果視窗\n #resultList.modal.fade(v-if=\"config.autoStop\")\n .modal-dialog(role=\"document\")\n .modal-content\n .modal-header\n h5.modal-title 轉出結果\n button.close(data-dismiss=\"modal\")\n span ×\n .modal-body\n .table-responsive\n table.table.table-bordered.table-sm\n thead.text-center\n tr\n th.text-center(scope=\"col\") No\n th.text-center(scope=\"col\") 內容\n tbody.text-center\n tr(v-for=\"result, index in resultList\")\n td.text-center {{ index + 1 }}\n td.text-center {{ result }}\n .modal-footer\n button.btn.btn-sm.btn-outline-secondary.ml-2.px-3(@click.prevent=\"resultList = []\") 清空資訊\n button.btn.btn-sm.btn-secondary.ml-2.px-3(data-dismiss=\"modal\") 關閉 \n //- 轉盤資訊設定視窗\n #dataSetting.modal.fade(:style=\"{'opacity': editAreaOpacity}\")\n .modal-dialog.modal-lg(role=\"document\")\n .modal-content\n .modal-header\n h5.modal-title 轉盤資訊設定\n label.text-sm.ml-3 | 背景透明度:\n input(type=\"range\", min=\"0.1\", max=\"1\", step=\"0.1\", v-model=\"editAreaOpacity\")\n button.close(data-dismiss=\"modal\")\n span ×\n .modal-body\n //- 左側編輯區\n ul.nav.nav-tabs(role='tablist')\n li.nav-item.text-center\n a.nav-link.active(data-toggle='tab', href='#edit-data', role='tab') 區塊設定\n li.nav-item.text-center\n a.nav-link(data-toggle='tab', href='#edit-config', role='tab') 轉盤設定\n li.nav-item.text-center\n a.nav-link(data-toggle='tab', href='#dataList', role='tab') 設定集\n .tab-content\n //- 區塊設定 \n #edit-data.tab-pane.fade.show.active.py-3.px-1(role='tabpanel') \n form.form-inline(@submit.prevent=\"\")\n .form-group.w-100.mb-2\n label.mr-2 編輯模式:\n .form-check.ml-4.ml-sm-0.mr-sm-2\n input#editBySet.form-check-input(type=\"radio\", name=\"editMode\", :value=\"true\", v-model=\"giftEditMode\", checked)\n label(for=\"editBySet\") 單塊新增\n .form-check.ml-4.ml-sm-0\n input#editByData.form-check-input(type=\"radio\", name=\"editMode\", :value=\"false\", v-model=\"giftEditMode\")\n label(for=\"editByData\") 資料編輯(Array-Object)\n //- 單塊新增模式\n .editBySet.w-100(v-if=\"giftEditMode\")\n .table-responsive\n table.table.table-bordered.table-sm.mt-1\n thead.text-center\n tr\n th(scope=\"col\", width=\"10%\") 區塊占比\n th(scope=\"col\", width=\"15%\") 背景顏色\n th(scope=\"col\", width=\"15%\") 文字顏色\n th(scope=\"col\", width=\"40%\") 文字內容\n th(scope=\"col\", width=\"10%\") 文字大小\n th(scope=\"col\", width=\"10%\") 功能\n draggable.dragArea(:list=\"gifts\", :element=\"'tbody'\")\n tr(v-for=\"(gift, index) in gifts\")\n //- 機率\n td\n .input-group.justify-content-center\n span(v-show=\"!gift.edit\") {{ getChance(gift.chance) }}\n input.form-control.form-control-sm(v-show=\"gift.edit\", type=\"number\", min=\"1\", step=\"0.1\", v-model.number=\"gift.chance\")\n //- 背景色\n td(:style=\"{'background-color': gift.backgroundColor || getDefaultGiftBackgroundColor(index)}\")\n .input-group.justify-content-center\n span(v-show=\"!gift.edit\") {{ gift.backgroundColor || '預設' }}\n input.mx-1(v-if=\"!isMobile\", v-show=\"gift.edit\", type=\"color\", v-model=\"gift.backgroundColor\", :style=\"{ width: '25px' }\")\n input.form-control.form-control-sm(v-show=\"gift.edit\", type=\"text\", v-model=\"gift.backgroundColor\", :placeholder='getDefaultGiftBackgroundColor()')\n //- 文字色\n td(:style=\"{'background-color': gift.textColor || config.textColor }\")\n .input-group.justify-content-center\n span(v-show=\"!gift.edit\") {{ gift.textColor || '預設' }}\n input.mx-1(v-if=\"!isMobile\", v-show=\"gift.edit\", type=\"color\", v-model=\"gift.textColor\", :style=\"{ width: '25px' }\")\n input.form-control.form-control-sm(v-show=\"gift.edit\", type=\"text\", v-model=\"gift.textColor\", :placeholder='config.textColor')\n //- 文字內容\n td\n .input-group\n span(v-show=\"!gift.edit\") {{ gift.text }}\n input.form-control.form-control-sm(v-show=\"gift.edit\", type=\"text\", v-model=\"gift.text\")\n //- 文字大小\n td\n .input-group.justify-content-center\n span(v-show=\"!gift.edit\") {{ gift.textSize || '預設' }}\n input.form-control.form-control-sm(v-show=\"gift.edit\", type=\"number\", v-model=\"gift.textSize\")\n //- 功能按鈕\n td\n .input-group.text-center.justify-content-center\n button.btn.btn-sm.btn-outline-info.mx-1(v-show=\"!gift.edit\", @click.prevent=\"editGiftData(index)\") 編輯\n button.btn.btn-sm.btn-outline-danger.mx-1(v-show=\"!gift.edit\", @click.prevent=\"removeGiftData(index)\") 移除\n button.btn.btn-sm.btn-outline-success.mx-1(v-show=\"gift.edit\", @click.prevent=\"saveGiftData(index)\") 儲存\n button.btn.btn-sm.btn-outline-secondary.mx-1(v-show=\"gift.edit\", @click.prevent=\"cancleGiftData(index)\") 取消\n button.btn.btn-sm.btn-outline-success.px-5.mx-1(@click=\"addGiftData\") 新增區塊\n //- 資料編輯模式\n .editByDate.w-100.my-2(v-else)\n\n textarea.form-control.form-control-sm.w-100(:value=\"showGiftsToTextArea\", @input=\"setGiftsByTextArea\")\n //- 轉盤設定\n #edit-config.tab-pane.fade.py-3.px-1(role='tabpanel')\n form.form-inline.row(@submit.prevent=\"\")\n .form-group.w-100.mb-3.col-md-4\n label.mr-2 停止模式:\n .form-check.ml-4.ml-sm-0.mr-sm-2\n input#autoStopTrue.form-check-input(type=\"radio\", name=\"autoStop\", :value=\"true\", v-model=\"config.autoStop\", checked)\n label(for=\"autoStopTrue\") 自動\n .form-check.ml-4.ml-sm-0\n input#autoStopFalse.form-check-input(type=\"radio\", name=\"autoStop\", :value=\"false\", v-model=\"config.autoStop\")\n label(for=\"autoStopFalse\") 手動\n .form-group.w-100.mb-3.col-md-8\n label.mr-2 轉出資訊:\n .form-check.ml-4.ml-sm-0.mr-sm-2\n input#showAlertTrue.form-check-input(type=\"radio\", name=\"showAlert\", :value=\"true\", v-model=\"config.showAlert\", checked)\n label(for=\"showAlertTrue\") 顯示\n .form-check.ml-4.ml-sm-0\n input#showAlertFalse.form-check-input(type=\"radio\", name=\"showAlert\", :value=\"false\", v-model=\"config.showAlert\")\n label(for=\"showAlertFalse\") 關閉\n .form-group.w-100.mb-3.col-md-4\n label {{ config.autoStop ? '動畫時間長度(s):' : '轉10圈的轉速(s):' }}\n input.form-control.form-control-sm.w-100(type=\"number\", min=\"1\", step=\"1\", v-model.number=\"config.runTime\")\n .form-group.w-100.mb-3.col-md-4\n label 轉盤尺寸設定(px):\n input.form-control.form-control-sm.w-100(type=\"number\", step=\"1\", min=\"150\", v-model.number=\"config.baseSize\")\n .form-group.w-100.mb-3.col-md-4(v-if=\"config.autoStop\")\n label 最大回彈角度(百分比):\n input.form-control.form-control-sm.w-100(type=\"number\", step=\"0.01\", min=\"0.1\", max=\"1\", v-model.number=\"config.rollBackRange\", :readonly=\"!config.autoStop\")\n .form-group.w-100.mb-3.col-md-4\n label 區塊預設色(單數):\n .input-group.w-100\n input.mx-1.my-1(v-if=\"!isMobile\", type=\"color\", v-model=\"config.singleColor\", :style=\"{ width: '25px' }\")\n input.form-control.form-control-sm(type=\"text\", v-model=\"config.singleColor\")\n .form-group.w-100.mb-3.col-md-4\n label 區塊預設色(雙數):\n .input-group.w-100\n input.mx-1.my-1(v-if=\"!isMobile\", type=\"color\", v-model=\"config.doubleColor\", :style=\"{ width: '25px' }\")\n input.form-control.form-control-sm(type=\"text\", v-model=\"config.doubleColor\")\n .form-group.w-100.mb-3.col-md-4\n label 區塊邊框寬度:\n input.form-control.form-control-sm.w-100(type=\"number\", min=\"1\", step=\"1\", v-model.number=\"config.borderWidth\")\n .form-group.w-100.mb-3.col-md-4\n label 按鈕顏色:\n .input-group.w-100\n input.mx-1.my-1(v-if=\"!isMobile\", type=\"color\", v-model=\"config.buttonColor\", :style=\"{ width: '25px' }\")\n input.form-control.form-control-sm(type=\"text\", v-model=\"config.buttonColor\")\n .form-group.w-100.mb-3.col-md-8\n label 按鈕文字:\n input.form-control.form-control-sm.w-100(type=\"text\", v-model=\"config.buttonText\")\n //- 設定集顯示區\n #dataList.tab-pane.fade.py-3.px-1(role='tabpanel')\n template(v-for=\"(data, index) in dataList\")\n button.btn.btn-sm.btn-outline-info.px-3.m-1(@click.prevent=\"loadData(index)\") {{ data.dataName }}\n .modal-footer\n //- 設定名稱\n form.form-inline(@submit.prevent=\"\")\n label.mr-2 設定檔名稱:\n input.form-control.form-control-sm(type=\"text\", v-model=\"dataName\")\n //- 設定檔功能按鈕\n button.btn.btn-sm.btn-outline-primary.mx-1.px-3(@click.prevent=\"newData\") 新增\n button.btn.btn-sm.btn-outline-success.mx-1.px-3(@click.prevent=\"saveData()\") 儲存\n button.btn.btn-sm.btn-outline-danger.mx-1.px-3(v-if=\"dataNo !== 0\" @click.prevent=\"deleteData(dataNo)\") 刪除\n button.btn.btn-sm.btn-outline-secondary.mx-1.px-3(@click.prevent=\"setDefaultDatas()\") 預設\n button.btn.btn-sm.btn-secondary(data-dismiss=\"modal\") 關閉\n</template>\n\n<script>\n import draggable from 'vuedraggable';\n\n export default {\n name: 'TurnTable',\n components: { draggable },\n data() {\n return {\n /** 轉動狀態 */\n isRunning: false,\n /** 手機瀏覽器,用來開關input-color */\n isMobile: false,\n /** 編輯模式: true=區塊設定模式、false=\"資料編輯模式\" */\n giftEditMode: true,\n /** 是否顯示設定按鈕 */\n showButtons: true,\n /** 編輯視窗背景透明度 */\n editAreaOpacity: 1,\n /** 轉動狀態 */\n turnStatus: {\n currentDeg: 0,\n targetDeg: 0,\n rollBackDeg: 0,\n },\n /** 獎項中獎角度儲存 */\n giftDegs: [],\n /** 中獎清單 */\n currentResult: '',\n resultList: [],\n /** 設定紀錄 */\n dataList: [],\n dataNo: 0,\n dataName: '預設',\n /** 獎項設定資料 */\n gift: {},\n defaultGift: {\n chance: 10,\n text: '',\n textColor: '',\n textSize: this.defaultGiftTextSize,\n backgroundColor: this.defaultGiftBackgroundColor,\n edit: true,\n },\n gifts: [],\n defaultGifts: [\n { chance: 10, text: 'RED', textColor: '', textSize: '', backgroundColor: '', edit: false },\n { chance: 10, text: 'BLUE', textColor: '', textSize: '', backgroundColor: '', edit: false },\n ],\n /** 轉盤設定 */\n config: {},\n defaultConfig: {\n autoStop: true,\n runTime: 6,\n rollBackRange: 0.25,\n showAlert: true,\n baseSize: 500,\n singleColor: '#b0e0e6',\n doubleColor: '#e4c6d0',\n borderWidth: 1,\n borderColor: '#ffffff',\n textColor: '#ffffff',\n buttonColor: '#f19393',\n buttonText: 'GO',\n },\n };\n },\n watch: {\n isRunning(boolean) {\n // 手動模式要將動畫停止\n if (!this.config.autoStop) {\n const state = boolean ? 'running' : 'paused';\n document.documentElement.style.setProperty('--animitionState', state);\n }\n },\n /** 偵聽當資料變更就重建轉盤 */\n gifts: {\n handler() {\n this.buideTurnTable();\n },\n deep: true,\n },\n config: {\n handler() {\n this.buideTurnTable();\n },\n deep: true,\n },\n turnStatus: {\n handler() {\n this.updateturnStatus();\n },\n deep: true,\n },\n },\n computed: {\n /** 轉盤資料字串 */\n showGiftsToTextArea() {\n return JSON.stringify(this.gifts);\n },\n /** 動畫Class判斷 */\n animitionType() {\n return {\n 'turnTable__canvas--manualTrun': !this.config.autoStop,\n 'turnTable__canvas--autoTrun': this.isRunning && this.config.autoStop,\n };\n },\n /** 計算區塊機率值總和 */\n countDataChance() {\n let totalChance = 0;\n this.gifts.forEach((data) => {\n totalChance += data.chance;\n });\n return totalChance;\n },\n /** 預設區塊色 */\n defaultGiftBackgroundColor() {\n return this.getDefaultGiftBackgroundColor();\n },\n /** 取得裝置像素比例(至少用兩倍來避免canvas繪製模糊) */\n pixelRatio() {\n return window.devicePixelRatio * 2 || 2;\n },\n },\n methods: {\n /** 檢查手機瀏覽器(關閉input-color) */\n checkMobile() {\n return (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent));\n },\n /** 計算區塊機率% */\n getChance(data) {\n return `${((data / this.countDataChance) * 100).toFixed(1)}%`;\n },\n /** 取得預設區塊色彩 */\n getDefaultGiftBackgroundColor(index) {\n const number = index || this.gifts.length;\n return number % 2 === 0 ? this.config.doubleColor : this.config.singleColor;\n },\n //------------------------------------\n // --設定檔 Methods\n //------------------------------------\n /** 新增設定檔 */\n newData() {\n this.dataName = '未命名';\n this.dataNo = this.dataList.length;\n this.setDefaultDatas();\n },\n /** 儲存設定檔 */\n saveData() {\n const currentData = {\n dataName: this.dataName,\n gifts: Array.from(this.gifts),\n config: Object.assign({}, this.config),\n };\n // 使用.$set可以避免下面兩種更動Array索引資料動態顯示上的問題\n this.$set(this.dataList, this.dataNo, currentData);\n // this.dataList[this.dataNo] = currentData; // 這會導致資料綁定的動態顯示失效\n // this.dataList.splice(this.dataNo, 0, currentData); // 這樣會一直新增XD\n // 存到localStrorage\n this.setDataListToLocalStorage();\n },\n /** 讀取設定檔 */\n loadData(index) {\n this.dataNo = index;\n this.dataName = this.dataList[index].dataName;\n this.gifts = this.dataList[index].gifts;\n this.config = this.dataList[index].config;\n },\n /** 刪除設定檔 */\n deleteData(index) {\n if (confirm('確定刪除這個設定檔嗎?')) {\n this.dataList.splice(index, 1);\n this.loadData(0);\n }\n },\n /** 還原設定資料至預設值 */\n setDefaultDatas() {\n this.gifts = this.getDefaultGfits();\n this.config = this.getDefaultConfig();\n },\n /** 儲存設定檔(LocalStorage) */\n setDataListToLocalStorage() {\n const localDatas = JSON.stringify(this.dataList);\n localStorage.setItem('turnTableDataList', localDatas);\n },\n /** 取得設定檔(LocalStorage) */\n getDataListFromLocalStorage() {\n return JSON.parse(localStorage.getItem('turnTableDataList'));\n },\n //------------------------------------\n // --獎品編輯 By List Methods\n //------------------------------------\n editGiftData(index) {\n const gift = this.gifts[index];\n gift.clone = Object.assign({}, gift);\n gift.edit = true;\n },\n saveGiftData(index) {\n const gift = this.gifts[index];\n delete gift.clone;\n gift.edit = false;\n },\n cancleGiftData(index) {\n let gift = this.gifts[index];\n gift = Object.assign(gift, gift.clone);\n delete gift.clone;\n gift.edit = false;\n },\n /** 移除獎品資料 */\n removeGiftData(index) {\n this.gifts.splice(index, 1);\n },\n //------------------------------------\n // --獎品編輯 Methods\n //------------------------------------\n /** 新增獎品資料 */\n addGiftData() {\n this.gifts.push(this.gift);\n this.setDefaultGift();\n },\n /** 取得獎品資料預設值 */\n getDefaultGfits() {\n return Array.from(this.defaultGifts);\n },\n /** 設定獎品資料(透過獎品編輯Object) */\n setGiftsByTextArea(e) {\n this.gifts = JSON.parse(e.target.value);\n },\n /** 設定獎品資料預設值 */\n setDefaultGift() {\n this.gift = Object.assign({}, this.defaultGift);\n },\n //------------------------------------\n // --轉盤編輯 Methods\n //------------------------------------\n /** 取得轉盤預設值 */\n getDefaultConfig() {\n // 計算當前視窗寬高,取低值*0.6當基準值設定轉盤大小\n const innerHeight = window.innerHeight;\n const innerWidth = window.innerWidth;\n this.defaultConfig.baseSize = innerHeight > innerWidth ?\n Math.floor(innerWidth * 0.8) : Math.floor(innerHeight * 0.6);\n return Object.assign({}, this.defaultConfig);\n },\n /** 儲存轉盤設定值(LocalStorage) */\n setConfigToLocalStorage() {\n const localConfig = JSON.stringify(this.config);\n localStorage.setItem('turnTableConfig', localConfig);\n },\n //------------------------------------\n // --轉盤內容 & 動畫 Methods\n //------------------------------------\n /** 轉盤內容繪製 */\n drawCanvas() {\n const centerPoint = this.config.baseSize * (this.pixelRatio / 2);\n const turnTable = document.querySelector('.turnTable__canvas');\n const ctx = turnTable.getContext('2d');\n turnTable.setAttribute('width', this.config.baseSize * this.pixelRatio);\n turnTable.setAttribute('height', this.config.baseSize * this.pixelRatio);\n this.giftDegs = [];\n let lastAngle = 0;\n // 內部區塊繪製\n this.gifts.forEach((gift, index) => {\n // 計算角度(全部資料機率 / 單片機率 * 360)\n const deg = (gift.chance / this.countDataChance) * 360;\n // 計算弧度(角度 * PI / 180),\n const angle = deg * (Math.PI / 180);\n // 儲存角度範圍\n this.giftDegs[index] = {\n from: index === 0 ? 0 : this.giftDegs[index - 1].to,\n to: index === 0 ? deg : this.giftDegs[index - 1].to + deg,\n name: gift.text,\n };\n // 開始繪製\n ctx.save();\n ctx.beginPath();\n ctx.translate(centerPoint, centerPoint);\n ctx.moveTo(0, 0);\n // 旋轉弧度 = 上次的區塊弧度(初始0)\n ctx.rotate(lastAngle);\n // 繪製區塊,半徑-外框線 避免 框線擠到canvas邊框\n ctx.arc(0, 0, centerPoint - this.config.borderWidth, 0, angle, false);\n // 更新最後一次的結束角度\n lastAngle += angle;\n // 區塊底色填充\n ctx.fillStyle = gift.backgroundColor || this.getDefaultGiftBackgroundColor(index);\n ctx.fill();\n /** 邊框繪製 */\n ctx.lineWidth = this.config.borderWidth * this.pixelRatio;\n ctx.strokeStyle = this.config.borderColor;\n ctx.stroke();\n // 內容文字繪製\n ctx.rotate(angle / 2);\n ctx.fillStyle = gift.textColor || this.config.textColor;\n ctx.font = gift.textSize ?\n `${gift.textSize}px Microsoft JhengHei` :\n `${(this.config.baseSize / gift.text.length) * (this.pixelRatio / 4)}px Microsoft JhengHei`;\n ctx.textBaseline = 'middle';\n ctx.fillText(gift.text, centerPoint / 2.25, 0);\n //\n ctx.restore();\n });\n // 自動停止模式動畫結束時要跑autoTurnStop function\n if (this.config.autoStop) {\n turnTable.addEventListener('animationend', this.autoTurnStop);\n } else {\n turnTable.removeEventListener('animationend', this.autoTurnStop);\n }\n },\n /** 轉動模式 */\n animitionProc() {\n if (this.config.autoStop) {\n this.autoTurnStart();\n } else {\n this.manualTrun();\n }\n },\n /** 手動模式(手動停止) */\n manualTrun() {\n this.isRunning = !this.isRunning;\n },\n /** 自動模式(自動停止) */\n autoTurnStart() {\n // 如果正在執行中不動作\n if (this.isRunning) return;\n // 取得隨機角度(預設至少跑10圈)\n const randomDeg = Math.floor(Math.random() * (360 - 0)) + 3600;\n // 取得隨機回彈角度\n const randomRollBackDeg = (Math.random() * this.config.rollBackRange) + 1;\n // 設定回彈角度\n this.turnStatus.rollBackDeg = randomRollBackDeg < 1.01 ? 1 : randomRollBackDeg;\n // 設置動畫的目標角度\n this.turnStatus.targetDeg = randomDeg;\n // 開始旋轉動畫\n this.isRunning = true;\n },\n /** 自動模式停止事件(由繪製區的addEventListener('animationend')觸發) */\n autoTurnStop() {\n // 關閉動畫\n this.isRunning = false;\n // 紀錄本次角度\n this.turnStatus.currentDeg = Math.floor(this.turnStatus.targetDeg % 360);\n // 計算中獎角度\n const nowDeg = 360 - this.turnStatus.currentDeg;\n // 顯示獎品資料\n this.giftDegs.forEach((giftDeg) => {\n if (nowDeg >= giftDeg.from && nowDeg <= giftDeg.to) {\n this.resultList.push(giftDeg.name);\n this.currentResult = giftDeg.name;\n setTimeout(() => {\n this.currentResult = '';\n }, 3500);\n }\n });\n },\n /** 建立轉盤 */\n buideTurnTable() {\n // CSS值設定\n document.documentElement.style.setProperty('--turnTableSize', `${this.config.baseSize + 20}px`);\n document.documentElement.style.setProperty('--buttonSize', `${this.config.baseSize / 3.5}px`);\n document.documentElement.style.setProperty('--buttonFontSize', `${this.config.baseSize / 10}px`);\n document.documentElement.style.setProperty('--arrowHeight', `${this.config.baseSize / 7}px`);\n document.documentElement.style.setProperty('--arrowWidth', `${this.config.baseSize / 5}px`);\n document.documentElement.style.setProperty('--buttonColor', `${this.config.buttonColor}`);\n document.documentElement.style.setProperty('--runTime', `${this.config.runTime}s`);\n document.documentElement.style.setProperty('--animitionState', 'paused');\n // 清空轉出結果\n this.resultList = [];\n // 繪製轉盤\n this.drawCanvas();\n },\n /** 更新轉盤角度資訊 */\n updateturnStatus() {\n document.documentElement.style.setProperty('--targetDeg', `${this.turnStatus.targetDeg}deg`);\n document.documentElement.style.setProperty('--currentDeg', `${this.turnStatus.currentDeg}deg`);\n document.documentElement.style.setProperty('--rollBackDeg', `${this.turnStatus.rollBackDeg}`);\n },\n },\n beforeMount() {\n // 檢查手機模式\n this.isMobile = this.checkMobile();\n // 區塊新增的基礎預設值設定\n this.setDefaultGift();\n // 若沒有儲存在LocalStorage中的資料就用預設值\n this.dataList = this.getDataListFromLocalStorage() || [];\n this.dataName = this.dataList[0] ? this.dataList[0].dataName : this.dataName;\n this.config = this.dataList[0] ? this.dataList[0].config : this.getDefaultConfig();\n this.gifts = this.dataList[0] ? this.dataList[0].gifts : this.getDefaultGfits();\n },\n mounted() {\n // 建立轉盤\n this.buideTurnTable();\n // 偵測空白鍵,使空白鍵可觸發轉動及停止\n document.addEventListener('keypress', (e) => {\n if (e.keyCode === 32) this.animitionProc();\n });\n },\n };\n</script>\n\n<style lang=\"scss\">\n //圖形樣式變數\n $turnTableSize: var(--turnTableSize);\n $buttonSize: var(--buttonSize);\n $buttonColor: var(--buttonColor);\n $buttonFontSize: var(--buttonFontSize);\n $arrowWidth: var(--arrowWidth);\n $arrowHeight: var(--arrowHeight);\n //轉動執行用變數\n $runTime: var(--runTime);\n $targetDeg: var(--targetDeg);\n $currentDeg: var(--currentDeg);\n $rollBackDeg: var(--rollBackDeg);\n $animitionState: var(--animitionState);\n\n @mixin positionCenter($args:null) {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) $args;\n }\n\n * {\n font-family: Microsoft JhengHei;\n }\n\n html {\n font-size: 14px;\n }\n\n .alert {\n font-size: 20px;\n &--show {\n z-index: 1;\n opacity: 0.7;\n transition: opacity 0.5s linear;\n }\n }\n\n .buttonArea {\n position: fixed;\n display: inline-block;\n right: 3vh;\n bottom: 3vh;\n }\n\n .turnTable {\n @include positionCenter();\n width: $turnTableSize;\n height: $turnTableSize;\n border-radius: 50%;\n box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);\n user-select: none;\n &__body {\n @include positionCenter();\n font-size: 0px;\n }\n &__canvas {\n transform: rotate($targetDeg);\n }\n &__canvas--autoTrun {\n animation: AutoTrun $runTime forwards cubic-bezier(0.1, 0, 0, $rollBackDeg);\n }\n &__canvas--manualTrun {\n animation: ManualTrun $runTime infinite linear forwards;\n animation-play-state: $animitionState;\n }\n &__button {\n @include positionCenter();\n padding: 10px;\n border-radius: 50%;\n background-color: #fff;\n box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);\n color: #fff;\n cursor: pointer;\n }\n &__button__content {\n width: $buttonSize;\n height: $buttonSize;\n border-radius: 50%;\n background-color: $buttonColor;\n }\n &__button__text {\n @include positionCenter();\n color: #fff;\n font-weight: 900;\n font-size: $buttonFontSize;\n }\n &__arrow {\n @include positionCenter(rotate(270deg));\n left: 100%;\n border: $arrowHeight solid transparent;\n border-top: $arrowWidth solid $buttonColor;\n }\n }\n\n @keyframes AutoTrun {\n from {\n transform: rotate($currentDeg);\n }\n to {\n transform: rotate($targetDeg);\n }\n }\n\n @keyframes ManualTrun {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(7200deg);\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/TurnTable.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[(_vm.config.showAlert)?_c('div',{staticClass:\"alert alert-info text-center mx-auto w-75 mt-5 fade\",class:{'alert--show': _vm.currentResult}},[_vm._v(_vm._s(_vm.currentResult))]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"turnTable\"},[_c('div',{staticClass:\"turnTable__body\"},[_c('canvas',{staticClass:\"turnTable__canvas\",class:_vm.animitionType,style:({'width': ((_vm.config.baseSize) + \"px\"), 'height': ((_vm.config.baseSize) + \"px\")})})]),_c('div',{staticClass:\"turnTable__button\",on:{\"click\":_vm.animitionProc}},[_c('div',{staticClass:\"turnTable__arrow\"}),_c('div',{staticClass:\"turnTable__button__content\"},[_c('span',{staticClass:\"turnTable__button__text\"},[_vm._v(_vm._s(_vm.config.buttonText))])])])]),_c('div',{staticClass:\"buttonArea\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.showButtons),expression:\"showButtons\"}],staticClass:\"mx-1\",attrs:{\"id\":\"showButtons\",\"type\":\"checkbox\"},domProps:{\"checked\":!_vm.showButtons,\"checked\":Array.isArray(_vm.showButtons)?_vm._i(_vm.showButtons,null)>-1:(_vm.showButtons)},on:{\"change\":function($event){var $$a=_vm.showButtons,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.showButtons=$$a.concat([$$v]))}else{$$i>-1&&(_vm.showButtons=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.showButtons=$$c}}}}),_c('label',{staticClass:\"text-sm-right\",attrs:{\"for\":\"showButtons\"}},[_vm._v(\"顯示設定\")]),_c('br'),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showButtons),expression:\"showButtons\"}],staticClass:\"buttons\"},[(_vm.config.autoStop)?_c('button',{staticClass:\"btn btn-outline-danger mr-4\",attrs:{\"data-toggle\":\"modal\",\"data-target\":\"#resultList\"}},[_vm._v(\"轉出結果\")]):_vm._e(),_c('button',{staticClass:\"btn btn-outline-info\",attrs:{\"data-toggle\":\"modal\",\"data-target\":\"#dataSetting\"}},[_vm._v(\"轉盤設定\")])])]),(_vm.config.autoStop)?_c('div',{staticClass:\"modal fade\",attrs:{\"id\":\"resultList\"}},[_c('div',{staticClass:\"modal-dialog\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_vm._m(0),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-bordered table-sm\"},[_vm._m(1),_c('tbody',{staticClass:\"text-center\"},_vm._l((_vm.resultList),function(result,index){return _c('tr',[_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(index + 1))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(result))])])}))])])]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-sm btn-outline-secondary ml-2 px-3\",on:{\"click\":function($event){$event.preventDefault();_vm.resultList = []}}},[_vm._v(\"清空資訊\")]),_c('button',{staticClass:\"btn btn-sm btn-secondary ml-2 px-3\",attrs:{\"data-dismiss\":\"modal\"}},[_vm._v(\"關閉 \")])])])])]):_vm._e(),_c('div',{staticClass:\"modal fade\",style:({'opacity': _vm.editAreaOpacity}),attrs:{\"id\":\"dataSetting\"}},[_c('div',{staticClass:\"modal-dialog modal-lg\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(\"轉盤資訊設定\")]),_c('label',{staticClass:\"text-sm ml-3\"},[_vm._v(\"| 背景透明度:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editAreaOpacity),expression:\"editAreaOpacity\"}],attrs:{\"type\":\"range\",\"min\":\"0.1\",\"max\":\"1\",\"step\":\"0.1\"},domProps:{\"value\":(_vm.editAreaOpacity)},on:{\"__r\":function($event){_vm.editAreaOpacity=$event.target.value}}}),_vm._m(2)]),_c('div',{staticClass:\"modal-body\"},[_vm._m(3),_c('div',{staticClass:\"tab-content\"},[_c('div',{staticClass:\"tab-pane fade show active py-3 px-1\",attrs:{\"id\":\"edit-data\",\"role\":\"tabpanel\"}},[_c('form',{staticClass:\"form-inline\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"form-group w-100 mb-2\"},[_c('label',{staticClass:\"mr-2\"},[_vm._v(\"編輯模式:\")]),_c('div',{staticClass:\"form-check ml-4 ml-sm-0 mr-sm-2\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.giftEditMode),expression:\"giftEditMode\"}],staticClass:\"form-check-input\",attrs:{\"id\":\"editBySet\",\"type\":\"radio\",\"name\":\"editMode\",\"checked\":\"checked\"},domProps:{\"value\":true,\"checked\":_vm._q(_vm.giftEditMode,true)},on:{\"change\":function($event){_vm.giftEditMode=true}}}),_c('label',{attrs:{\"for\":\"editBySet\"}},[_vm._v(\"單塊新增\")])]),_c('div',{staticClass:\"form-check ml-4 ml-sm-0\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.giftEditMode),expression:\"giftEditMode\"}],staticClass:\"form-check-input\",attrs:{\"id\":\"editByData\",\"type\":\"radio\",\"name\":\"editMode\"},domProps:{\"value\":false,\"checked\":_vm._q(_vm.giftEditMode,false)},on:{\"change\":function($event){_vm.giftEditMode=false}}}),_c('label',{attrs:{\"for\":\"editByData\"}},[_vm._v(\"資料編輯(Array-Object)\")])])]),(_vm.giftEditMode)?_c('div',{staticClass:\"editBySet w-100\"},[_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-bordered table-sm mt-1\"},[_vm._m(4),_c('draggable',{staticClass:\"dragArea\",attrs:{\"list\":_vm.gifts,\"element\":'tbody'}},_vm._l((_vm.gifts),function(gift,index){return _c('tr',[_c('td',[_c('div',{staticClass:\"input-group justify-content-center\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!gift.edit),expression:\"!gift.edit\"}]},[_vm._v(_vm._s(_vm.getChance(gift.chance)))]),_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"},{name:\"model\",rawName:\"v-model.number\",value:(gift.chance),expression:\"gift.chance\",modifiers:{\"number\":true}}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"number\",\"min\":\"1\",\"step\":\"0.1\"},domProps:{\"value\":(gift.chance)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(gift, \"chance\", _vm._n($event.target.value))},\"blur\":function($event){_vm.$forceUpdate()}}})])]),_c('td',{style:({'background-color': gift.backgroundColor || _vm.getDefaultGiftBackgroundColor(index)})},[_c('div',{staticClass:\"input-group justify-content-center\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!gift.edit),expression:\"!gift.edit\"}]},[_vm._v(_vm._s(gift.backgroundColor || '預設'))]),(!_vm.isMobile)?_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"},{name:\"model\",rawName:\"v-model\",value:(gift.backgroundColor),expression:\"gift.backgroundColor\"}],staticClass:\"mx-1\",style:({ width: '25px' }),attrs:{\"type\":\"color\"},domProps:{\"value\":(gift.backgroundColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(gift, \"backgroundColor\", $event.target.value)}}}):_vm._e(),_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"},{name:\"model\",rawName:\"v-model\",value:(gift.backgroundColor),expression:\"gift.backgroundColor\"}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"text\",\"placeholder\":_vm.getDefaultGiftBackgroundColor()},domProps:{\"value\":(gift.backgroundColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(gift, \"backgroundColor\", $event.target.value)}}})])]),_c('td',{style:({'background-color': gift.textColor || _vm.config.textColor })},[_c('div',{staticClass:\"input-group justify-content-center\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!gift.edit),expression:\"!gift.edit\"}]},[_vm._v(_vm._s(gift.textColor || '預設'))]),(!_vm.isMobile)?_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"},{name:\"model\",rawName:\"v-model\",value:(gift.textColor),expression:\"gift.textColor\"}],staticClass:\"mx-1\",style:({ width: '25px' }),attrs:{\"type\":\"color\"},domProps:{\"value\":(gift.textColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(gift, \"textColor\", $event.target.value)}}}):_vm._e(),_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"},{name:\"model\",rawName:\"v-model\",value:(gift.textColor),expression:\"gift.textColor\"}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"text\",\"placeholder\":_vm.config.textColor},domProps:{\"value\":(gift.textColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(gift, \"textColor\", $event.target.value)}}})])]),_c('td',[_c('div',{staticClass:\"input-group\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!gift.edit),expression:\"!gift.edit\"}]},[_vm._v(_vm._s(gift.text))]),_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"},{name:\"model\",rawName:\"v-model\",value:(gift.text),expression:\"gift.text\"}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"text\"},domProps:{\"value\":(gift.text)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(gift, \"text\", $event.target.value)}}})])]),_c('td',[_c('div',{staticClass:\"input-group justify-content-center\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!gift.edit),expression:\"!gift.edit\"}]},[_vm._v(_vm._s(gift.textSize || '預設'))]),_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"},{name:\"model\",rawName:\"v-model\",value:(gift.textSize),expression:\"gift.textSize\"}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"number\"},domProps:{\"value\":(gift.textSize)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(gift, \"textSize\", $event.target.value)}}})])]),_c('td',[_c('div',{staticClass:\"input-group text-center justify-content-center\"},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(!gift.edit),expression:\"!gift.edit\"}],staticClass:\"btn btn-sm btn-outline-info mx-1\",on:{\"click\":function($event){$event.preventDefault();_vm.editGiftData(index)}}},[_vm._v(\"編輯\")]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(!gift.edit),expression:\"!gift.edit\"}],staticClass:\"btn btn-sm btn-outline-danger mx-1\",on:{\"click\":function($event){$event.preventDefault();_vm.removeGiftData(index)}}},[_vm._v(\"移除\")]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"}],staticClass:\"btn btn-sm btn-outline-success mx-1\",on:{\"click\":function($event){$event.preventDefault();_vm.saveGiftData(index)}}},[_vm._v(\"儲存\")]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(gift.edit),expression:\"gift.edit\"}],staticClass:\"btn btn-sm btn-outline-secondary mx-1\",on:{\"click\":function($event){$event.preventDefault();_vm.cancleGiftData(index)}}},[_vm._v(\"取消\")])])])])}))],1)]),_c('button',{staticClass:\"btn btn-sm btn-outline-success px-5 mx-1\",on:{\"click\":_vm.addGiftData}},[_vm._v(\"新增區塊\")])]):_c('div',{staticClass:\"editByDate w-100 my-2\"},[_c('textarea',{staticClass:\"form-control form-control-sm w-100\",domProps:{\"value\":_vm.showGiftsToTextArea},on:{\"input\":_vm.setGiftsByTextArea}})])])]),_c('div',{staticClass:\"tab-pane fade py-3 px-1\",attrs:{\"id\":\"edit-config\",\"role\":\"tabpanel\"}},[_c('form',{staticClass:\"form-inline row\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"form-group w-100 mb-3 col-md-4\"},[_c('label',{staticClass:\"mr-2\"},[_vm._v(\"停止模式:\")]),_c('div',{staticClass:\"form-check ml-4 ml-sm-0 mr-sm-2\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.autoStop),expression:\"config.autoStop\"}],staticClass:\"form-check-input\",attrs:{\"id\":\"autoStopTrue\",\"type\":\"radio\",\"name\":\"autoStop\",\"checked\":\"checked\"},domProps:{\"value\":true,\"checked\":_vm._q(_vm.config.autoStop,true)},on:{\"change\":function($event){_vm.$set(_vm.config, \"autoStop\", true)}}}),_c('label',{attrs:{\"for\":\"autoStopTrue\"}},[_vm._v(\"自動\")])]),_c('div',{staticClass:\"form-check ml-4 ml-sm-0\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.autoStop),expression:\"config.autoStop\"}],staticClass:\"form-check-input\",attrs:{\"id\":\"autoStopFalse\",\"type\":\"radio\",\"name\":\"autoStop\"},domProps:{\"value\":false,\"checked\":_vm._q(_vm.config.autoStop,false)},on:{\"change\":function($event){_vm.$set(_vm.config, \"autoStop\", false)}}}),_c('label',{attrs:{\"for\":\"autoStopFalse\"}},[_vm._v(\"手動\")])])]),_c('div',{staticClass:\"form-group w-100 mb-3 col-md-8\"},[_c('label',{staticClass:\"mr-2\"},[_vm._v(\"轉出資訊:\")]),_c('div',{staticClass:\"form-check ml-4 ml-sm-0 mr-sm-2\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.showAlert),expression:\"config.showAlert\"}],staticClass:\"form-check-input\",attrs:{\"id\":\"showAlertTrue\",\"type\":\"radio\",\"name\":\"showAlert\",\"checked\":\"checked\"},domProps:{\"value\":true,\"checked\":_vm._q(_vm.config.showAlert,true)},on:{\"change\":function($event){_vm.$set(_vm.config, \"showAlert\", true)}}}),_c('label',{attrs:{\"for\":\"showAlertTrue\"}},[_vm._v(\"顯示\")])]),_c('div',{staticClass:\"form-check ml-4 ml-sm-0\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.showAlert),expression:\"config.showAlert\"}],staticClass:\"form-check-input\",attrs:{\"id\":\"showAlertFalse\",\"type\":\"radio\",\"name\":\"showAlert\"},domProps:{\"value\":false,\"checked\":_vm._q(_vm.config.showAlert,false)},on:{\"change\":function($event){_vm.$set(_vm.config, \"showAlert\", false)}}}),_c('label',{attrs:{\"for\":\"showAlertFalse\"}},[_vm._v(\"關閉\")])])]),_c('div',{staticClass:\"form-group w-100 mb-3 col-md-4\"},[_c('label',[_vm._v(_vm._s(_vm.config.autoStop ? '動畫時間長度(s):' : '轉10圈的轉速(s):'))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.config.runTime),expression:\"config.runTime\",modifiers:{\"number\":true}}],staticClass:\"form-control form-control-sm w-100\",attrs:{\"type\":\"number\",\"min\":\"1\",\"step\":\"1\"},domProps:{\"value\":(_vm.config.runTime)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"runTime\", _vm._n($event.target.value))},\"blur\":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:\"form-group w-100 mb-3 col-md-4\"},[_c('label',[_vm._v(\"轉盤尺寸設定(px):\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.config.baseSize),expression:\"config.baseSize\",modifiers:{\"number\":true}}],staticClass:\"form-control form-control-sm w-100\",attrs:{\"type\":\"number\",\"step\":\"1\",\"min\":\"150\"},domProps:{\"value\":(_vm.config.baseSize)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"baseSize\", _vm._n($event.target.value))},\"blur\":function($event){_vm.$forceUpdate()}}})]),(_vm.config.autoStop)?_c('div',{staticClass:\"form-group w-100 mb-3 col-md-4\"},[_c('label',[_vm._v(\"最大回彈角度(百分比):\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.config.rollBackRange),expression:\"config.rollBackRange\",modifiers:{\"number\":true}}],staticClass:\"form-control form-control-sm w-100\",attrs:{\"type\":\"number\",\"step\":\"0.01\",\"min\":\"0.1\",\"max\":\"1\",\"readonly\":!_vm.config.autoStop},domProps:{\"value\":(_vm.config.rollBackRange)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"rollBackRange\", _vm._n($event.target.value))},\"blur\":function($event){_vm.$forceUpdate()}}})]):_vm._e(),_c('div',{staticClass:\"form-group w-100 mb-3 col-md-4\"},[_c('label',[_vm._v(\"區塊預設色(單數):\")]),_c('div',{staticClass:\"input-group w-100\"},[(!_vm.isMobile)?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.singleColor),expression:\"config.singleColor\"}],staticClass:\"mx-1 my-1\",style:({ width: '25px' }),attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.config.singleColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"singleColor\", $event.target.value)}}}):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.singleColor),expression:\"config.singleColor\"}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.config.singleColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"singleColor\", $event.target.value)}}})])]),_c('div',{staticClass:\"form-group w-100 mb-3 col-md-4\"},[_c('label',[_vm._v(\"區塊預設色(雙數):\")]),_c('div',{staticClass:\"input-group w-100\"},[(!_vm.isMobile)?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.doubleColor),expression:\"config.doubleColor\"}],staticClass:\"mx-1 my-1\",style:({ width: '25px' }),attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.config.doubleColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"doubleColor\", $event.target.value)}}}):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.doubleColor),expression:\"config.doubleColor\"}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.config.doubleColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"doubleColor\", $event.target.value)}}})])]),_c('div',{staticClass:\"form-group w-100 mb-3 col-md-4\"},[_c('label',[_vm._v(\"區塊邊框寬度:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.config.borderWidth),expression:\"config.borderWidth\",modifiers:{\"number\":true}}],staticClass:\"form-control form-control-sm w-100\",attrs:{\"type\":\"number\",\"min\":\"1\",\"step\":\"1\"},domProps:{\"value\":(_vm.config.borderWidth)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"borderWidth\", _vm._n($event.target.value))},\"blur\":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:\"form-group w-100 mb-3 col-md-4\"},[_c('label',[_vm._v(\"按鈕顏色:\")]),_c('div',{staticClass:\"input-group w-100\"},[(!_vm.isMobile)?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.buttonColor),expression:\"config.buttonColor\"}],staticClass:\"mx-1 my-1\",style:({ width: '25px' }),attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.config.buttonColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"buttonColor\", $event.target.value)}}}):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.buttonColor),expression:\"config.buttonColor\"}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.config.buttonColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"buttonColor\", $event.target.value)}}})])]),_c('div',{staticClass:\"form-group w-100 mb-3 col-md-8\"},[_c('label',[_vm._v(\"按鈕文字:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.config.buttonText),expression:\"config.buttonText\"}],staticClass:\"form-control form-control-sm w-100\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.config.buttonText)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.config, \"buttonText\", $event.target.value)}}})])])]),_c('div',{staticClass:\"tab-pane fade py-3 px-1\",attrs:{\"id\":\"dataList\",\"role\":\"tabpanel\"}},[_vm._l((_vm.dataList),function(data,index){return [_c('button',{staticClass:\"btn btn-sm btn-outline-info px-3 m-1\",on:{\"click\":function($event){$event.preventDefault();_vm.loadData(index)}}},[_vm._v(_vm._s(data.dataName))])]})],2)])]),_c('div',{staticClass:\"modal-footer\"},[_c('form',{staticClass:\"form-inline\",on:{\"submit\":function($event){$event.preventDefault();}}},[_c('label',{staticClass:\"mr-2\"},[_vm._v(\"設定檔名稱:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dataName),expression:\"dataName\"}],staticClass:\"form-control form-control-sm\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.dataName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.dataName=$event.target.value}}})]),_c('button',{staticClass:\"btn btn-sm btn-outline-primary mx-1 px-3\",on:{\"click\":function($event){$event.preventDefault();_vm.newData($event)}}},[_vm._v(\"新增\")]),_c('button',{staticClass:\"btn btn-sm btn-outline-success mx-1 px-3\",on:{\"click\":function($event){$event.preventDefault();_vm.saveData()}}},[_vm._v(\"儲存\")]),(_vm.dataNo !== 0)?_c('button',{staticClass:\"btn btn-sm btn-outline-danger mx-1 px-3\",on:{\"click\":function($event){$event.preventDefault();_vm.deleteData(_vm.dataNo)}}},[_vm._v(\"刪除\")]):_vm._e(),_c('button',{staticClass:\"btn btn-sm btn-outline-secondary mx-1 px-3\",on:{\"click\":function($event){$event.preventDefault();_vm.setDefaultDatas()}}},[_vm._v(\"預設\")]),_c('button',{staticClass:\"btn btn-sm btn-secondary\",attrs:{\"data-dismiss\":\"modal\"}},[_vm._v(\"關閉\")])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(\"轉出結果\")]),_c('button',{staticClass:\"close\",attrs:{\"data-dismiss\":\"modal\"}},[_c('span',[_vm._v(\"×\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',{staticClass:\"text-center\"},[_c('tr',[_c('th',{staticClass:\"text-center\",attrs:{\"scope\":\"col\"}},[_vm._v(\"No\")]),_c('th',{staticClass:\"text-center\",attrs:{\"scope\":\"col\"}},[_vm._v(\"內容\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"close\",attrs:{\"data-dismiss\":\"modal\"}},[_c('span',[_vm._v(\"×\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"nav nav-tabs\",attrs:{\"role\":\"tablist\"}},[_c('li',{staticClass:\"nav-item text-center\"},[_c('a',{staticClass:\"nav-link active\",attrs:{\"data-toggle\":\"tab\",\"href\":\"#edit-data\",\"role\":\"tab\"}},[_vm._v(\"區塊設定\")])]),_c('li',{staticClass:\"nav-item text-center\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-toggle\":\"tab\",\"href\":\"#edit-config\",\"role\":\"tab\"}},[_vm._v(\"轉盤設定\")])]),_c('li',{staticClass:\"nav-item text-center\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-toggle\":\"tab\",\"href\":\"#dataList\",\"role\":\"tab\"}},[_vm._v(\"設定集\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',{staticClass:\"text-center\"},[_c('tr',[_c('th',{attrs:{\"scope\":\"col\",\"width\":\"10%\"}},[_vm._v(\"區塊占比\")]),_c('th',{attrs:{\"scope\":\"col\",\"width\":\"15%\"}},[_vm._v(\"背景顏色\")]),_c('th',{attrs:{\"scope\":\"col\",\"width\":\"15%\"}},[_vm._v(\"文字顏色\")]),_c('th',{attrs:{\"scope\":\"col\",\"width\":\"40%\"}},[_vm._v(\"文字內容\")]),_c('th',{attrs:{\"scope\":\"col\",\"width\":\"10%\"}},[_vm._v(\"文字大小\")]),_c('th',{attrs:{\"scope\":\"col\",\"width\":\"10%\"}},[_vm._v(\"功能\")])])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-54590562\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/TurnTable.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-54590562\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./TurnTable.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./TurnTable.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./TurnTable.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-54590562\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../node_modules/vue-loader/lib/selector?type=template&index=0!./TurnTable.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/TurnTable.vue\n// module id = null\n// module chunks = ","<template>\n <div id=\"app\">\n <TurnTable/>\n </div>\n</template>\n\n<script>\nimport TurnTable from './components/TurnTable';\n\nexport default {\n name: 'app',\n components: {\n TurnTable,\n },\n};\n</script>\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('TurnTable')],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-4f4f84a5\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-4f4f84a5\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport 'bootstrap';\nimport 'bootstrap/dist/css/bootstrap.css';\nimport Vue from 'vue';\nimport App from './App';\n\nVue.config.productionTip = false;\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n template: '<App/>',\n components: { App },\n});\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}