@solar-taro/ui-sun 1.6.5 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/accordion/index.vue.d.ts +22 -16
- package/chip/index.vue.d.ts +15 -36
- package/circular-progress/index.vue.d.ts +4 -30
- package/fab/fab-group.vue.d.ts +9 -3
- package/fab/fab.vue.d.ts +9 -3
- package/fab/index.scss +11 -3
- package/icon/index.scss +4 -3
- package/icon/index.vue.d.ts +3 -22
- package/index.d.ts +3 -0
- package/index.js +32 -26
- package/index10.js +24 -33
- package/index11.js +33 -75
- package/index12.js +75 -19
- package/index13.js +19 -49
- package/index14.js +46 -141
- package/index15.js +142 -27
- package/index16.js +29 -21
- package/index17.js +18 -21
- package/index18.js +42 -11
- package/index19.js +21 -26
- package/index20.js +11 -118
- package/index21.js +33 -10
- package/index22.js +123 -10
- package/index23.js +12 -8
- package/index24.js +10 -2
- package/index25.js +10 -2
- package/index26.js +10 -2
- package/index28.js +1 -1
- package/index29.js +1 -1
- package/index31.js +1 -1
- package/index32.js +1 -1
- package/index33.js +1 -1
- package/index34.js +1 -1
- package/index35.js +1 -1
- package/index36.js +1 -1
- package/index38.js +1 -1
- package/index39.js +1 -1
- package/index40.js +1 -1
- package/index41.js +1 -1
- package/index42.js +1 -1
- package/index43.js +2 -526
- package/index44.js +2 -3
- package/index45.js +2 -66
- package/index46.js +2 -12
- package/index47.js +2 -25
- package/index48.js +526 -14
- package/index49.js +3 -5
- package/index50.js +66 -26
- package/index51.js +12 -2
- package/index52.js +25 -506
- package/index53.js +14 -79
- package/index54.js +4 -69
- package/index55.js +24 -67
- package/index56.js +2 -543
- package/index57.js +506 -2
- package/index58.js +79 -2
- package/index59.js +70 -2
- package/index60.js +68 -3
- package/index61.js +543 -2
- package/index62.js +2 -4
- package/index64.js +2 -2
- package/index65.js +4 -2
- package/index66.js +2 -48
- package/index67.js +4 -82
- package/index69.js +2 -2
- package/index7.js +7 -9
- package/index70.js +2 -2
- package/index71.js +48 -2
- package/index72.js +84 -0
- package/index73.js +4 -0
- package/index74.js +4 -0
- package/index75.js +4 -0
- package/index76.js +4 -0
- package/index8.js +29 -17
- package/index9.js +19 -25
- package/item/index.d.ts +1 -0
- package/item/index.scss +40 -0
- package/item/index.vue.d.ts +26 -0
- package/lazy-render/index.vue.d.ts +13 -29
- package/list-header/index.scss +1 -1
- package/list-header/index.vue.d.ts +9 -3
- package/navbar/index.vue.d.ts +10 -4
- package/package.json +2 -2
- package/page-header/index.d.ts +1 -0
- package/page-header/index.scss +5 -0
- package/page-header/index.vue.d.ts +17 -0
- package/plugin.d.ts +0 -1
- package/popover/index.scss +1 -0
- package/popover/index.vue.d.ts +24 -41
- package/qrcode/index.vue.d.ts +6 -31
- package/segment/injection.d.ts +0 -1
- package/segment/segment-btn.vue.d.ts +12 -16
- package/segment/segment.vue.d.ts +16 -20
- package/slider-captcha/index.vue.d.ts +7 -36
- package/spinner/index.scss +1 -0
- package/spinner/index.vue.d.ts +14 -33
- package/sudoku/sudoku-item.vue.d.ts +9 -3
- package/sudoku/sudoku.vue.d.ts +9 -3
- package/tabbar/index.d.ts +1 -0
- package/tabbar/index.scss +74 -0
- package/tabbar/index.vue.d.ts +38 -0
- package/table/_table.scss +1 -1
- package/table/table-cell.vue.d.ts +13 -24
- package/table/table-row.vue.d.ts +12 -17
- package/table/table.vue.d.ts +17 -43
- package/virtual-scroll/index.vue.d.ts +35 -74
package/index17.js
CHANGED
|
@@ -1,30 +1,27 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
3
|
-
__name: "
|
|
1
|
+
import { defineComponent as u, computed as n, renderSlot as c, mergeProps as r, openBlock as l, createElementBlock as d } from "vue";
|
|
2
|
+
const a = c, m = r, p = l, k = d, _ = /* @__PURE__ */ u({
|
|
3
|
+
__name: "sudoku",
|
|
4
4
|
props: {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
breakWord: { type: Boolean }
|
|
5
|
+
size: String,
|
|
6
|
+
count: {
|
|
7
|
+
type: Number,
|
|
8
|
+
default: 9
|
|
9
|
+
}
|
|
11
10
|
},
|
|
12
|
-
setup(
|
|
13
|
-
const e =
|
|
14
|
-
"sun-
|
|
15
|
-
"sun-
|
|
16
|
-
"sun-
|
|
17
|
-
"sun-tb-cell-head": e.ellipsis,
|
|
18
|
-
"sun-tb-cell-break-word": e.breakWord
|
|
11
|
+
setup(o) {
|
|
12
|
+
const e = o, t = n(() => ({
|
|
13
|
+
"sun-sudoku-sm": e.count === 1,
|
|
14
|
+
"sun-sudoku-md": e.count === 2 || e.count === 4,
|
|
15
|
+
"sun-sudoku-lg": e.count === 3 || e.count > 4
|
|
19
16
|
}));
|
|
20
|
-
return (
|
|
21
|
-
class: ["sun-
|
|
22
|
-
style: {
|
|
17
|
+
return (s, i) => (p(), k("view", m(s.$attrs, {
|
|
18
|
+
class: ["sun-sudoku", t.value],
|
|
19
|
+
style: { "--sudoku-width": o.size }
|
|
23
20
|
}), [
|
|
24
|
-
|
|
21
|
+
a(s.$slots, "default")
|
|
25
22
|
], 16));
|
|
26
23
|
}
|
|
27
24
|
});
|
|
28
25
|
export {
|
|
29
|
-
|
|
26
|
+
_ as default
|
|
30
27
|
};
|
package/index18.js
CHANGED
|
@@ -1,18 +1,49 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
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";
|
|
2
|
+
import w from "./index7.js";
|
|
3
|
+
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({
|
|
4
|
+
__name: "index",
|
|
4
5
|
props: {
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
tabs: {},
|
|
7
|
+
active: { default: 0 }
|
|
7
8
|
},
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
emits: ["update:active", "toggle"],
|
|
10
|
+
setup(s, { emit: c }) {
|
|
11
|
+
const a = c, l = s, i = p(() => l.active > 2 ? (l.active - 2) * 150 + "rpx" : 0);
|
|
12
|
+
function m(e) {
|
|
13
|
+
a("toggle", e), a("update:active", e);
|
|
14
|
+
}
|
|
15
|
+
return (e, x) => (r(), n("scroll-view", P(e.$attrs, {
|
|
16
|
+
class: "sun-tabbar",
|
|
17
|
+
"scroll-x": !0,
|
|
18
|
+
"enable-flex": !0,
|
|
19
|
+
enhanced: !0,
|
|
20
|
+
"show-scrollbar": !1,
|
|
21
|
+
"scroll-with-animation": !0,
|
|
22
|
+
"scroll-left": i.value
|
|
11
23
|
}), [
|
|
12
|
-
|
|
13
|
-
|
|
24
|
+
(r(!0), n(S, null, N(e.tabs, (t, o) => (r(), n("view", {
|
|
25
|
+
key: o,
|
|
26
|
+
class: F(["sun-tabbar-item", {
|
|
27
|
+
"sun-tabbar-item-active": e.active === o,
|
|
28
|
+
"sun-tabbar-item-icon-only": !t.text
|
|
29
|
+
}]),
|
|
30
|
+
onTap: (A) => m(o)
|
|
31
|
+
}, [
|
|
32
|
+
T(e.$slots, "default", {
|
|
33
|
+
tab: t,
|
|
34
|
+
index: o
|
|
35
|
+
}, () => [
|
|
36
|
+
t.icon ? (r(), L(V(w), {
|
|
37
|
+
key: 0,
|
|
38
|
+
class: "sun-tabbar-item-icon",
|
|
39
|
+
name: e.active === o ? t.icon[0] : t.icon[1] || `${t.icon[0]}-outline`
|
|
40
|
+
}, null, 8, ["name"])) : z("", !0),
|
|
41
|
+
E(" " + D(t.text), 1)
|
|
42
|
+
])
|
|
43
|
+
], 42, q))), 128))
|
|
44
|
+
], 16, j));
|
|
14
45
|
}
|
|
15
46
|
});
|
|
16
47
|
export {
|
|
17
|
-
|
|
48
|
+
I as default
|
|
18
49
|
};
|
package/index19.js
CHANGED
|
@@ -1,35 +1,30 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
3
|
-
__name: "table",
|
|
1
|
+
import { defineComponent as o, computed as i, renderSlot as r, mergeProps as n, openBlock as c, createElementBlock as a } from "vue";
|
|
2
|
+
const p = r, d = n, m = c, h = a, b = /* @__PURE__ */ o({
|
|
3
|
+
__name: "table-cell",
|
|
4
4
|
props: {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
sticky: {},
|
|
6
|
+
head: { type: Boolean },
|
|
7
|
+
width: {},
|
|
8
|
+
maxWidth: {},
|
|
9
|
+
ellipsis: { type: Boolean },
|
|
10
|
+
breakWord: { type: Boolean }
|
|
11
11
|
},
|
|
12
|
-
setup(
|
|
13
|
-
const e =
|
|
14
|
-
"sun-tb-
|
|
15
|
-
"sun-tb-
|
|
16
|
-
"sun-tb-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"sun-tb-zebra": e.zebra,
|
|
20
|
-
[`sun-tb-layout-${e.layout}`]: e.layout
|
|
12
|
+
setup(l) {
|
|
13
|
+
const e = l, s = i(() => ({
|
|
14
|
+
"sun-tb-cell-sticky-left": e.sticky === "left",
|
|
15
|
+
"sun-tb-cell-sticky-right": e.sticky === "right",
|
|
16
|
+
"sun-tb-cell-ellipsis": e.ellipsis,
|
|
17
|
+
"sun-tb-cell-head": e.ellipsis,
|
|
18
|
+
"sun-tb-cell-break-word": e.breakWord
|
|
21
19
|
}));
|
|
22
|
-
return (t,
|
|
23
|
-
class: ["sun-tb",
|
|
20
|
+
return (t, u) => (m(), h("view", d(t.$attrs, {
|
|
21
|
+
class: ["sun-tb-cell", s.value],
|
|
22
|
+
style: { width: t.width, "min-width": t.width, "max-width": t.maxWidth }
|
|
24
23
|
}), [
|
|
25
|
-
|
|
26
|
-
class: i(["sun-tb-inner", a.value])
|
|
27
|
-
}, [
|
|
28
|
-
m(t.$slots, "default")
|
|
29
|
-
], 2)
|
|
24
|
+
p(t.$slots, "default")
|
|
30
25
|
], 16));
|
|
31
26
|
}
|
|
32
27
|
});
|
|
33
28
|
export {
|
|
34
|
-
|
|
29
|
+
b as default
|
|
35
30
|
};
|
package/index20.js
CHANGED
|
@@ -1,125 +1,18 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { createSelectorQuery as J } from "@tarojs/taro";
|
|
5
|
-
import Z from "./index15.js";
|
|
6
|
-
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 = {
|
|
7
|
-
key: 1,
|
|
8
|
-
class: "sun-virtual-scroll-placeholder",
|
|
9
|
-
style: { display: "flex", "justify-content": "center", "align-items": "center", height: "85%" }
|
|
10
|
-
};
|
|
11
|
-
let ce = 1;
|
|
12
|
-
const he = /* @__PURE__ */ I({
|
|
13
|
-
__name: "index",
|
|
1
|
+
import { defineComponent as o, renderSlot as t, mergeProps as r, openBlock as n, createElementBlock as s } from "vue";
|
|
2
|
+
const a = t, l = r, p = n, c = s, u = /* @__PURE__ */ o({
|
|
3
|
+
__name: "table-row",
|
|
14
4
|
props: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
refresherBg: { default: "transparent" },
|
|
18
|
-
direction: { default: "vertical" },
|
|
19
|
-
items: {},
|
|
20
|
-
itemSize: {},
|
|
21
|
-
itemKey: {},
|
|
22
|
-
id: { default: () => `sun-virtual-scroll-${ce++}` },
|
|
23
|
-
bottomSpace: { default: 0 },
|
|
24
|
-
loading: { type: Boolean },
|
|
25
|
-
loadingText: { default: "Loading" }
|
|
5
|
+
head: { type: Boolean },
|
|
6
|
+
foot: { type: Boolean }
|
|
26
7
|
},
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
let m, i = 0, S = !1;
|
|
31
|
-
const u = f(0), v = f(0), p = f(0), h = f(0), t = a(() => r.direction === "vertical"), _ = a(() => ({
|
|
32
|
-
right: t.value ? "0" : "auto",
|
|
33
|
-
transform: `translate${t.value ? "Y" : "X"}(${p.value}px)`,
|
|
34
|
-
"white-space": t.value ? "normal" : "nowrap"
|
|
35
|
-
})), 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(() => ({
|
|
36
|
-
[t.value ? "height" : "width"]: b(C.value + r.bottomSpace)
|
|
37
|
-
})), F = a(() => ({
|
|
38
|
-
display: t.value ? "block" : "inline-block",
|
|
39
|
-
[t.value ? "height" : "width"]: b(n.value)
|
|
40
|
-
})), P = a(
|
|
41
|
-
() => r.items.slice(
|
|
42
|
-
Math.max(v.value - u.value, 0),
|
|
43
|
-
v.value + u.value * 2
|
|
44
|
-
)
|
|
45
|
-
);
|
|
46
|
-
function V({ detail: e }) {
|
|
47
|
-
m && cancelAnimationFrame(m), m = requestAnimationFrame(() => {
|
|
48
|
-
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;
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
function w() {
|
|
52
|
-
setTimeout(() => {
|
|
53
|
-
J().select(`#${r.id}`).boundingClientRect((e) => {
|
|
54
|
-
if (S) return;
|
|
55
|
-
if (e = e, !(e != null && e.height) || !(e != null && e.width))
|
|
56
|
-
return w();
|
|
57
|
-
const { height: l, width: o } = e, d = t.value ? l : o;
|
|
58
|
-
u.value = Math.ceil(d / n.value);
|
|
59
|
-
}).exec();
|
|
60
|
-
}, 50);
|
|
61
|
-
}
|
|
62
|
-
return D(() => {
|
|
63
|
-
h.value = i;
|
|
64
|
-
}), L(() => {
|
|
65
|
-
w();
|
|
66
|
-
}), N(() => {
|
|
67
|
-
S = !0;
|
|
68
|
-
}), (e, l) => (s(), c("scroll-view", ae(e.$attrs, {
|
|
69
|
-
id: e.id,
|
|
70
|
-
class: "sun-virtual-scroll",
|
|
71
|
-
"refresher-enabled": e.refresher,
|
|
72
|
-
"refresher-triggered": e.refreshing,
|
|
73
|
-
"refresher-background": e.refresherBg,
|
|
74
|
-
"scroll-x": !t.value,
|
|
75
|
-
"scroll-y": t.value,
|
|
76
|
-
"scroll-top": t.value ? h.value : 0,
|
|
77
|
-
"scroll-left": t.value ? 0 : h.value,
|
|
78
|
-
enhanced: !0,
|
|
79
|
-
"lower-threshold": 300,
|
|
80
|
-
onScrollPassive: l[0] || (l[0] = (o) => V(o)),
|
|
81
|
-
onRefresherrefresh: l[1] || (l[1] = (o) => {
|
|
82
|
-
B(H).short("light"), y("refresh");
|
|
83
|
-
}),
|
|
84
|
-
onScrolltolower: l[2] || (l[2] = (o) => y("lower"))
|
|
8
|
+
setup(m) {
|
|
9
|
+
return (e, d) => (p(), c("view", l(e.$attrs, {
|
|
10
|
+
class: ["sun-tb-row", { "sun-tb-head": e.head, "sun-tb-foot": e.foot }]
|
|
85
11
|
}), [
|
|
86
|
-
e
|
|
87
|
-
|
|
88
|
-
class: "sun-virtual-scroll-content-container",
|
|
89
|
-
style: g(_.value)
|
|
90
|
-
}, [
|
|
91
|
-
(s(!0), c(te, null, ee(P.value, (o, d) => {
|
|
92
|
-
var k;
|
|
93
|
-
return s(), c("view", {
|
|
94
|
-
key: (k = o[e.itemKey]) != null ? k : d,
|
|
95
|
-
class: "sun-virtual-scroll-item",
|
|
96
|
-
style: g(F.value)
|
|
97
|
-
}, [
|
|
98
|
-
z(e.$slots, "default", {
|
|
99
|
-
item: o,
|
|
100
|
-
index: d
|
|
101
|
-
})
|
|
102
|
-
], 4);
|
|
103
|
-
}), 128))
|
|
104
|
-
], 4)) : (s(), c("view", ue, [
|
|
105
|
-
e.loading ? (s(), ne(B(Z), {
|
|
106
|
-
key: 0,
|
|
107
|
-
size: "large"
|
|
108
|
-
}, {
|
|
109
|
-
default: ie(() => [
|
|
110
|
-
oe(le(e.loadingText), 1)
|
|
111
|
-
]),
|
|
112
|
-
_: 1
|
|
113
|
-
})) : z(e.$slots, "empty", { key: 1 })
|
|
114
|
-
])),
|
|
115
|
-
e.items.length ? (s(), c("view", {
|
|
116
|
-
key: 2,
|
|
117
|
-
class: "sun-virtual-scroll-spacer",
|
|
118
|
-
style: g(T.value)
|
|
119
|
-
}, null, 4)) : re("", !0)
|
|
120
|
-
], 16, se));
|
|
12
|
+
a(e.$slots, "default")
|
|
13
|
+
], 16));
|
|
121
14
|
}
|
|
122
15
|
});
|
|
123
16
|
export {
|
|
124
|
-
|
|
17
|
+
u as default
|
|
125
18
|
};
|
package/index21.js
CHANGED
|
@@ -1,12 +1,35 @@
|
|
|
1
|
-
import { renderSlot as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
1
|
+
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";
|
|
2
|
+
const m = l, i = u, B = d, _ = b, f = c, z = p, k = /* @__PURE__ */ s({
|
|
3
|
+
__name: "table",
|
|
4
|
+
props: {
|
|
5
|
+
rounded: { type: Boolean, default: !0 },
|
|
6
|
+
bordered: { type: Boolean },
|
|
7
|
+
outerBordered: { type: Boolean, default: !0 },
|
|
8
|
+
zebra: { type: Boolean },
|
|
9
|
+
size: { default: "default" },
|
|
10
|
+
layout: {}
|
|
11
|
+
},
|
|
12
|
+
setup(r) {
|
|
13
|
+
const e = r, n = o(() => ({
|
|
14
|
+
"sun-tb-rounded": e.rounded,
|
|
15
|
+
"sun-tb-bordered": e.bordered,
|
|
16
|
+
"sun-tb-outer-bordered": e.outerBordered,
|
|
17
|
+
[`sun-tb-size-${e.size}`]: e.size
|
|
18
|
+
})), a = o(() => ({
|
|
19
|
+
"sun-tb-zebra": e.zebra,
|
|
20
|
+
[`sun-tb-layout-${e.layout}`]: e.layout
|
|
21
|
+
}));
|
|
22
|
+
return (t, y) => (f(), z("view", _(t.$attrs, {
|
|
23
|
+
class: ["sun-tb", n.value]
|
|
24
|
+
}), [
|
|
25
|
+
B("view", {
|
|
26
|
+
class: i(["sun-tb-inner", a.value])
|
|
27
|
+
}, [
|
|
28
|
+
m(t.$slots, "default")
|
|
29
|
+
], 2)
|
|
30
|
+
], 16));
|
|
31
|
+
}
|
|
32
|
+
});
|
|
10
33
|
export {
|
|
11
|
-
|
|
34
|
+
k as default
|
|
12
35
|
};
|
package/index22.js
CHANGED
|
@@ -1,12 +1,125 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
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";
|
|
2
|
+
import { withPixel as b } from "@solar-kit/core";
|
|
3
|
+
import { rpxToPx as G, vibrator as H } from "@solar-taro/core";
|
|
4
|
+
import { createSelectorQuery as J } from "@tarojs/taro";
|
|
5
|
+
import Z from "./index16.js";
|
|
6
|
+
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 = {
|
|
7
|
+
key: 1,
|
|
8
|
+
class: "sun-virtual-scroll-placeholder",
|
|
9
|
+
style: { display: "flex", "justify-content": "center", "align-items": "center", height: "85%" }
|
|
10
|
+
};
|
|
11
|
+
let ce = 1;
|
|
12
|
+
const he = /* @__PURE__ */ I({
|
|
13
|
+
__name: "index",
|
|
14
|
+
props: {
|
|
15
|
+
refreshing: { type: Boolean },
|
|
16
|
+
refresher: { type: Boolean },
|
|
17
|
+
refresherBg: { default: "transparent" },
|
|
18
|
+
direction: { default: "vertical" },
|
|
19
|
+
items: {},
|
|
20
|
+
itemSize: {},
|
|
21
|
+
itemKey: {},
|
|
22
|
+
id: { default: () => `sun-virtual-scroll-${ce++}` },
|
|
23
|
+
bottomSpace: { default: 0 },
|
|
24
|
+
loading: { type: Boolean },
|
|
25
|
+
loadingText: { default: "Loading" }
|
|
26
|
+
},
|
|
27
|
+
emits: ["refresh", "lower"],
|
|
28
|
+
setup($, { emit: x }) {
|
|
29
|
+
const y = x, r = $;
|
|
30
|
+
let m, i = 0, S = !1;
|
|
31
|
+
const u = f(0), v = f(0), p = f(0), h = f(0), t = a(() => r.direction === "vertical"), _ = a(() => ({
|
|
32
|
+
right: t.value ? "0" : "auto",
|
|
33
|
+
transform: `translate${t.value ? "Y" : "X"}(${p.value}px)`,
|
|
34
|
+
"white-space": t.value ? "normal" : "nowrap"
|
|
35
|
+
})), 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(() => ({
|
|
36
|
+
[t.value ? "height" : "width"]: b(C.value + r.bottomSpace)
|
|
37
|
+
})), F = a(() => ({
|
|
38
|
+
display: t.value ? "block" : "inline-block",
|
|
39
|
+
[t.value ? "height" : "width"]: b(n.value)
|
|
40
|
+
})), P = a(
|
|
41
|
+
() => r.items.slice(
|
|
42
|
+
Math.max(v.value - u.value, 0),
|
|
43
|
+
v.value + u.value * 2
|
|
44
|
+
)
|
|
45
|
+
);
|
|
46
|
+
function V({ detail: e }) {
|
|
47
|
+
m && cancelAnimationFrame(m), m = requestAnimationFrame(() => {
|
|
48
|
+
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;
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
function w() {
|
|
52
|
+
setTimeout(() => {
|
|
53
|
+
J().select(`#${r.id}`).boundingClientRect((e) => {
|
|
54
|
+
if (S) return;
|
|
55
|
+
if (e = e, !(e != null && e.height) || !(e != null && e.width))
|
|
56
|
+
return w();
|
|
57
|
+
const { height: l, width: o } = e, d = t.value ? l : o;
|
|
58
|
+
u.value = Math.ceil(d / n.value);
|
|
59
|
+
}).exec();
|
|
60
|
+
}, 50);
|
|
61
|
+
}
|
|
62
|
+
return D(() => {
|
|
63
|
+
h.value = i;
|
|
64
|
+
}), L(() => {
|
|
65
|
+
w();
|
|
66
|
+
}), N(() => {
|
|
67
|
+
S = !0;
|
|
68
|
+
}), (e, l) => (s(), c("scroll-view", ae(e.$attrs, {
|
|
69
|
+
id: e.id,
|
|
70
|
+
class: "sun-virtual-scroll",
|
|
71
|
+
"refresher-enabled": e.refresher,
|
|
72
|
+
"refresher-triggered": e.refreshing,
|
|
73
|
+
"refresher-background": e.refresherBg,
|
|
74
|
+
"scroll-x": !t.value,
|
|
75
|
+
"scroll-y": t.value,
|
|
76
|
+
"scroll-top": t.value ? h.value : 0,
|
|
77
|
+
"scroll-left": t.value ? 0 : h.value,
|
|
78
|
+
enhanced: !0,
|
|
79
|
+
"lower-threshold": 300,
|
|
80
|
+
onScrollPassive: l[0] || (l[0] = (o) => V(o)),
|
|
81
|
+
onRefresherrefresh: l[1] || (l[1] = (o) => {
|
|
82
|
+
B(H).short("light"), y("refresh");
|
|
83
|
+
}),
|
|
84
|
+
onScrolltolower: l[2] || (l[2] = (o) => y("lower"))
|
|
85
|
+
}), [
|
|
86
|
+
e.items.length ? (s(), c("view", {
|
|
87
|
+
key: 0,
|
|
88
|
+
class: "sun-virtual-scroll-content-container",
|
|
89
|
+
style: g(_.value)
|
|
90
|
+
}, [
|
|
91
|
+
(s(!0), c(te, null, ee(P.value, (o, d) => {
|
|
92
|
+
var k;
|
|
93
|
+
return s(), c("view", {
|
|
94
|
+
key: (k = o[e.itemKey]) != null ? k : d,
|
|
95
|
+
class: "sun-virtual-scroll-item",
|
|
96
|
+
style: g(F.value)
|
|
97
|
+
}, [
|
|
98
|
+
z(e.$slots, "default", {
|
|
99
|
+
item: o,
|
|
100
|
+
index: d
|
|
101
|
+
})
|
|
102
|
+
], 4);
|
|
103
|
+
}), 128))
|
|
104
|
+
], 4)) : (s(), c("view", ue, [
|
|
105
|
+
e.loading ? (s(), ne(B(Z), {
|
|
106
|
+
key: 0,
|
|
107
|
+
size: "large"
|
|
108
|
+
}, {
|
|
109
|
+
default: ie(() => [
|
|
110
|
+
oe(le(e.loadingText), 1)
|
|
111
|
+
]),
|
|
112
|
+
_: 1
|
|
113
|
+
})) : z(e.$slots, "empty", { key: 1 })
|
|
114
|
+
])),
|
|
115
|
+
e.items.length ? (s(), c("view", {
|
|
116
|
+
key: 2,
|
|
117
|
+
class: "sun-virtual-scroll-spacer",
|
|
118
|
+
style: g(T.value)
|
|
119
|
+
}, null, 4)) : re("", !0)
|
|
120
|
+
], 16, se));
|
|
121
|
+
}
|
|
122
|
+
});
|
|
10
123
|
export {
|
|
11
|
-
|
|
124
|
+
he as default
|
|
12
125
|
};
|
package/index23.js
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import { renderSlot as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
function
|
|
5
|
-
return
|
|
6
|
-
|
|
1
|
+
import { renderSlot as r, mergeProps as o, openBlock as t, createElementBlock as s } from "vue";
|
|
2
|
+
import c from "./index30.js";
|
|
3
|
+
const n = {}, a = r, l = o, f = t, m = s;
|
|
4
|
+
function _(e, p) {
|
|
5
|
+
return f(), m("view", l(e.$attrs, {
|
|
6
|
+
class: "sun-fab",
|
|
7
|
+
"hover-class": "hover",
|
|
8
|
+
"hover-stay-time": "200"
|
|
9
|
+
}), [
|
|
10
|
+
a(e.$slots, "default")
|
|
7
11
|
], 16);
|
|
8
12
|
}
|
|
9
|
-
const
|
|
13
|
+
const u = /* @__PURE__ */ c(n, [["render", _]]);
|
|
10
14
|
export {
|
|
11
|
-
|
|
15
|
+
u as default
|
|
12
16
|
};
|
package/index24.js
CHANGED
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { renderSlot as o, openBlock as t, createElementBlock as r } from "vue";
|
|
2
|
+
import n from "./index30.js";
|
|
3
|
+
const c = {}, s = o, l = t, _ = r, a = { class: "sun-list-header" };
|
|
4
|
+
function d(e, f) {
|
|
5
|
+
return l(), _("view", a, [
|
|
6
|
+
s(e.$slots, "default")
|
|
7
|
+
]);
|
|
8
|
+
}
|
|
9
|
+
const p = /* @__PURE__ */ n(c, [["render", d]]);
|
|
2
10
|
export {
|
|
3
|
-
|
|
11
|
+
p as default
|
|
4
12
|
};
|
package/index25.js
CHANGED
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { renderSlot as o, openBlock as t, createElementBlock as r } from "vue";
|
|
2
|
+
import n from "./index30.js";
|
|
3
|
+
const c = {}, s = o, l = t, _ = r, a = { class: "sun-page-header" };
|
|
4
|
+
function d(e, f) {
|
|
5
|
+
return l(), _("view", a, [
|
|
6
|
+
s(e.$slots, "default")
|
|
7
|
+
]);
|
|
8
|
+
}
|
|
9
|
+
const p = /* @__PURE__ */ n(c, [["render", d]]);
|
|
2
10
|
export {
|
|
3
|
-
|
|
11
|
+
p as default
|
|
4
12
|
};
|
package/index26.js
CHANGED
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { renderSlot as o, mergeProps as r, openBlock as t, createElementBlock as s } from "vue";
|
|
2
|
+
import n from "./index30.js";
|
|
3
|
+
const c = {}, l = o, m = r, _ = t, a = s;
|
|
4
|
+
function u(e, d) {
|
|
5
|
+
return _(), a("view", m(e.$attrs, { class: "sun-sudoku-item" }), [
|
|
6
|
+
l(e.$slots, "default")
|
|
7
|
+
], 16);
|
|
8
|
+
}
|
|
9
|
+
const i = /* @__PURE__ */ n(c, [["render", u]]);
|
|
2
10
|
export {
|
|
3
|
-
|
|
11
|
+
i as default
|
|
4
12
|
};
|
package/index28.js
CHANGED
package/index29.js
CHANGED
package/index31.js
CHANGED
package/index32.js
CHANGED
package/index33.js
CHANGED
package/index34.js
CHANGED
package/index35.js
CHANGED
package/index36.js
CHANGED
package/index38.js
CHANGED
package/index39.js
CHANGED
package/index40.js
CHANGED
package/index41.js
CHANGED
package/index42.js
CHANGED