@solar-taro/ui-sun 2.9.0 → 3.1.0

package/index28.js

@@ -1,13 +1,125 @@
-import { renderSlot as t, openBlock as n, createElementBlock as r } from "vue";
-import c from "./index38.js";
-const s = {}, o = t, l = n, _ = r, a = { class: "sun-page-header" };
-function d(e, f) {
-  return l(), _("view", a, [
-    o(e.$slots, "default"),
-    o(e.$slots, "end")
-  ]);
-}
-const p = /* @__PURE__ */ c(s, [["render", d]]);
+import { defineComponent as I, ref as f, computed as a, onActivated as D, onMounted as L, onUnmounted as N, renderList as A, Fragment as M, openBlock as E, createElementBlock as K, renderSlot as R, normalizeStyle as j, createCommentVNode as q, toDisplayString as O, createTextVNode as Q, unref as U, withCtx as W, createBlock as X, mergeProps as Y } from "vue";
+import { withPixel as b } from "@solar-kit/core";
+import { rpxToPx as G, vibrator as H } from "@solar-taro/core";
+import { createSelectorQuery as J } from "@tarojs/taro";
+import Z from "./index19.js";
+const ee = A, te = M, s = E, c = K, z = R, g = j, re = q, le = O, oe = Q, B = U, ie = W, ne = X, ae = Y, se = ["id", "refresher-enabled", "refresher-triggered", "refresher-background", "scroll-x", "scroll-y", "scroll-top", "scroll-left"], ue = {
+  key: 1,
+  class: "sun-virtual-scroll-placeholder",
+  style: { display: "flex", "justify-content": "center", "align-items": "center", height: "85%" }
+};
+let ce = 1;
+const he = /* @__PURE__ */ I({
+  __name: "index",
+  props: {
+    refreshing: { type: Boolean },
+    refresher: { type: Boolean },
+    refresherBg: { default: "transparent" },
+    direction: { default: "vertical" },
+    items: {},
+    itemSize: {},
+    itemKey: {},
+    id: { default: () => `sun-virtual-scroll-${ce++}` },
+    bottomSpace: { default: 0 },
+    loading: { type: Boolean },
+    loadingText: { default: "Loading" }
+  },
+  emits: ["refresh", "lower"],
+  setup($, { emit: x }) {
+    const y = x, r = $;
+    let m, i = 0, S = !1;
+    const u = f(0), v = f(0), p = f(0), h = f(0), t = a(() => r.direction === "vertical"), _ = a(() => ({
+      right: t.value ? "0" : "auto",
+      transform: `translate${t.value ? "Y" : "X"}(${p.value}px)`,
+      "white-space": t.value ? "normal" : "nowrap"
+    })), n = a(() => typeof r.itemSize == "number" ? r.itemSize : r.itemSize.endsWith("rpx") ? G(parseFloat(r.itemSize)) : parseFloat(r.itemSize)), C = a(() => n.value * r.items.length), T = a(() => ({
+      [t.value ? "height" : "width"]: b(C.value + r.bottomSpace)
+    })), F = a(() => ({
+      display: t.value ? "block" : "inline-block",
+      [t.value ? "height" : "width"]: b(n.value)
+    })), P = a(
+      () => r.items.slice(
+        Math.max(v.value - u.value, 0),
+        v.value + u.value * 2
+      )
+    );
+    function V({ detail: e }) {
+      m && cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+        i = t.value ? e.scrollTop : e.scrollLeft, v.value = ~~(i / n.value), v.value > u.value - 1 ? p.value = i - n.value * u.value - i % n.value : p.value = i - i % (n.value * u.value), m = 0;
+      });
+    }
+    function w() {
+      setTimeout(() => {
+        J().select(`#${r.id}`).boundingClientRect((e) => {
+          if (S) return;
+          if (e = e, !(e != null && e.height) || !(e != null && e.width))
+            return w();
+          const { height: l, width: o } = e, d = t.value ? l : o;
+          u.value = Math.ceil(d / n.value);
+        }).exec();
+      }, 50);
+    }
+    return D(() => {
+      h.value = i;
+    }), L(() => {
+      w();
+    }), N(() => {
+      S = !0;
+    }), (e, l) => (s(), c("scroll-view", ae(e.$attrs, {
+      id: e.id,
+      class: "sun-virtual-scroll",
+      "refresher-enabled": e.refresher,
+      "refresher-triggered": e.refreshing,
+      "refresher-background": e.refresherBg,
+      "scroll-x": !t.value,
+      "scroll-y": t.value,
+      "scroll-top": t.value ? h.value : 0,
+      "scroll-left": t.value ? 0 : h.value,
+      enhanced: !0,
+      "lower-threshold": 300,
+      onScrollPassive: l[0] || (l[0] = (o) => V(o)),
+      onRefresherrefresh: l[1] || (l[1] = (o) => {
+        B(H).short("light"), y("refresh");
+      }),
+      onScrolltolower: l[2] || (l[2] = (o) => y("lower"))
+    }), [
+      e.items.length ? (s(), c("view", {
+        key: 0,
+        class: "sun-virtual-scroll-content-container",
+        style: g(_.value)
+      }, [
+        (s(!0), c(te, null, ee(P.value, (o, d) => {
+          var k;
+          return s(), c("view", {
+            key: (k = o[e.itemKey]) != null ? k : d,
+            class: "sun-virtual-scroll-item",
+            style: g(F.value)
+          }, [
+            z(e.$slots, "default", {
+              item: o,
+              index: d
+            })
+          ], 4);
+        }), 128))
+      ], 4)) : (s(), c("view", ue, [
+        e.loading ? (s(), ne(B(Z), {
+          key: 0,
+          size: "large"
+        }, {
+          default: ie(() => [
+            oe(le(e.loadingText), 1)
+          ]),
+          _: 1
+        })) : z(e.$slots, "empty", { key: 1 })
+      ])),
+      e.items.length ? (s(), c("view", {
+        key: 2,
+        class: "sun-virtual-scroll-spacer",
+        style: g(T.value)
+      }, null, 4)) : re("", !0)
+    ], 16, se));
+  }
+});
 export {
-  p as default
+  he as default
 };

