mine-h5-ui/es/MeTurnPage/index.vue.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { defineComponent as C, useModel as M, openBlock as a, createElementBlock as n, normalizeStyle as t, unref as e, normalizeClass as m, createElementVNode as s, createCommentVNode as V, Fragment as z, renderList as B, renderSlot as E, mergeModels as I } from "vue";
import { useStyle as N, useTurnPage as P } from "./hooks.js";
import { name as i } from "./config.js";
const b = /* @__PURE__ */ C({
  name: i,
  __name: "index",
  props: /* @__PURE__ */ I({
    list: {},
    width: { default: 300 },
    height: { default: 400 }
  }, {
    current: { default: 0 },
    currentModifiers: {}
  }),
  emits: ["update:current"],
  setup(r) {
    const u = r, c = M(r, "current"), { getStyle: d } = N(u), { getItemStyle: y, wrapStyle: f, fwrapStyle: S, itemStyle: h, shadowStyle: v, turnItemStyle: g, turnShadowStyle: p, showValue: o } = P(u, c);
    return (w, F) => (a(), n("div", {
      ref: "turnPage",
      class: m(e(i)),
      style: t(e(d))
    }, [
      r.list.length > 1 ? (a(), n("div", {
        key: 0,
        class: "turn",
        style: t(e(S))
      }, [
        s("div", {
          class: "turn-item",
          style: t(e(g))
        }, [
          s("div", {
            class: "turn-item-shadow",
            style: t(e(p))
          }, null, 4)
        ], 4)
      ], 4)) : V("", !0),
      (a(!0), n(z, null, B(r.list, (k, l) => (a(), n("div", {
        key: l,
        class: m(["item", { active: l === c.value }]),
        style: t(e(y)(l))
      }, [
        s("div", {
          class: "item-rotate",
          style: t(e(o)(l, e(f)))
        }, [
          s("div", {
            class: "item-content",
            style: t(e(o)(l, e(h)))
          }, [
            E(w.$slots, "default", {
              item: k,
              index: l
            })
          ], 4)
        ], 4),
        s("div", {
          class: "item-shadow",
          style: t(e(o)(l, e(v)))
        }, null, 4)
      ], 6))), 128))
    ], 6));
  }
});
export {
  b as default
};