miniprogram-grid-luckdraw
Version:
206 lines (196 loc) • 8.32 kB
JavaScript
module.exports =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/*
* @Author: zhao - 🍉
* @Date: 2020-03-15 22:48:39
* @LastEditTime: 2022-03-16 02:21:45
* @LastEditors: zhao - 🍉
* @Description:
* @FilePath: /miniprogram-grid-luckdraw/src/index.ts
*/
var grid = [[-1, -1], [0, -1], [1, -1], [1, 0], [1, 1], [0, 1], [-1, 1], [-1, 0]];
Component({
properties: {
list: { type: Array, value: [] },
gridItemGap: { type: Number, value: 10, observer: function observer() {
this.parseGridStyle();
}
},
gridItemWidth: { type: Number, value: 140, observer: function observer() {
this.parseGridStyle();
}
},
gridItemHeight: { type: Number, value: 130, observer: function observer() {
this.parseGridStyle();
}
},
animated: { type: Boolean, value: false },
speed: { type: Number, value: 100 },
minRunCount: { type: Number, value: 30 },
diminishingCount: { type: Number, value: 25 },
deceleration: { type: Number, value: 60 },
uniqueKey: { type: String, value: 'id' },
imageSrcKey: { type: String, value: 'src' },
activeStyle: { type: String, value: 'background-color: rgba(255, 249, 70, 0.7);border-radius: 20rpx;' // 当前选中的样式
} },
data: {
created: false,
currentLuckIndex: null,
gridStyleList: [],
gridStyleSlot: ''
},
ready: function ready() {
this.parseGridStyle();
},
methods: {
setup: function setup(res) {
return this.run(res).then(function () {
return res;
});
},
run: function run(res) {
var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var _this = this;
var rootResolve = arguments[2];
var initSpeed = arguments[3];
// 运行中不允许再次调用
if (this.running === true && count === 0) return Promise.reject(new Error('running..'));
this.running = true;
return new Promise(function (resolve) {
rootResolve = rootResolve || resolve;
var _data = _this.data,
speed = _data.speed,
minRunCount = _data.minRunCount,
list = _data.list,
diminishingCount = _data.diminishingCount,
uniqueKey = _data.uniqueKey,
currentLuckIndex = _data.currentLuckIndex,
deceleration = _data.deceleration;
initSpeed = initSpeed || speed; // 初始运行速度间隔
var currentLucky = list[currentLuckIndex]; // 当前选中的奖项
if (count >= minRunCount && currentLucky && currentLucky[uniqueKey] === res[uniqueKey]) {
_this.running = false;
return rootResolve(currentLucky);
}
// 当运行到需要减速的次数时, 并且运行间隔小于1000ms 时,增大运行间隔
if (count >= diminishingCount && initSpeed < 1000) {
initSpeed += (count - diminishingCount) * deceleration;
}
_this.setData({ currentLuckIndex: count % list.length });
console.log(initSpeed);
setTimeout(function () {
_this.run(res, count + 1, rootResolve, initSpeed);
}, initSpeed);
return null;
});
},
parseGridStyle: function parseGridStyle() {
var gridStyleList = [];
var _data2 = this.data,
gridItemHeight = _data2.gridItemHeight,
gridItemWidth = _data2.gridItemWidth,
gridItemGap = _data2.gridItemGap;
var styles = ['width: ' + gridItemWidth + 'rpx', 'height: ' + gridItemHeight + 'rpx', 'top: ' + (gridItemHeight + gridItemGap + gridItemGap) + 'rpx', 'left: ' + (gridItemWidth + gridItemGap + gridItemGap) + 'rpx'];
this.setData({ gridStyleSlot: styles.join(';') });
for (var i = 0; i < grid.length; i++) {
var x = grid[i][0];
var y = grid[i][1];
var trans = 'transform: translate(' + (gridItemWidth + gridItemGap) * x + 'rpx, ' + (gridItemHeight + gridItemGap) * y + 'rpx);';
gridStyleList.push([].concat(styles, [trans]).join(';'));
}
this.setData({ gridStyleList: gridStyleList });
}
}
});
/***/ })
/******/ ]);
//# sourceMappingURL=index.js.map