package/index29.js

@@ -1,10 +1,16 @@
-import { mergeProps as o, openBlock as r, createElementBlock as t } from "vue";
-import c from "./index38.js";
-const n = {}, s = o, _ = r, l = t;
-function m(e, a) {
-  return _(), l("view", s(e.$attrs, { class: "sun-skeleton" }), " ", 16);
-}
-const i = /* @__PURE__ */ c(n, [["render", m]]);
+import { defineComponent as c, computed as s, normalizeClass as t, openBlock as a, createElementBlock as l } from "vue";
+const r = t, i = a, m = l, d = /* @__PURE__ */ c({
+  __name: "index",
+  props: {
+    name: {}
+  },
+  setup(e) {
+    const n = e, o = s(() => `ionicon-${n.name}`);
+    return (p, _) => (i(), m("view", {
+      class: r(["sun-icon ionicon", o.value])
+    }, null, 2));
+  }
+});
 export {
-  i as default
+  d as default
 };

package/index30.js

@@ -1,12 +1,13 @@
-import { renderSlot as o, mergeProps as r, openBlock as t, createElementBlock as s } from "vue";
-import n from "./index38.js";
-const c = {}, l = o, m = r, _ = t, a = s;
-function u(e, d) {
-  return _(), a("view", m(e.$attrs, { class: "sun-sudoku-item" }), [
-    l(e.$slots, "default")
-  ], 16);
+import { renderSlot as t, openBlock as n, createElementBlock as r } from "vue";
+import c from "./index42.js";
+const s = {}, o = t, l = n, d = r, _ = { class: "sun-item-divider" };
+function i(e, a) {
+  return l(), d("view", _, [
+    o(e.$slots, "default"),
+    o(e.$slots, "end")
+  ]);
 }
-const i = /* @__PURE__ */ n(c, [["render", u]]);
+const p = /* @__PURE__ */ c(s, [["render", i]]);
 export {
-  i as default
+  p as default
 };

package/index31.js

@@ -1,12 +1,13 @@
-import { renderSlot as t, openBlock as o, createElementBlock as n } from "vue";
-import r from "./index38.js";
-const c = {}, s = t, l = o, _ = n, a = { class: "sun-title" };
-function d(e, f) {
-  return l(), _("view", a, [
-    s(e.$slots, "default")
+import { renderSlot as t, openBlock as n, createElementBlock as r } from "vue";
+import s from "./index42.js";
+const c = {}, o = t, l = n, _ = r, d = { class: "sun-list-header" };
+function a(e, f) {
+  return l(), _("view", d, [
+    o(e.$slots, "default"),
+    o(e.$slots, "end")
   ]);
 }
-const p = /* @__PURE__ */ r(c, [["render", d]]);
+const p = /* @__PURE__ */ s(c, [["render", a]]);
 export {
   p as default
 };

package/index32.js

@@ -1,4 +1,13 @@
-import f from "./index3.js";
+import { renderSlot as t, openBlock as n, createElementBlock as r } from "vue";
+import c from "./index42.js";
+const s = {}, o = t, l = n, _ = r, a = { class: "sun-page-header" };
+function d(e, f) {
+  return l(), _("view", a, [
+    o(e.$slots, "default"),
+    o(e.$slots, "end")
+  ]);
+}
+const p = /* @__PURE__ */ c(s, [["render", d]]);
 export {
-  f as default
+  p as default
 };

package/index33.js

@@ -1,4 +1,10 @@
-import f from "./index5.js";
+import { mergeProps as o, openBlock as r, createElementBlock as t } from "vue";
+import c from "./index42.js";
+const n = {}, s = o, _ = r, l = t;
+function m(e, a) {
+  return _(), l("view", s(e.$attrs, { class: "sun-skeleton" }), " ", 16);
+}
+const i = /* @__PURE__ */ c(n, [["render", m]]);
 export {
-  f as default
+  i as default
 };

package/index34.js

@@ -1,4 +1,12 @@
-import f from "./index26.js";
+import { renderSlot as o, mergeProps as r, openBlock as t, createElementBlock as s } from "vue";
+import n from "./index42.js";
+const c = {}, l = o, m = r, _ = t, a = s;
+function u(e, d) {
+  return _(), a("view", m(e.$attrs, { class: "sun-sudoku-item" }), [
+    l(e.$slots, "default")
+  ], 16);
+}
+const i = /* @__PURE__ */ n(c, [["render", u]]);
 export {
-  f as default
+  i as default
 };

package/index35.js

@@ -1,4 +1,12 @@
-import f from "./index9.js";
+import { renderSlot as t, openBlock as o, createElementBlock as n } from "vue";
+import r from "./index42.js";
+const c = {}, s = t, l = o, _ = n, a = { class: "sun-title" };
+function d(e, f) {
+  return l(), _("view", a, [
+    s(e.$slots, "default")
+  ]);
+}
+const p = /* @__PURE__ */ r(c, [["render", d]]);
 export {
-  f as default
+  p as default
 };

package/index36.js

@@ -1,4 +1,4 @@
-import f from "./index11.js";
+import f from "./index4.js";
 export {
   f as default
 };

package/index37.js

@@ -1,4 +1,4 @@
-import f from "./index6.js";
+import f from "./index5.js";
 export {
   f as default
 };

package/index38.js

@@ -1,9 +1,4 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
+import f from "./index10.js";
 export {
-  s as default
+  f as default
 };

package/index39.js

@@ -1,4 +1,4 @@
-import f from "./index13.js";
+import f from "./index6.js";
 export {
   f as default
 };

package/index4.js

@@ -1,6 +1,6 @@
 import { defineComponent as o, unref as r, openBlock as t, createBlock as c } from "vue";
 import { router as a } from "@solar-taro/core";
-import m from "./index26.js";
+import m from "./index29.js";
 const n = r, p = t, _ = c, b = /* @__PURE__ */ o({
   __name: "index",
   setup(s) {

package/index40.js

@@ -1,4 +1,4 @@
-import f from "./index10.js";
+import f from "./index8.js";
 export {
   f as default
 };

package/index41.js

@@ -1,4 +1,4 @@
-import f from "./index14.js";
+import f from "./index9.js";
 export {
   f as default
 };

package/index42.js

@@ -1,4 +1,9 @@
-import f from "./index15.js";
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
 export {
-  f as default
+  s as default
 };

package/index43.js

@@ -1,4 +1,4 @@
-import f from "./index16.js";
+import f from "./index14.js";
 export {
   f as default
 };

package/index44.js

@@ -1,4 +1,4 @@
-import f from "./index17.js";
+import f from "./index3.js";
 export {
   f as default
 };

package/index45.js

@@ -1,4 +1,4 @@
-import f from "./index12.js";
+import f from "./index29.js";
 export {
   f as default
 };

package/index46.js

@@ -1,4 +1,4 @@
-import f from "./index7.js";
+import f from "./index16.js";
 export {
   f as default
 };

package/index47.js

@@ -1,4 +1,4 @@
-import f from "./index8.js";
+import f from "./index17.js";
 export {
   f as default
 };

package/index48.js

@@ -1,4 +1,4 @@
-import f from "./index18.js";
+import f from "./index11.js";
 export {
   f as default
 };

package/index49.js

@@ -1,4 +1,4 @@
-import f from "./index4.js";
+import f from "./index13.js";
 export {
   f as default
 };

package/index50.js

@@ -1,4 +1,4 @@
-import f from "./index19.js";
+import f from "./index7.js";
 export {
   f as default
 };

package/index51.js

@@ -1,4 +1,4 @@
-import f from "./index20.js";
+import f from "./index15.js";
 export {
   f as default
 };

package/index52.js

@@ -1,4 +1,4 @@
-import f from "./index21.js";
+import f from "./index18.js";
 export {
   f as default
 };

package/index53.js

@@ -1,4 +1,4 @@
-import f from "./index22.js";
+import f from "./index12.js";
 export {
   f as default
 };

package/index54.js

@@ -1,4 +1,4 @@
-import f from "./index23.js";
+import f from "./index19.js";
 export {
   f as default
 };