@solar-taro/ui-sun 1.0.3 → 1.1.1

package/index17.js

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

package/index18.js

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

package/index19.js

@@ -1,4 +1,12 @@
-import f from "./index5.js";
+import { renderSlot as o, mergeProps as r, openBlock as t, createElementBlock as s } from "vue";
+import n from "./index23.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/index2.js

@@ -1,35 +1,15 @@
-import { defineComponent as c, mergeModels as r, useModel as i, renderSlot as p, createElementVNode as u, normalizeClass as m, openBlock as _, createElementBlock as f } from "vue";
-const d = p, n = u, v = m, x = _, B = f, k = { class: "sun-accordion-content" }, w = { class: "sun-accordion-content-inner" }, C = /* @__PURE__ */ c({
-  __name: "index",
-  props: /* @__PURE__ */ r({
-    disabled: { type: Boolean }
-  }, {
-    expanded: { type: Boolean },
-    expandedModifiers: {}
-  }),
-  emits: ["update:expanded"],
-  setup(o) {
-    const l = o, e = i(o, "expanded");
-    function t() {
-      l.disabled || (e.value = !e.value);
-    }
-    return (s, a) => (x(), B("view", {
-      class: v(["sun-accordion", { "sun-accordion-expanded": e.value }])
-    }, [
-      n("view", {
-        class: "sun-accordion-header",
-        onTap: a[0] || (a[0] = (E) => t())
-      }, [
-        d(s.$slots, "default")
-      ], 32),
-      n("view", k, [
-        n("view", w, [
-          d(s.$slots, "content", { toggle: t })
-        ])
-      ])
-    ], 2));
+import { loadFontFace as o } from "@tarojs/taro";
+const n = {
+  install() {
+    o({
+      family: "ionicon",
+      global: !0,
+      source: 'url("https://img.omofresh.com/fonts/ionicon.ttf")',
+      success: console.log,
+      fail: console.error
+    });
   }
-});
+};
 export {
-  C as default
+  n as SolarSun
 };

package/index20.js

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

package/index21.js

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

package/index22.js

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

package/index23.js

@@ -1,4 +1,9 @@
-import f from "./index7.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/index24.js

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

package/index25.js

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

package/index26.js

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

package/index27.js

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

package/index28.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 "./index9.js";
 export {
-  s as default
+  f as default
 };

package/index29.js

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

package/index3.js

@@ -1,24 +1,35 @@
-import { defineComponent as n, computed as l, renderSlot as c, normalizeClass as r, openBlock as a, createElementBlock as p } from "vue";
-const u = c, i = r, d = a, m = p, h = /* @__PURE__ */ n({
+import { defineComponent as c, mergeModels as r, useModel as i, renderSlot as p, createElementVNode as u, normalizeClass as m, openBlock as _, createElementBlock as f } from "vue";
+const d = p, n = u, v = m, x = _, B = f, k = { class: "sun-accordion-content" }, w = { class: "sun-accordion-content-inner" }, C = /* @__PURE__ */ c({
   __name: "index",
-  props: {
-    type: { default: "translucent" },
-    size: { default: "default" },
-    color: {}
-  },
+  props: /* @__PURE__ */ r({
+    disabled: { type: Boolean }
+  }, {
+    expanded: { type: Boolean },
+    expandedModifiers: {}
+  }),
+  emits: ["update:expanded"],
   setup(o) {
-    const e = o, s = l(() => [
-      `sun-chip-${e.size}`,
-      `sun-chip-${e.type}`,
-      `sun-chip-${e.color}`
-    ]);
-    return (t, _) => (d(), m("view", {
-      class: i(["sun-chip", s.value])
+    const l = o, e = i(o, "expanded");
+    function t() {
+      l.disabled || (e.value = !e.value);
+    }
+    return (s, a) => (x(), B("view", {
+      class: v(["sun-accordion", { "sun-accordion-expanded": e.value }])
     }, [
-      u(t.$slots, "default")
+      n("view", {
+        class: "sun-accordion-header",
+        onTap: a[0] || (a[0] = (E) => t())
+      }, [
+        d(s.$slots, "default")
+      ], 32),
+      n("view", k, [
+        n("view", w, [
+          d(s.$slots, "content", { toggle: t })
+        ])
+      ])
     ], 2));
   }
 });
 export {
-  h as default
+  C as default
 };

package/index30.js

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

package/index31.js

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

package/index32.js

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

package/index33.js

@@ -1,5 +1,4 @@
-const o = Symbol(), t = Symbol();
+import f from "./index15.js";
 export {
-  o as ACTIVE_CHILD,
-  t as PARENT
+  f as default
 };

package/index34.js

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

package/index35.js

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

package/index36.js

@@ -0,0 +1,5 @@
+const o = Symbol(), t = Symbol();
+export {
+  o as ACTIVE_CHILD,
+  t as PARENT
+};

package/index4.js

@@ -1,21 +1,24 @@
-import { defineComponent as o, renderSlot as r, mergeProps as s, openBlock as n, createElementBlock as a } from "vue";
-const l = r, p = s, c = n, f = a, _ = /* @__PURE__ */ o({
-  __name: "fab-group",
+import { defineComponent as n, computed as l, renderSlot as c, normalizeClass as r, openBlock as a, createElementBlock as p } from "vue";
+const u = c, i = r, d = a, m = p, h = /* @__PURE__ */ n({
+  __name: "index",
   props: {
-    offsetY: {
-      type: [Number, String],
-      default: 0
-    }
+    type: { default: "translucent" },
+    size: { default: "default" },
+    color: {}
   },
-  setup(t) {
-    return (e, m) => (c(), f("view", p(e.$attrs, {
-      class: "sun-fab-group",
-      style: { bottom: `calc(${15 + +t.offsetY}px + var(--safe-bottom))` }
-    }), [
-      l(e.$slots, "default")
-    ], 16));
+  setup(o) {
+    const e = o, s = l(() => [
+      `sun-chip-${e.size}`,
+      `sun-chip-${e.type}`,
+      `sun-chip-${e.color}`
+    ]);
+    return (t, _) => (d(), m("view", {
+      class: i(["sun-chip", s.value])
+    }, [
+      u(t.$slots, "default")
+    ], 2));
   }
 });
 export {
-  _ as default
+  h as default
 };

package/index5.js

@@ -1,25 +1,21 @@
-import { defineComponent as d, ref as l, onActivated as c, onDeactivated as s, renderSlot as u, createCommentVNode as f } from "vue";
-const i = u, m = f, v = /* @__PURE__ */ d({
-  __name: "index",
+import { defineComponent as o, renderSlot as r, mergeProps as s, openBlock as n, createElementBlock as a } from "vue";
+const l = r, p = s, c = n, f = a, _ = /* @__PURE__ */ o({
+  __name: "fab-group",
   props: {
-    delay: { default: 50 },
-    hook: { default: "activated" }
-  },
-  setup(r) {
-    const o = r, e = l(!1);
-    let t;
-    function a() {
-      t = setTimeout(() => {
-        e.value = !0;
-      }, o.delay);
+    offsetY: {
+      type: [Number, String],
+      default: 0
     }
-    return o.hook === "created" && a(), c(() => {
-      a();
-    }), s(() => {
-      e.value = !1, t && clearTimeout(t);
-    }), (n, p) => e.value ? i(n.$slots, "default", { key: 0 }) : m("", !0);
+  },
+  setup(t) {
+    return (e, m) => (c(), f("view", p(e.$attrs, {
+      class: "sun-fab-group",
+      style: { bottom: `calc(${15 + +t.offsetY}px + var(--safe-bottom))` }
+    }), [
+      l(e.$slots, "default")
+    ], 16));
   }
 });
 export {
-  v as default
+  _ as default
 };

package/index6.js

@@ -1,28 +1,16 @@
-import { defineComponent as i, renderSlot as d, createElementVNode as s, openBlock as c, createElementBlock as l } from "vue";
-import { withPixel as t } from "@solar-kit/core";
-import { getNavbarRect as p } from "@solar-taro/core";
-const a = d, o = s, g = c, m = l, v = { class: "sun-navbar-inner" }, b = { class: "sun-navbar-center" }, k = /* @__PURE__ */ i({
+import { defineComponent as t, computed as c, renderSlot as l, normalizeClass as a, openBlock as r, createElementBlock as i } from "vue";
+const m = l, p = a, _ = r, u = i, k = /* @__PURE__ */ t({
   __name: "index",
-  setup(_) {
-    const e = p(), r = {
-      "--navbar-height": t(e.height),
-      "--navbar-content-height": t(e.buttonHeight),
-      "--navbar-padding-top": t(e.paddingTop),
-      "--navbar-padding-bottom": t(e.paddingBottom),
-      "--navbar-padding-left": t(e.paddingLeft),
-      "--navbar-padding-right": t(e.paddingRight)
-    };
-    return (n, h) => (g(), m("view", {
-      class: "sun-navbar",
-      style: r
+  props: {
+    name: {}
+  },
+  setup(e) {
+    const n = e, o = c(() => `ionicon-${n.name}`);
+    return (s, d) => (_(), u("view", {
+      class: p(["sun-icon ionicon", o.value])
     }, [
-      o("view", v, [
-        a(n.$slots, "default"),
-        o("view", b, [
-          a(n.$slots, "center")
-        ])
-      ])
-    ]));
+      m(s.$slots, "default")
+    ], 2));
   }
 });
 export {

package/index7.js

@@ -1,62 +1,25 @@
-import { defineComponent as l, renderSlot as s, createElementVNode as a, mergeProps as f, withModifiers as p, normalizeClass as i, normalizeStyle as u, openBlock as d, createElementBlock as c } from "vue";
-const n = s, t = a, v = f, m = p, y = i, g = u, w = d, S = c, x = { class: "sun-popover-trigger" }, k = /* @__PURE__ */ l({
+import { defineComponent as d, ref as l, onActivated as c, onDeactivated as s, renderSlot as u, createCommentVNode as f } from "vue";
+const i = u, m = f, v = /* @__PURE__ */ d({
   __name: "index",
   props: {
-    /** 是否显示 */
-    show: {
-      type: Boolean,
-      default: void 0
-    },
-    /** popover的横轴位置：left，right，start，end，center */
-    x: {
-      type: String,
-      default: "left"
-    },
-    /** popover的纵轴位置：top，bottom，start，end，center */
-    y: {
-      type: String,
-      default: "center"
-    },
-    /** 横轴偏移度 */
-    offsetX: {
-      type: String,
-      default: "7.5rpx"
-    },
-    /** 纵轴偏移度 */
-    offsetY: {
-      type: String,
-      default: "7.5rpx"
-    },
-    /** popover背景 */
-    bg: {
-      type: String,
-      default: "#fff"
-    },
-    /** popover文字颜色 */
-    color: {
-      type: String,
-      default: "#000"
-    }
+    delay: { default: 50 },
+    hook: { default: "activated" }
   },
-  setup(e) {
-    return (o, r) => (w(), S("view", {
-      class: y(["sun-popover", [{ "sun-popover-show": e.show }, `sun-popover-x-${e.x}`, `sun-popover-y-${e.y}`]]),
-      style: g({ "--popover-x-offset": e.offsetX, "--popover-y-offset": e.offsetY, "--popover-background": e.bg }),
-      onTap: m(($) => !1, ["stop"])
-    }, [
-      t("view", x, [
-        n(o.$slots, "default")
-      ]),
-      t("view", v(o.$attrs, {
-        class: "sun-popover-container",
-        style: { color: e.color }
-      }), [
-        r[0] || (r[0] = t("view", { class: "sun-popover-arrow" }, null, -1)),
-        n(o.$slots, "content")
-      ], 16)
-    ], 38));
+  setup(r) {
+    const o = r, e = l(!1);
+    let t;
+    function a() {
+      t = setTimeout(() => {
+        e.value = !0;
+      }, o.delay);
+    }
+    return o.hook === "created" && a(), c(() => {
+      a();
+    }), s(() => {
+      e.value = !1, t && clearTimeout(t);
+    }), (n, p) => e.value ? i(n.$slots, "default", { key: 0 }) : m("", !0);
   }
 });
 export {
-  k as default
+  v as default
 };