lazy-bee 1.0.9 → 1.1.0

package/index.d.ts

@@ -171,6 +171,10 @@ declare const LoginPage: {
   install(app: any): void
 }
 
+declare const Turntable: {
+  install(app: any): void
+}
+
 
 declare function share(options: {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lazy-bee",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "lazy bee",
   "main": "index.js",
   "type": "module",

package/src/components/Turntable/Turntable.vue.js

@@ -0,0 +1,60 @@
+import { ref as A, onMounted as W, openBlock as z, createElementBlock as D } from "vue";
+const E = ["width", "height"], _ = { __name: "Turntable", props: ["wheelData", "borderWidth", "borderColor", "wheelColor", "textColor"], emits: ["mounted"], setup(x, { emit: C }) {
+  const f = x, v = C, g = A(750);
+  return W(() => {
+    const u = document.getElementById("lazy-turntable"), t = u.getContext("2d"), m = f.wheelData, k = f.borderWidth || 2, B = f.borderColor || "#ffe4d5", y = f.wheelColor || ["#ffffff", "#fff1e9"], S = f.textColor || "#fd4618", e = g.value / 2, c = u.width / 2, h = u.height / 2, M = m.length, d = 360 / M * Math.PI / 180;
+    let w = 0, p = 0, I = 0;
+    const b = [];
+    async function P() {
+      (function() {
+        let l = -Math.PI / 2 - d / 2 + w;
+        for (let o = 0; o < M; o++) {
+          const n = l + d;
+          t.fillStyle = y[o % y.length], t.beginPath(), t.moveTo(c, h), t.arc(c, h, e, l, n), t.closePath(), t.fill(), t.strokeStyle = B, t.lineWidth = k, t.stroke();
+          const a = (l + n) / 2, i = c + e / 2 * Math.cos(a), r = h + e / 2 * Math.sin(a);
+          t.save(), t.translate(i, r), t.rotate(a + Math.PI / 2), t.fillStyle = S, t.font = e / 8 + "px Arial", t.textAlign = "center", t.textBaseline = "middle", t.fillText(m[o].name, 0, -e / 3.2), t.restore(), l = n;
+        }
+      })(), function() {
+        let l = -Math.PI / 2 - d / 2 + w;
+        for (let o = 0; o < M; o++) {
+          const n = l + d, a = (l + n) / 2, i = c + e / 2 * Math.cos(a), r = h + e / 2 * Math.sin(a);
+          t.save(), t.translate(i, r), t.rotate(a + Math.PI / 2);
+          const s = b[o];
+          s && t.drawImage(s, -e / 7.5, -e / 5, e / 3.6, e / 3.6), t.restore(), l = n;
+        }
+      }();
+    }
+    function T(l) {
+      const o = performance.now();
+      I = l - 1, p = 10 * Math.PI - I * d, setTimeout(() => {
+        v("finish");
+      }, 3e3), function n(a) {
+        const i = a - o;
+        let r = Math.min(i / 3e3, 1);
+        var s;
+        r = (s = r) < 0.5 ? 2 * s * s : (4 - 2 * s) * s - 1, w = r * p, t.clearRect(c - e, h - e, 2 * e, 2 * e), P(), r < 1 ? requestAnimationFrame(n) : (w = p, t.clearRect(c - e, h - e, 2 * e, 2 * e), P());
+      }(performance.now());
+    }
+    (async function() {
+      await function() {
+        const l = [];
+        for (let o = 0; o < m.length; o++) {
+          const n = new Image();
+          n.src = m[o].pic;
+          const a = new Promise((i, r) => {
+            n.onload = () => {
+              b[o] = n, i(n);
+            }, n.onerror = (s) => {
+              i(null);
+            };
+          });
+          l.push(a);
+        }
+        return Promise.allSettled(l);
+      }(), P(), v("mounted", T);
+    })();
+  }), (u, t) => (z(), D("canvas", { id: "lazy-turntable", style: { width: "100%", height: "100%" }, width: g.value, height: g.value }, null, 8, E));
+} };
+export {
+  _ as default
+};

package/src/components/Turntable/index.js

@@ -0,0 +1,7 @@
+import n from "./Turntable.vue.js";
+const r = { install(t) {
+  t.component("Turntable", n);
+} };
+export {
+  r as Turntable
+};

package/src/index.js

@@ -2,13 +2,15 @@ import { converToken as e } from "./components/converToken.js";
 import { share as f } from "./components/share.js";
 import { showLoginModal as p } from "./components/Login/LoginModal.js";
 import { LoginPage as a } from "./components/Login/LoginPage.js";
-import { PayModal as g } from "./components/PayModal/index.js";
+import { Turntable as g } from "./components/Turntable/index.js";
+import { PayModal as b } from "./components/PayModal/index.js";
 import { trackEvent as d } from "./components/trackEvent.js";
 import { Debug as i } from "./components/debug.js";
 export {
   i as Debug,
   a as LoginPage,
-  g as PayModal,
+  b as PayModal,
+  g as Turntable,
   e as converToken,
   f as share,
   p as showLoginModal,