@loickit-v/swiper 0.0.5 → 0.0.6

package/dist/components/Slide/index.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as T, reactive as A, provide as H, ref as N, watch as k, computed as _, onMounted as V, createElementBlock as Z, openBlock as $, withModifiers as f, createElementVNode as B, normalizeStyle as X, unref as a, renderSlot as y, nextTick as Y } from "vue";
-import { u_setStyle as b } from "../../vendor/@likcheung.js";
+import { defineComponent as T, reactive as A, provide as H, ref as N, watch as k, computed as _, onMounted as V, createElementBlock as Z, openBlock as $, withModifiers as f, createElementVNode as B, normalizeStyle as X, unref as c, renderSlot as y, nextTick as Y } from "vue";
+import { u_setStyle as b } from "@likcheung/shared";
 import { u_setTransform as m, u_setFlush as j } from "../../utils/index.js";
 import { SLIDE_DIRECTION as v } from "../constant/index.js";
 import { checkDirection as z } from "../../utils/slide.js";
@@ -17,7 +17,7 @@ const oe = /* @__PURE__ */ T({
   },
   emits: ["switch"],
   setup(S, { emit: g }) {
-    const n = S, w = g, c = () => {
+    const n = S, w = g, a = () => {
       b(r.value, "transition-duration", `${e.duration}ms`), m(e.direction, r.value, -s.value);
     }, x = q({
       name: n.name,
@@ -32,7 +32,7 @@ const oe = /* @__PURE__ */ T({
         o.value = p();
       },
       { once: !0 }
-    ), k(() => e.currentIndex, c);
+    ), k(() => e.currentIndex, a);
     const r = N(), s = _(
       () => (
         // 通过收集所有 slide-item 的宽和高, 叠加计算
@@ -56,8 +56,8 @@ const oe = /* @__PURE__ */ T({
       e.shouldNext = !1, u = !1, C();
     }, R = () => {
       if (!e.shouldNext)
-        return c(), h();
-      e.currentIndex += e.isNext ? 1 : -1, c(), w("switch", {
+        return a(), h();
+      e.currentIndex += e.isNext ? 1 : -1, a(), w("switch", {
         index: e.currentIndex
       }), h(), e.infinite && e.currentIndex === o.value.length - 1 && Y(async () => {
         var i;
@@ -71,8 +71,8 @@ const oe = /* @__PURE__ */ T({
     }), (t, i) => ($(), Z(
       "div",
       {
-        class: "lik-slide",
-        id: "lik-slide",
+        class: "loickit-slide",
+        id: "loickit-slide",
         onPointerdown: f(L, ["prevent"]),
         onPointermove: f(E, ["prevent"]),
         onPointerup: f(R, ["prevent"])
@@ -81,18 +81,18 @@ const oe = /* @__PURE__ */ T({
         B(
           "div",
           {
-            class: "lik-slide-list",
+            class: "loickit-slide-list",
             style: X({
               // 根据方向设置 flex-direction
-              flexDirection: a(e).direction === a(v).HORIZONTAL ? "row" : "column"
+              flexDirection: c(e).direction === c(v).HORIZONTAL ? "row" : "column"
             }),
             ref_key: "slideListRef",
             ref: r
           },
           [
-            a(e).infinite ? y(t.$slots, "default", {
+            c(e).infinite ? y(t.$slots, "default", {
               key: 1,
-              cacheList: a(o)
+              cacheList: c(o)
             }) : y(t.$slots, "default", { key: 0 })
           ],
           4

package/dist/components/SlideItem/index.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as l, watch as m, onMounted as c, onBeforeUnmount as p, createElementBlock as u, openBlock as x, createElementVNode as I, renderSlot as h } from "vue";
+import { defineComponent as f, ref as l, watch as c, onMounted as m, onBeforeUnmount as p, createElementBlock as u, openBlock as x, createElementVNode as I, renderSlot as h } from "vue";
 import { useSlideState as v } from "../Provide/index.js";
 import { useSlidePrivateState as S } from "../Slide/provide.js";
 const R = /* @__PURE__ */ f({
@@ -9,7 +9,7 @@ const R = /* @__PURE__ */ f({
   },
   setup(a) {
     const o = a, t = S(), n = v(t.name), r = l(), s = l();
-    n.infinite && m(
+    n.infinite && c(
       () => n.currentIndex,
       () => {
         var e;
@@ -21,7 +21,7 @@ const R = /* @__PURE__ */ f({
     const i = {
       index: o.index
     };
-    return c(() => {
+    return m(() => {
       var d;
       const e = (d = r.value) == null ? void 0 : d.getBoundingClientRect();
       i.width = e.width, i.height = e.height, n.infinite && (i.el = s.value), t.itemsInfo.push(i);
@@ -35,7 +35,7 @@ const R = /* @__PURE__ */ f({
       {
         ref_key: "slideItemRef",
         ref: r,
-        class: "lik-slide-item",
+        class: "loickit-slide-item",
         style: { position: "relative" }
       },
       [
@@ -44,7 +44,7 @@ const R = /* @__PURE__ */ f({
           {
             ref_key: "slideItemContentWrapperRef",
             ref: s,
-            class: "lik-slide-item-content-wrapper"
+            class: "loickit-slide-item-content-wrapper"
           },
           [
             h(e.$slots, "default")

package/dist/index.css

@@ -1 +1 @@
-.lik-slide{touch-action:none;height:100%;width:100%;transition:height .3s;position:relative;overflow:hidden}.lik-slide-list{height:100%;width:100%;display:flex;position:relative}.lik-slide-item{height:100%;width:100%;flex-shrink:0;overflow:hidden}.lik-slide-item-content-wrapper{height:100%;width:100%}
+.loickit-slide{touch-action:none;height:100%;width:100%;transition:height .3s;position:relative;overflow:hidden}.loickit-slide-list{height:100%;width:100%;display:flex;position:relative}.loickit-slide-item{height:100%;width:100%;flex-shrink:0;overflow:hidden}.loickit-slide-item-content-wrapper{height:100%;width:100%}

package/dist/utils/index.js

@@ -1,14 +1,14 @@
 import { SLIDE_DIRECTION as n } from "../components/constant/index.js";
-import { u_setStyle as r } from "../vendor/@likcheung.js";
-const i = (t, o, s) => {
-  t === n.HORIZONTAL ? r(o, "transform", `translateX(${s}px)`) : r(o, "transform", `translateY(${s}px)`);
+import { u_setStyle as s } from "@likcheung/shared";
+const i = (t, o, r) => {
+  t === n.HORIZONTAL ? s(o, "transform", `translateX(${r}px)`) : s(o, "transform", `translateY(${r}px)`);
 }, f = (t) => {
-  r(t, "transition-duration", "0ms");
+  s(t, "transition-duration", "0ms");
 }, u = (t) => {
   let o = !1;
   return {
-    run: function(...s) {
-      o || (o = !0, t(...s));
+    run: function(...r) {
+      o || (o = !0, t(...r));
     },
     reset: function() {
       o = !1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loickit-v/swiper",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "loickit swiper components for vue",
   "type": "module",
   "types": "./dist/types/index.d.ts",
@@ -21,15 +21,15 @@
     "vue"
   ],
   "devDependencies": {
-    "@iconify/vue": "^4.3.0",
     "@types/node": "^22.13.10",
     "@vue/tsconfig": "^0.7.0"
   },
   "dependencies": {
-    "@likcheung/shared": "^0.0.7"
+    "@likcheung/shared": "^0.0.7",
+    "@iconify/vue": "^4.3.0"
   },
   "peerDependencies": {
-    "vue": "^3.5.13"
+    "vue": ">=3.5.0"
   },
   "publishConfig": {
     "access": "public"
@@ -37,6 +37,6 @@
   "license": "MIT",
   "author": "licheung228",
   "scripts": {
-    "build": "loickit-cli build"
+    "build": "loickit-cli build:vue"
   }
 }

package/dist/vendor/@likcheung.js

@@ -1,6 +0,0 @@
-const o = (s, r, t) => {
-  r === "transform" ? s.style.webkitTransform = s.style.MsTransform = s.style.msTransform = s.style.MozTransform = s.style.OTransform = s.style.transform = t : s.style[r] = t;
-};
-export {
-  o as u_setStyle
-};