@solar-taro/ui-sun 2.9.0 → 3.1.0

package/index20.js

@@ -1,30 +1,81 @@
-import { defineComponent as o, computed as r, renderSlot as n, mergeProps as i, openBlock as a, createElementBlock as c } from "vue";
-const d = n, p = i, h = a, m = c, b = /* @__PURE__ */ o({
-  __name: "table-cell",
-  props: {
-    sticky: {},
-    head: { type: Boolean },
-    width: {},
-    maxWidth: {},
-    ellipsis: { type: Boolean },
-    breakWord: { type: Boolean }
-  },
-  setup(l) {
-    const e = l, s = r(() => ({
-      "sun-tb-cell-sticky-left": e.sticky === "left",
-      "sun-tb-cell-sticky-right": e.sticky === "right",
-      "sun-tb-cell-ellipsis": e.ellipsis,
-      "sun-tb-cell-head": e.head,
-      "sun-tb-cell-break-word": e.breakWord
-    }));
-    return (t, u) => (h(), m("view", p(t.$attrs, {
-      class: ["sun-tb-cell", s.value],
-      style: { width: t.width, "min-width": t.width, "max-width": t.maxWidth }
-    }), [
-      d(t.$slots, "default")
-    ], 16));
+import { defineComponent as I, mergeModels as w, useModel as z, ref as f, computed as r, effect as C, unref as T, createVNode as _, normalizeClass as h, createElementVNode as S, openBlock as j, createElementBlock as q } from "vue";
+import { vibrator as v } from "@solar-taro/core";
+import c from "./index29.js";
+const b = T, V = _, m = h, d = S, A = j, D = q, G = ["type", "value", "disabled"], L = /* @__PURE__ */ I({
+  __name: "index",
+  props: /* @__PURE__ */ w({
+    type: { default: "decimal" },
+    min: { default: -1 / 0 },
+    max: { default: 1 / 0 },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(p) {
+    const t = p, u = z(p, "modelValue"), a = f(""), x = r(() => t.type === "integer" ? "number" : "digit"), y = r(() => ({
+      "sun-stepper-disabled": t.disabled
+    })), o = f(!1), M = r(() => u.value <= t.min), B = r(() => u.value >= t.max);
+    function g() {
+      const e = u.value;
+      e >= t.max || (u.value = i(Math.min(t.max, e + 1)), a.value = s(u.value), v.short());
+    }
+    function F() {
+      const e = u.value;
+      e <= t.min || (u.value = i(Math.max(t.min, e - 1)), a.value = s(u.value), v.short());
+    }
+    function N(e) {
+      a.value = e.detail.value;
+      let n = E(a.value);
+      n > t.max ? n = t.max : n < t.min && (n = t.min), u.value = n;
+    }
+    function $() {
+      o.value = !0;
+    }
+    function k() {
+      a.value = s(u.value), o.value = !1;
+    }
+    function E(e) {
+      return e ? i(Number.parseFloat(e) || 0) : 0;
+    }
+    function s(e) {
+      return e = +e, Number.isFinite(e) ? (t.type === "integer" ? Math.trunc(e) : e).toString() : "";
+    }
+    function i(e) {
+      return t.type === "integer" ? Math.trunc(e) : +e.toFixed(2);
+    }
+    return C(() => {
+      o.value || (a.value = s(u.value));
+    }), (e, n) => (A(), D("view", {
+      class: m(["sun-stepper", y.value])
+    }, [
+      d("view", {
+        class: m(["sun-stepper-btn sun-stepper-btn-dec", { "sun-stepper-btn-disabled": M.value }]),
+        "hover-class": "hover",
+        onTap: n[0] || (n[0] = (l) => F())
+      }, [
+        V(b(c), { name: "remove" })
+      ], 34),
+      d("input", {
+        class: "sun-stepper-input",
+        type: x.value,
+        value: a.value,
+        disabled: e.disabled,
+        onInput: n[1] || (n[1] = (l) => N(l)),
+        onFocus: n[2] || (n[2] = (l) => $()),
+        onBlur: n[3] || (n[3] = (l) => k())
+      }, null, 40, G),
+      d("view", {
+        class: m(["sun-stepper-btn sun-stepper-btn-inc", { "sun-stepper-btn-disabled": B.value }]),
+        "hover-class": "hover",
+        onTap: n[4] || (n[4] = (l) => g())
+      }, [
+        V(b(c), { name: "add" })
+      ], 34)
+    ], 2));
   }
 });
 export {
-  b as default
+  L as default
 };

package/index21.js

@@ -1,18 +1,27 @@
-import { defineComponent as o, renderSlot as t, mergeProps as r, openBlock as n, createElementBlock as s } from "vue";
-const a = t, l = r, p = n, c = s, u = /* @__PURE__ */ o({
-  __name: "table-row",
+import { defineComponent as u, computed as n, renderSlot as c, mergeProps as r, openBlock as l, createElementBlock as d } from "vue";
+const a = c, m = r, p = l, k = d, _ = /* @__PURE__ */ u({
+  __name: "sudoku",
   props: {
-    head: { type: Boolean },
-    foot: { type: Boolean }
+    size: String,
+    count: {
+      type: Number,
+      default: 9
+    }
   },
-  setup(m) {
-    return (e, d) => (p(), c("view", l(e.$attrs, {
-      class: ["sun-tb-row", { "sun-tb-head": e.head, "sun-tb-foot": e.foot }]
+  setup(o) {
+    const e = o, t = n(() => ({
+      "sun-sudoku-sm": e.count === 1,
+      "sun-sudoku-md": e.count === 2 || e.count === 4,
+      "sun-sudoku-lg": e.count === 3 || e.count > 4
+    }));
+    return (s, i) => (p(), k("view", m(s.$attrs, {
+      class: ["sun-sudoku", t.value],
+      style: { "--sudoku-width": o.size }
     }), [
-      a(e.$slots, "default")
+      a(s.$slots, "default")
     ], 16));
   }
 });
 export {
-  u as default
+  _ as default
 };

package/index22.js

@@ -1,35 +1,49 @@
-import { defineComponent as s, computed as o, renderSlot as l, normalizeClass as u, createElementVNode as d, mergeProps as b, openBlock as c, createElementBlock as p } from "vue";
-const m = l, i = u, B = d, _ = b, f = c, z = p, k = /* @__PURE__ */ s({
-  __name: "table",
+import { defineComponent as u, computed as p, renderList as _, Fragment as f, openBlock as d, createElementBlock as g, renderSlot as v, unref as b, createBlock as k, createCommentVNode as h, toDisplayString as B, createTextVNode as y, normalizeClass as C, mergeProps as $ } from "vue";
+import w from "./index29.js";
+const N = _, S = f, r = d, n = g, T = v, V = b, L = k, z = h, D = B, E = y, F = C, P = $, j = ["scroll-left"], q = ["onTap"], I = /* @__PURE__ */ u({
+  __name: "index",
   props: {
-    rounded: { type: Boolean, default: !0 },
-    bordered: { type: Boolean },
-    outerBordered: { type: Boolean, default: !0 },
-    zebra: { type: Boolean },
-    size: { default: "default" },
-    layout: {}
+    tabs: {},
+    active: { default: 0 }
   },
-  setup(r) {
-    const e = r, n = o(() => ({
-      "sun-tb-rounded": e.rounded,
-      "sun-tb-bordered": e.bordered,
-      "sun-tb-outer-bordered": e.outerBordered,
-      [`sun-tb-size-${e.size}`]: e.size
-    })), a = o(() => ({
-      "sun-tb-zebra": e.zebra,
-      [`sun-tb-layout-${e.layout}`]: e.layout
-    }));
-    return (t, y) => (f(), z("view", _(t.$attrs, {
-      class: ["sun-tb", n.value]
+  emits: ["update:active", "toggle"],
+  setup(s, { emit: c }) {
+    const a = c, l = s, i = p(() => l.active > 2 ? (l.active - 2) * 150 + "rpx" : 0);
+    function m(e) {
+      a("toggle", e), a("update:active", e);
+    }
+    return (e, x) => (r(), n("scroll-view", P(e.$attrs, {
+      class: "sun-tabbar",
+      "scroll-x": !0,
+      "enable-flex": !0,
+      enhanced: !0,
+      "show-scrollbar": !1,
+      "scroll-with-animation": !0,
+      "scroll-left": i.value
     }), [
-      B("view", {
-        class: i(["sun-tb-inner", a.value])
+      (r(!0), n(S, null, N(e.tabs, (t, o) => (r(), n("view", {
+        key: o,
+        class: F(["sun-tabbar-item", {
+          "sun-tabbar-item-active": e.active === o,
+          "sun-tabbar-item-icon-only": !t.text
+        }]),
+        onTap: (A) => m(o)
       }, [
-        m(t.$slots, "default")
-      ], 2)
-    ], 16));
+        T(e.$slots, "default", {
+          tab: t,
+          index: o
+        }, () => [
+          t.icon ? (r(), L(V(w), {
+            key: 0,
+            class: "sun-tabbar-item-icon",
+            name: e.active === o ? t.icon[0] : t.icon[1] || `${t.icon[0]}-outline`
+          }, null, 8, ["name"])) : z("", !0),
+          E(" " + D(t.text), 1)
+        ])
+      ], 42, q))), 128))
+    ], 16, j));
   }
 });
 export {
-  k as default
+  I as default
 };

package/index23.js

@@ -1,24 +1,30 @@
-import { defineComponent as n, computed as a, renderSlot as l, normalizeClass as r, openBlock as c, createElementBlock as p } from "vue";
-const u = l, d = r, m = c, _ = p, g = /* @__PURE__ */ n({
-  __name: "index",
+import { defineComponent as o, computed as r, renderSlot as n, mergeProps as i, openBlock as a, createElementBlock as c } from "vue";
+const d = n, p = i, h = a, m = c, b = /* @__PURE__ */ o({
+  __name: "table-cell",
   props: {
-    type: { default: "solid" },
-    color: {},
-    shape: { default: "round" }
+    sticky: {},
+    head: { type: Boolean },
+    width: {},
+    maxWidth: {},
+    ellipsis: { type: Boolean },
+    breakWord: { type: Boolean }
   },
-  setup(o) {
-    const e = o, t = a(() => [
-      `sun-tag-${e.type}`,
-      `sun-tag-${e.color}`,
-      `sun-tag-${e.shape}`
-    ]);
-    return (s, i) => (m(), _("view", {
-      class: d(["sun-tag", t.value])
-    }, [
-      u(s.$slots, "default")
-    ], 2));
+  setup(l) {
+    const e = l, s = r(() => ({
+      "sun-tb-cell-sticky-left": e.sticky === "left",
+      "sun-tb-cell-sticky-right": e.sticky === "right",
+      "sun-tb-cell-ellipsis": e.ellipsis,
+      "sun-tb-cell-head": e.head,
+      "sun-tb-cell-break-word": e.breakWord
+    }));
+    return (t, u) => (h(), m("view", p(t.$attrs, {
+      class: ["sun-tb-cell", s.value],
+      style: { width: t.width, "min-width": t.width, "max-width": t.maxWidth }
+    }), [
+      d(t.$slots, "default")
+    ], 16));
   }
 });
 export {
-  g as default
+  b as default
 };

package/index24.js

@@ -1,36 +1,18 @@
-import { defineComponent as r, mergeModels as d, useModel as c, computed as u, createElementVNode as i, normalizeClass as m, openBlock as g, createElementBlock as p } from "vue";
-const t = i, v = m, f = g, k = p, w = /* @__PURE__ */ r({
-  __name: "index",
-  props: /* @__PURE__ */ d({
-    disabled: { type: Boolean },
-    color: { default: "primary" }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const o = s, l = c(s, "modelValue"), n = u(() => [
-      `sun-toggle-${o.color}`,
-      {
-        "sun-toggle-disabled": o.disabled,
-        "sun-toggle-checked": l.value
-      }
-    ]);
-    function a() {
-      o.disabled || (l.value = !l.value);
-    }
-    return (B, e) => (f(), k("view", {
-      class: v(["sun-toggle", n.value]),
-      "hover-class": "hover",
-      onTap: e[0] || (e[0] = (V) => a())
-    }, e[1] || (e[1] = [
-      t("view", { class: "sun-toggle-toggle-icon-wrapper" }, [
-        t("view", { class: "sun-toggle-toggle-icon" })
-      ], -1)
-    ]), 34));
+import { defineComponent as o, renderSlot as t, mergeProps as r, openBlock as n, createElementBlock as s } from "vue";
+const a = t, l = r, p = n, c = s, u = /* @__PURE__ */ o({
+  __name: "table-row",
+  props: {
+    head: { type: Boolean },
+    foot: { type: Boolean }
+  },
+  setup(m) {
+    return (e, d) => (p(), c("view", l(e.$attrs, {
+      class: ["sun-tb-row", { "sun-tb-head": e.head, "sun-tb-foot": e.foot }]
+    }), [
+      a(e.$slots, "default")
+    ], 16));
   }
 });
 export {
-  w as default
+  u as default
 };

package/index25.js

@@ -1,125 +1,35 @@
-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 "./index17.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",
+import { defineComponent as s, computed as o, renderSlot as l, normalizeClass as u, createElementVNode as d, mergeProps as b, openBlock as c, createElementBlock as p } from "vue";
+const m = l, i = u, B = d, _ = b, f = c, z = p, k = /* @__PURE__ */ s({
+  __name: "table",
   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" }
+    rounded: { type: Boolean, default: !0 },
+    bordered: { type: Boolean },
+    outerBordered: { type: Boolean, default: !0 },
+    zebra: { type: Boolean },
+    size: { default: "default" },
+    layout: {}
   },
-  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"))
+  setup(r) {
+    const e = r, n = o(() => ({
+      "sun-tb-rounded": e.rounded,
+      "sun-tb-bordered": e.bordered,
+      "sun-tb-outer-bordered": e.outerBordered,
+      [`sun-tb-size-${e.size}`]: e.size
+    })), a = o(() => ({
+      "sun-tb-zebra": e.zebra,
+      [`sun-tb-layout-${e.layout}`]: e.layout
+    }));
+    return (t, y) => (f(), z("view", _(t.$attrs, {
+      class: ["sun-tb", n.value]
     }), [
-      e.items.length ? (s(), c("view", {
-        key: 0,
-        class: "sun-virtual-scroll-content-container",
-        style: g(_.value)
+      B("view", {
+        class: i(["sun-tb-inner", a.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));
+        m(t.$slots, "default")
+      ], 2)
+    ], 16));
   }
 });
 export {
-  he as default
+  k as default
 };

package/index26.js

@@ -1,16 +1,24 @@
-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({
+import { defineComponent as n, computed as a, renderSlot as l, normalizeClass as r, openBlock as c, createElementBlock as p } from "vue";
+const u = l, d = r, m = c, _ = p, g = /* @__PURE__ */ n({
   __name: "index",
   props: {
-    name: {}
+    type: { default: "solid" },
+    color: {},
+    shape: { default: "round" }
   },
-  setup(e) {
-    const n = e, o = s(() => `ionicon-${n.name}`);
-    return (p, _) => (i(), m("view", {
-      class: r(["sun-icon ionicon", o.value])
-    }, null, 2));
+  setup(o) {
+    const e = o, t = a(() => [
+      `sun-tag-${e.type}`,
+      `sun-tag-${e.color}`,
+      `sun-tag-${e.shape}`
+    ]);
+    return (s, i) => (m(), _("view", {
+      class: d(["sun-tag", t.value])
+    }, [
+      u(s.$slots, "default")
+    ], 2));
   }
 });
 export {
-  d as default
+  g as default
 };

package/index27.js

@@ -1,13 +1,36 @@
-import { renderSlot as t, openBlock as n, createElementBlock as r } from "vue";
-import s from "./index38.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__ */ s(c, [["render", a]]);
+import { defineComponent as r, mergeModels as d, useModel as c, computed as u, createElementVNode as i, normalizeClass as m, openBlock as g, createElementBlock as p } from "vue";
+const t = i, v = m, f = g, k = p, w = /* @__PURE__ */ r({
+  __name: "index",
+  props: /* @__PURE__ */ d({
+    disabled: { type: Boolean },
+    color: { default: "primary" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, l = c(s, "modelValue"), n = u(() => [
+      `sun-toggle-${o.color}`,
+      {
+        "sun-toggle-disabled": o.disabled,
+        "sun-toggle-checked": l.value
+      }
+    ]);
+    function a() {
+      o.disabled || (l.value = !l.value);
+    }
+    return (B, e) => (f(), k("view", {
+      class: v(["sun-toggle", n.value]),
+      "hover-class": "hover",
+      onTap: e[0] || (e[0] = (V) => a())
+    }, e[1] || (e[1] = [
+      t("view", { class: "sun-toggle-toggle-icon-wrapper" }, [
+        t("view", { class: "sun-toggle-toggle-icon" })
+      ], -1)
+    ]), 34));
+  }
+});
 export {
-  p as default
+  w as default
 };