@solar-taro/ui-sun 1.1.0 → 1.1.2

package/icon/index.d.ts

@@ -0,0 +1 @@
+export { default as SunIcon } from './index.vue';

package/icon/index.scss

@@ -0,0 +1,9 @@
+@use "./ionicon";
+
+.sun-icon {
+  display: inline;
+  contain: strict;
+  color: currentColor;
+  font-size: 1em;
+  box-sizing: content-box;
+}

package/icon/index.vue.d.ts

@@ -0,0 +1,24 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    name: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    name: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/index.d.ts

@@ -1,8 +1,11 @@
 export * from './accordion';
 export * from './chip';
+export * from './circular-progress';
 export * from './fab';
+export * from './icon';
 export * from './lazy-render';
 export * from './navbar';
+export * from './plugin';
 export * from './popover';
 export * from './segment';
 export * from './spinner';

package/index.js

@@ -1,34 +1,40 @@
-import { default as r } from "./index2.js";
+import { SolarSun as e } from "./index2.js";
 import { default as u } from "./index3.js";
 import { default as f } from "./index4.js";
 import { default as S } from "./index5.js";
-import { default as d } from "./index6.js";
+import { default as p } from "./index6.js";
 import { default as m } from "./index7.js";
 import { default as x } from "./index8.js";
-import { default as i } from "./index9.js";
-import { default as T } from "./index10.js";
-import { default as k } from "./index11.js";
-import { default as C } from "./index12.js";
-import { default as R } from "./index13.js";
-import { default as w } from "./index14.js";
-import { default as z } from "./index15.js";
-import { default as B } from "./index16.js";
-import { default as I } from "./index17.js";
+import { default as c } from "./index9.js";
+import { default as g } from "./index10.js";
+import { default as T } from "./index11.js";
+import { default as v } from "./index12.js";
+import { default as I } from "./index13.js";
+import { default as R } from "./index14.js";
+import { default as w } from "./index15.js";
+import { default as z } from "./index16.js";
+import { default as B } from "./index17.js";
+import { default as L } from "./index18.js";
+import { default as V } from "./index19.js";
+import { default as q } from "./index20.js";
 export {
-  r as SunAccordion,
-  u as SunChip,
-  B as SunFab,
-  f as SunFabGroup,
-  S as SunLazyRender,
-  d as SunNavbar,
-  m as SunPopover,
-  i as SunSegment,
-  x as SunSegmentBtn,
-  T as SunSpinner,
-  k as SunSudoku,
-  I as SunSudokuItem,
-  w as SunTb,
-  C as SunTbCell,
-  R as SunTbRow,
-  z as SunVirtualScroll
+  e as SolarSun,
+  u as SunAccordion,
+  f as SunChip,
+  S as SunCircularProgress,
+  V as SunFab,
+  p as SunFabGroup,
+  m as SunIcon,
+  x as SunLazyRender,
+  c as SunNavbar,
+  g as SunPopover,
+  v as SunSegment,
+  T as SunSegmentBtn,
+  I as SunSpinner,
+  R as SunSudoku,
+  q as SunSudokuItem,
+  B as SunTb,
+  w as SunTbCell,
+  z as SunTbRow,
+  L as SunVirtualScroll
 };

package/index10.js

@@ -1,35 +1,62 @@
-import { defineComponent as a, computed as c, renderList as p, Fragment as m, openBlock as d, createElementBlock as u, createElementVNode as _, renderSlot as f, createCommentVNode as k, normalizeClass as g } from "vue";
-const v = p, B = m, e = d, n = u, o = _, C = f, N = k, w = g, z = { class: "sun-spinner-dot" }, E = {
-  key: 0,
-  class: "sun-spinner-desc"
-}, y = /* @__PURE__ */ a({
+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({
   __name: "index",
   props: {
-    size: {},
-    spinning: { type: Boolean }
+    /** 是否显示 */
+    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"
+    }
   },
-  setup(r) {
-    const s = r, i = c(() => [
-      {
-        "sun-spinner-spinning": s.spinning
-      },
-      `sun-spinner-${s.size}`
-    ]);
-    return (t, V) => (e(), n("view", {
-      class: w(["sun-spinner", i.value])
+  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"])
     }, [
-      o("view", z, [
-        (e(), n(B, null, v(4, (l) => o("view", {
-          key: l,
-          class: "sun-spinner-dot-item"
-        })), 64))
+      t("view", x, [
+        n(o.$slots, "default")
       ]),
-      t.$slots.default ? (e(), n("view", E, [
-        C(t.$slots, "default")
-      ])) : N("", !0)
-    ], 2));
+      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));
   }
 });
 export {
-  y as default
+  k as default
 };

package/index11.js

@@ -1,27 +1,25 @@
-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",
+import { defineComponent as p, inject as a, getCurrentInstance as c, onUnmounted as m, unref as u, renderSlot as i, mergeProps as _, openBlock as f, createElementBlock as v } from "vue";
+import { ACTIVE_CHILD as d, PARENT as g } from "./index38.js";
+const o = u, k = i, C = _, B = f, E = v, $ = /* @__PURE__ */ p({
+  __name: "segment-btn",
   props: {
-    size: String,
-    count: {
-      type: Number,
-      default: 9
-    }
+    value: {}
   },
-  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(s.$slots, "default")
-    ], 16));
+  setup(b) {
+    const l = a(d), e = a(g), n = c();
+    return m(() => {
+      e.unlink(n);
+    }), e.link(n), (t, r) => {
+      var s;
+      return B(), E("view", C(t.$attrs, {
+        class: ["sun-segment-btn", { "sun-segment-btn-active": ((s = o(l)) == null ? void 0 : s.props.value) === t.value }],
+        onTap: r[0] || (r[0] = (I) => o(e).active(o(n)))
+      }), [
+        k(t.$slots, "default")
+      ], 16);
+    };
   }
 });
 export {
-  _ as default
+  $ as default
 };

package/index12.js

@@ -1,28 +1,56 @@
-import { defineComponent as o, computed as r, renderSlot as i, mergeProps as n, openBlock as c, createElementBlock as a } from "vue";
-const p = i, d = n, m = c, k = a, b = /* @__PURE__ */ o({
-  __name: "table-cell",
+import { defineComponent as x, getCurrentInstance as V, shallowRef as E, shallowReactive as k, computed as c, provide as m, watch as C, onMounted as w, renderSlot as y, createElementVNode as B, mergeProps as I, openBlock as O, createElementBlock as A } from "vue";
+import { ACTIVE_CHILD as N, PARENT as P } from "./index38.js";
+const R = y, T = B, b = I, L = O, S = A, $ = { class: "sun-segment-inner" }, M = /* @__PURE__ */ x({
+  __name: "segment",
   props: {
-    sticky: {},
-    width: {},
-    maxWidth: {},
-    ellipsis: { type: Boolean },
-    breakWord: { type: Boolean }
+    modelValue: {}
   },
-  setup(l) {
-    const t = l, s = r(() => ({
-      "sun-tb-cell-sticky-left": t.sticky === "left",
-      "sun-tb-cell-sticky-right": t.sticky === "right",
-      "sun-tb-cell-ellipsis": t.ellipsis,
-      "sun-tb-cell-break-word": t.breakWord
+  emits: ["update:modelValue", "change"],
+  setup(v, { emit: f }) {
+    const d = f, u = v, g = V(), o = E(null), t = k([]), i = c(() => t.indexOf(o.value)), h = c(() => t.length), _ = c(() => ({
+      "--segment-length": h.value,
+      "--segment-active-index": i.value
     }));
-    return (e, u) => (m(), k("view", d(e.$attrs, {
-      class: ["sun-tb-cell", s.value],
-      style: { width: e.width, "min-width": e.width, "max-width": e.maxWidth }
+    m(N, o), m(P, {
+      link: (e) => {
+        const n = p();
+        t.push(e), t.sort((a, s) => {
+          const l = n.indexOf(a.vnode), r = n.indexOf(s.vnode);
+          return l - r;
+        });
+      },
+      unlink: (e) => {
+        t.slice(t.indexOf(e), 1);
+      },
+      active: (e) => {
+        d("change", {
+          value: e.props.value,
+          index: i.value
+        }), d("update:modelValue", e.props.value), o.value = e;
+      }
+    }), C(() => u.modelValue, (e) => {
+      o.value = t.find((n) => n.props.value === e);
+    });
+    function p() {
+      return g.subTree.children[0].children[0].children.filter((e) => typeof e.type != "symbol");
+    }
+    return w(() => {
+      const e = p();
+      t.forEach((n) => {
+        var s, l;
+        const a = e.findIndex((r) => r === n.vnode);
+        (l = (s = n.props).value) != null || (s.value = a), n.props.value === u.modelValue && (o.value = n);
+      });
+    }), (e, n) => (L(), S("view", b(e.$attrs, {
+      class: "sun-segment",
+      style: _.value
     }), [
-      p(e.$slots, "default")
+      T("view", $, [
+        R(e.$slots, "default")
+      ])
     ], 16));
   }
 });
 export {
-  b as default
+  M as default
 };

package/index13.js

@@ -1,18 +1,35 @@
-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 a, computed as c, renderList as p, Fragment as m, openBlock as d, createElementBlock as u, createElementVNode as _, renderSlot as f, createCommentVNode as k, normalizeClass as g } from "vue";
+const v = p, B = m, e = d, n = u, o = _, C = f, N = k, w = g, z = { class: "sun-spinner-dot" }, E = {
+  key: 0,
+  class: "sun-spinner-desc"
+}, y = /* @__PURE__ */ a({
+  __name: "index",
   props: {
-    head: { type: Boolean },
-    foot: { type: Boolean }
+    size: {},
+    spinning: { 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));
+  setup(r) {
+    const s = r, i = c(() => [
+      {
+        "sun-spinner-spinning": s.spinning
+      },
+      `sun-spinner-${s.size}`
+    ]);
+    return (t, V) => (e(), n("view", {
+      class: w(["sun-spinner", i.value])
+    }, [
+      o("view", z, [
+        (e(), n(B, null, v(4, (l) => o("view", {
+          key: l,
+          class: "sun-spinner-dot-item"
+        })), 64))
+      ]),
+      t.$slots.default ? (e(), n("view", E, [
+        C(t.$slots, "default")
+      ])) : N("", !0)
+    ], 2));
   }
 });
 export {
-  u as default
+  y as default
 };

package/index14.js

@@ -1,35 +1,27 @@
-import { defineComponent as a, computed as t, 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, z = c, y = p, k = /* @__PURE__ */ a({
-  __name: "table",
+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: {
-    rounded: { type: Boolean, default: !0 },
-    bordered: { type: Boolean },
-    outerBordered: { type: Boolean, default: !0 },
-    zebra: { type: Boolean },
-    size: {},
-    layout: {}
+    size: String,
+    count: {
+      type: Number,
+      default: 9
+    }
   },
-  setup(r) {
-    const e = r, n = t(() => ({
-      "sun-tb-rounded": e.rounded,
-      "sun-tb-bordered": e.bordered,
-      "sun-tb-outer-bordered": e.outerBordered,
-      [`sun-tb-size-${e.size}`]: e.size
-    })), s = t(() => ({
-      "sun-tb-zebra": e.zebra,
-      [`sun-tb-layout-${e.layout}`]: e.layout
+  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 (o, f) => (z(), y("view", _(o.$attrs, {
-      class: ["sun-tb", n.value]
+    return (s, i) => (p(), k("view", m(s.$attrs, {
+      class: ["sun-sudoku", t.value],
+      style: { "--sudoku-width": o.size }
     }), [
-      B("view", {
-        class: i(["sun-tb-inner", s.value])
-      }, [
-        m(o.$slots, "default")
-      ], 2)
+      a(s.$slots, "default")
     ], 16));
   }
 });
 export {
-  k as default
+  _ as default
 };

package/index15.js

@@ -1,101 +1,28 @@
-import { defineComponent as I, ref as m, computed as s, onMounted as C, renderList as E, Fragment as V, openBlock as _, createElementBlock as L, renderSlot as M, normalizeStyle as T, createElementVNode as A, unref as K, mergeProps as N } from "vue";
-import { withPixel as y } from "@solar-kit/core";
-import { rpxToPx as R, vibrator as q } from "@solar-taro/core";
-import { createSelectorQuery as D } from "@tarojs/taro";
-const O = E, Q = V, f = _, d = L, W = M, p = T, w = A, X = K, Y = N, j = ["id", "refresher-enabled", "refresher-triggered", "refresher-background", "scroll-x", "scroll-y"];
-let G = 1;
-const ee = /* @__PURE__ */ I({
-  __name: "index",
+import { defineComponent as o, computed as r, renderSlot as i, mergeProps as n, openBlock as c, createElementBlock as a } from "vue";
+const p = i, d = n, m = c, k = a, b = /* @__PURE__ */ o({
+  __name: "table-cell",
   props: {
-    refreshing: { type: Boolean },
-    refresher: { type: Boolean },
-    refresherBg: { default: "transparent" },
-    direction: { default: "vertical" },
-    items: {},
-    itemSize: {},
-    itemKey: {},
-    id: { default: () => `sun-virtual-scroll-${G++}` },
-    bottomSpace: { default: 0 }
+    sticky: {},
+    width: {},
+    maxWidth: {},
+    ellipsis: { type: Boolean },
+    breakWord: { type: Boolean }
   },
-  emits: ["refresh", "lower"],
-  setup(b, { emit: z }) {
-    const h = z, t = b;
-    let a;
-    const i = m(0), u = m(0), v = m(0), l = s(() => t.direction === "vertical"), k = s(() => ({
-      right: l.value ? "0" : "auto",
-      transform: `translate${l.value ? "Y" : "X"}(${v.value}px)`,
-      "white-space": l.value ? "normal" : "nowrap"
-    })), n = s(() => typeof t.itemSize == "number" ? t.itemSize : t.itemSize.endsWith("rpx") ? R(parseFloat(t.itemSize)) : parseFloat(t.itemSize)), B = s(() => n.value * t.items.length), $ = s(() => ({
-      [l.value ? "height" : "width"]: y(B.value + t.bottomSpace)
-    })), x = s(() => ({
-      display: l.value ? "block" : "inline-block",
-      [l.value ? "height" : "width"]: y(n.value)
-    })), F = s(
-      () => t.items.slice(
-        Math.max(u.value - i.value, 0),
-        u.value + i.value * 2
-      )
-    );
-    function P({ detail: r }) {
-      a && cancelAnimationFrame(a), a = requestAnimationFrame(() => {
-        const e = l.value ? r.scrollTop : r.scrollLeft;
-        u.value = ~~(e / n.value), u.value > i.value - 1 ? v.value = e - n.value * i.value - e % n.value : v.value = e - e % (n.value * i.value), a = 0;
-      });
-    }
-    function S() {
-      setTimeout(() => {
-        D().select(`#${t.id}`).boundingClientRect((r) => {
-          if (!r)
-            return S();
-          const { height: e, width: o } = r, c = l.value ? e : o;
-          i.value = Math.ceil(c / n.value);
-        }).exec();
-      });
-    }
-    return C(() => {
-      S();
-    }), (r, e) => (f(), d("scroll-view", Y(r.$attrs, {
-      id: r.id,
-      class: "sun-virtual-scroll",
-      "refresher-enabled": r.refresher,
-      "refresher-triggered": r.refreshing,
-      "refresher-background": r.refresherBg,
-      "scroll-x": !l.value,
-      "scroll-y": l.value,
-      enhanced: !0,
-      "enable-passive": !0,
-      "lower-threshold": 300,
-      onScrollPassive: e[0] || (e[0] = (o) => P(o)),
-      onRefresherrefresh: e[1] || (e[1] = (o) => {
-        X(q).short("light"), h("refresh");
-      }),
-      onScrolltolower: e[2] || (e[2] = (o) => h("lower"))
+  setup(l) {
+    const t = l, s = r(() => ({
+      "sun-tb-cell-sticky-left": t.sticky === "left",
+      "sun-tb-cell-sticky-right": t.sticky === "right",
+      "sun-tb-cell-ellipsis": t.ellipsis,
+      "sun-tb-cell-break-word": t.breakWord
+    }));
+    return (e, u) => (m(), k("view", d(e.$attrs, {
+      class: ["sun-tb-cell", s.value],
+      style: { width: e.width, "min-width": e.width, "max-width": e.maxWidth }
     }), [
-      w("view", {
-        class: "sun-virtual-scroll-content-container",
-        style: p(k.value)
-      }, [
-        (f(!0), d(Q, null, O(F.value, (o, c) => {
-          var g;
-          return f(), d("view", {
-            key: (g = o[r.itemKey]) != null ? g : c,
-            class: "sun-virtual-scroll-item",
-            style: p(x.value)
-          }, [
-            W(r.$slots, "default", {
-              item: o,
-              index: c
-            })
-          ], 4);
-        }), 128))
-      ], 4),
-      w("view", {
-        class: "sun-virtual-scroll-spacer",
-        style: p($.value)
-      }, null, 4)
-    ], 16, j));
+      p(e.$slots, "default")
+    ], 16));
   }
 });
 export {
-  ee as default
+  b as default
 };

package/index16.js

@@ -1,12 +1,18 @@
-import { renderSlot as r, mergeProps as o, openBlock as t, createElementBlock as n } from "vue";
-import c from "./index19.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]]);
+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 {
   u as default
 };

package/index17.js

@@ -1,12 +1,35 @@
-import { renderSlot as o, mergeProps as r, openBlock as t, createElementBlock as s } from "vue";
-import n from "./index19.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 a, computed as t, 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, z = c, y = p, k = /* @__PURE__ */ a({
+  __name: "table",
+  props: {
+    rounded: { type: Boolean, default: !0 },
+    bordered: { type: Boolean },
+    outerBordered: { type: Boolean, default: !0 },
+    zebra: { type: Boolean },
+    size: {},
+    layout: {}
+  },
+  setup(r) {
+    const e = r, n = t(() => ({
+      "sun-tb-rounded": e.rounded,
+      "sun-tb-bordered": e.bordered,
+      "sun-tb-outer-bordered": e.outerBordered,
+      [`sun-tb-size-${e.size}`]: e.size
+    })), s = t(() => ({
+      "sun-tb-zebra": e.zebra,
+      [`sun-tb-layout-${e.layout}`]: e.layout
+    }));
+    return (o, f) => (z(), y("view", _(o.$attrs, {
+      class: ["sun-tb", n.value]
+    }), [
+      B("view", {
+        class: i(["sun-tb-inner", s.value])
+      }, [
+        m(o.$slots, "default")
+      ], 2)
+    ], 16));
+  }
+});
 export {
-  i as default
+  k as default
 };