@lazycatcloud/lzc-toolkit 0.0.4 → 0.0.6
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/dist/index.es.js +64 -60
- package/dist/index.umd.js +1 -1
- package/dist/types/dialog/index.d.ts +1 -1
- package/package.json +4 -2
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { unref as y, getCurrentScope as ee, onScopeDispose as te, getCurrentInstance as ne, onMounted as j, nextTick as oe, ref as b, watch as T, shallowRef as le, onUnmounted as F, computed as O, provide as m, defineComponent as D, openBlock as S, createBlock as re, Transition as se, withCtx as ae, createElementBlock as I, createElementVNode as x, withModifiers as ie, renderSlot as U, createCommentVNode as ue, render as ce, createVNode as de, h as
|
|
1
|
+
import { unref as y, getCurrentScope as ee, onScopeDispose as te, getCurrentInstance as ne, onMounted as j, nextTick as oe, ref as b, watch as T, shallowRef as le, onUnmounted as F, computed as O, provide as m, defineComponent as D, openBlock as S, createBlock as re, Transition as se, withCtx as ae, createElementBlock as I, createElementVNode as x, withModifiers as ie, renderSlot as U, createCommentVNode as ue, render as ce, createVNode as de, h as N, toRef as fe, normalizeStyle as $, normalizeProps as H, guardReactiveProps as K, Fragment as ve, renderList as pe } from "vue";
|
|
2
2
|
var V;
|
|
3
3
|
const P = typeof window < "u";
|
|
4
4
|
P && ((V = window?.navigator) == null ? void 0 : V.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
|
|
@@ -24,28 +24,28 @@ P && window.document;
|
|
|
24
24
|
P && window.navigator;
|
|
25
25
|
P && window.location;
|
|
26
26
|
function we(e, t = !1) {
|
|
27
|
-
const n = b(),
|
|
28
|
-
return
|
|
27
|
+
const n = b(), l = () => n.value = Boolean(e());
|
|
28
|
+
return l(), be(l, t), n;
|
|
29
29
|
}
|
|
30
30
|
const C = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, E = "__vueuse_ssr_handlers__";
|
|
31
31
|
C[E] = C[E] || {};
|
|
32
32
|
C[E];
|
|
33
33
|
var z = Object.getOwnPropertySymbols, _e = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable, Se = (e, t) => {
|
|
34
34
|
var n = {};
|
|
35
|
-
for (var
|
|
36
|
-
_e.call(e,
|
|
35
|
+
for (var l in e)
|
|
36
|
+
_e.call(e, l) && t.indexOf(l) < 0 && (n[l] = e[l]);
|
|
37
37
|
if (e != null && z)
|
|
38
|
-
for (var
|
|
39
|
-
t.indexOf(
|
|
38
|
+
for (var l of z(e))
|
|
39
|
+
t.indexOf(l) < 0 && Oe.call(e, l) && (n[l] = e[l]);
|
|
40
40
|
return n;
|
|
41
41
|
};
|
|
42
42
|
function Pe(e, t, n = {}) {
|
|
43
|
-
const
|
|
44
|
-
let
|
|
43
|
+
const l = n, { window: r = ye } = l, s = Se(l, ["window"]);
|
|
44
|
+
let o;
|
|
45
45
|
const i = we(() => r && "ResizeObserver" in r), a = () => {
|
|
46
|
-
|
|
46
|
+
o && (o.disconnect(), o = void 0);
|
|
47
47
|
}, c = T(() => M(e), (_) => {
|
|
48
|
-
a(), i.value && r && _ && (
|
|
48
|
+
a(), i.value && r && _ && (o = new ResizeObserver(t), o.observe(_, s));
|
|
49
49
|
}, { immediate: !0, flush: "post" }), w = () => {
|
|
50
50
|
a(), c();
|
|
51
51
|
};
|
|
@@ -55,12 +55,12 @@ function Pe(e, t, n = {}) {
|
|
|
55
55
|
};
|
|
56
56
|
}
|
|
57
57
|
function Ie(e, t = { width: 0, height: 0 }, n = {}) {
|
|
58
|
-
const { box:
|
|
59
|
-
return Pe(e, ([
|
|
60
|
-
const i =
|
|
61
|
-
i ? (r.value = i.reduce((a, { inlineSize: c }) => a + c, 0), s.value = i.reduce((a, { blockSize: c }) => a + c, 0)) : (r.value =
|
|
62
|
-
}, n), T(() => M(e), (
|
|
63
|
-
r.value =
|
|
58
|
+
const { box: l = "content-box" } = n, r = b(t.width), s = b(t.height);
|
|
59
|
+
return Pe(e, ([o]) => {
|
|
60
|
+
const i = l === "border-box" ? o.borderBoxSize : l === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
|
|
61
|
+
i ? (r.value = i.reduce((a, { inlineSize: c }) => a + c, 0), s.value = i.reduce((a, { blockSize: c }) => a + c, 0)) : (r.value = o.contentRect.width, s.value = o.contentRect.height);
|
|
62
|
+
}, n), T(() => M(e), (o) => {
|
|
63
|
+
r.value = o ? t.width : 0, s.value = o ? t.height : 0;
|
|
64
64
|
}), {
|
|
65
65
|
width: r,
|
|
66
66
|
height: s
|
|
@@ -108,10 +108,10 @@ Te({
|
|
|
108
108
|
linear: ge
|
|
109
109
|
}, Be);
|
|
110
110
|
function Ae(e, t) {
|
|
111
|
-
const n = b(),
|
|
111
|
+
const n = b(), l = Ie(n), r = b([]), s = b(0), o = le(e), i = b({ start: 0, end: 10 }), { itemHeight: a, overscan: c = 5 } = t, w = (u) => {
|
|
112
112
|
const { start: h = 0 } = i.value;
|
|
113
113
|
let v = 0, p = 0;
|
|
114
|
-
for (let g = h; g <
|
|
114
|
+
for (let g = h; g < o.value.length; g++)
|
|
115
115
|
if (v += a(g), v >= u) {
|
|
116
116
|
p = g;
|
|
117
117
|
break;
|
|
@@ -119,7 +119,7 @@ function Ae(e, t) {
|
|
|
119
119
|
return p - h;
|
|
120
120
|
}, _ = (u) => {
|
|
121
121
|
let h = 0, v = 0;
|
|
122
|
-
for (let p = 0; p <
|
|
122
|
+
for (let p = 0; p < o.value.length; p++)
|
|
123
123
|
if (h += a(p), h >= u) {
|
|
124
124
|
v = p;
|
|
125
125
|
break;
|
|
@@ -135,8 +135,8 @@ function Ae(e, t) {
|
|
|
135
135
|
const h = _(u.scrollTop), v = w(u.clientHeight), p = h - c, g = h + v + c;
|
|
136
136
|
i.value = {
|
|
137
137
|
start: p < 0 ? 0 : p,
|
|
138
|
-
end: g >
|
|
139
|
-
}, r.value =
|
|
138
|
+
end: g > o.value.length ? o.value.length : g
|
|
139
|
+
}, r.value = o.value.slice(i.value.start, i.value.end).map((R, Z) => ({
|
|
140
140
|
data: R,
|
|
141
141
|
index: Z + i.value.start
|
|
142
142
|
}));
|
|
@@ -146,13 +146,13 @@ function Ae(e, t) {
|
|
|
146
146
|
}), F(() => {
|
|
147
147
|
cancelAnimationFrame(d);
|
|
148
148
|
}), T(
|
|
149
|
-
[
|
|
149
|
+
[l.width, l.height, o],
|
|
150
150
|
() => {
|
|
151
151
|
f();
|
|
152
152
|
},
|
|
153
153
|
{ deep: !0 }
|
|
154
154
|
);
|
|
155
|
-
const A = O(() => typeof a == "number" ?
|
|
155
|
+
const A = O(() => typeof a == "number" ? o.value.length * a : o.value.reduce((u, h, v) => u + a(v), 0)), W = (u) => typeof a == "number" ? u * a : o.value.slice(0, u).reduce((v, p, g) => v + a(g), 0), q = (u) => {
|
|
156
156
|
n.value && (n.value.scrollTop = u, B());
|
|
157
157
|
}, G = O(() => W(i.value.start)), Y = O(() => ({
|
|
158
158
|
style: {
|
|
@@ -168,7 +168,7 @@ function Ae(e, t) {
|
|
|
168
168
|
return {
|
|
169
169
|
list: r,
|
|
170
170
|
totalHeight: A,
|
|
171
|
-
clientHeight:
|
|
171
|
+
clientHeight: l.height,
|
|
172
172
|
scrollTo: q,
|
|
173
173
|
scrollTop: s,
|
|
174
174
|
containerProps: {
|
|
@@ -182,15 +182,15 @@ function Ae(e, t) {
|
|
|
182
182
|
innerProps: J
|
|
183
183
|
};
|
|
184
184
|
}
|
|
185
|
-
const Re = Symbol(),
|
|
185
|
+
const Re = Symbol(), Ne = Symbol(), $e = Symbol(), He = Symbol(), Ke = Symbol(), Ve = Symbol(), ze = Symbol(), Qe = Symbol();
|
|
186
186
|
function Ue(e, t) {
|
|
187
|
-
const n = b({}),
|
|
187
|
+
const n = b({}), l = O(() => e.value.filter((d) => n.value[d[t]])), r = O(() => l.value.length != 0 && Object.keys(n.value).length == e.value.length);
|
|
188
188
|
function s() {
|
|
189
189
|
e.value.forEach((d) => {
|
|
190
190
|
n.value[d[t]] = !0;
|
|
191
191
|
});
|
|
192
192
|
}
|
|
193
|
-
function
|
|
193
|
+
function o() {
|
|
194
194
|
n.value = {};
|
|
195
195
|
}
|
|
196
196
|
function i(d) {
|
|
@@ -212,14 +212,14 @@ function Ue(e, t) {
|
|
|
212
212
|
});
|
|
213
213
|
}
|
|
214
214
|
function _() {
|
|
215
|
-
r.value ?
|
|
215
|
+
r.value ? o() : s();
|
|
216
216
|
}
|
|
217
|
-
return m(Re, _), m(
|
|
218
|
-
selected:
|
|
217
|
+
return m(Re, _), m(Ne, w), m($e, c), m(He, l), m(Ke, i), m(Ve, a), m(ze, r), m(Qe, o), {
|
|
218
|
+
selected: l,
|
|
219
219
|
select: i,
|
|
220
220
|
selectAll: s,
|
|
221
221
|
unselect: a,
|
|
222
|
-
unselectAll:
|
|
222
|
+
unselectAll: o,
|
|
223
223
|
toggle: w,
|
|
224
224
|
toggleAll: _,
|
|
225
225
|
isSelected: c,
|
|
@@ -234,14 +234,14 @@ const ke = Symbol(), Le = /* @__PURE__ */ D({
|
|
|
234
234
|
},
|
|
235
235
|
emits: ["update:show"],
|
|
236
236
|
setup(e, { emit: t }) {
|
|
237
|
-
const n = e,
|
|
237
|
+
const n = e, l = () => {
|
|
238
238
|
n.closeOnClickOverlay && t("update:show", !1);
|
|
239
239
|
};
|
|
240
240
|
return m(ke, () => t("update:show", !1)), (r, s) => (S(), re(se, { name: "modal" }, {
|
|
241
241
|
default: ae(() => [
|
|
242
242
|
e.visiable ? (S(), I("div", {
|
|
243
243
|
key: 0,
|
|
244
|
-
onClick:
|
|
244
|
+
onClick: l,
|
|
245
245
|
class: "modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"
|
|
246
246
|
}, [
|
|
247
247
|
x("div", {
|
|
@@ -260,18 +260,18 @@ const ke = Symbol(), Le = /* @__PURE__ */ D({
|
|
|
260
260
|
function Me() {
|
|
261
261
|
let e = null;
|
|
262
262
|
const t = b({});
|
|
263
|
-
function n(r, s,
|
|
264
|
-
return t.value[r] ? (t.value[r].visiable =
|
|
265
|
-
visiable:
|
|
263
|
+
function n(r, s, o = !0) {
|
|
264
|
+
return t.value[r] ? (t.value[r].visiable = o, !0) : (t.value[r] = {
|
|
265
|
+
visiable: o,
|
|
266
266
|
componentProps: s
|
|
267
267
|
}, !1);
|
|
268
268
|
}
|
|
269
|
-
function
|
|
269
|
+
function l(r) {
|
|
270
270
|
const s = r.component.name;
|
|
271
271
|
if (!n(s, r.componentProps || {})) {
|
|
272
|
-
const
|
|
272
|
+
const o = {
|
|
273
273
|
setup() {
|
|
274
|
-
return () =>
|
|
274
|
+
return () => N(
|
|
275
275
|
Le,
|
|
276
276
|
{
|
|
277
277
|
visiable: t.value[s].visiable,
|
|
@@ -280,7 +280,7 @@ function Me() {
|
|
|
280
280
|
}
|
|
281
281
|
},
|
|
282
282
|
{
|
|
283
|
-
default: () =>
|
|
283
|
+
default: () => N(
|
|
284
284
|
r.component,
|
|
285
285
|
t.value[s].componentProps
|
|
286
286
|
)
|
|
@@ -288,16 +288,20 @@ function Me() {
|
|
|
288
288
|
);
|
|
289
289
|
}
|
|
290
290
|
};
|
|
291
|
-
e || (e = document.createElement("div"), e.setAttribute("id", "dialog"), document.body.appendChild(e)), ce(de(
|
|
291
|
+
e || (e = document.createElement("div"), e.setAttribute("id", "dialog"), document.body.appendChild(e)), ce(de(o), e);
|
|
292
292
|
}
|
|
293
293
|
return {
|
|
294
|
-
close: () =>
|
|
294
|
+
close: () => {
|
|
295
|
+
t.value[s].visiable = !1, t.value = {}, e?.childNodes && e.childNodes.forEach((o) => {
|
|
296
|
+
e?.removeChild(o);
|
|
297
|
+
});
|
|
298
|
+
}
|
|
295
299
|
};
|
|
296
300
|
}
|
|
297
301
|
return F(() => {
|
|
298
302
|
e && document.body.removeChild(e);
|
|
299
303
|
}), {
|
|
300
|
-
create:
|
|
304
|
+
create: l
|
|
301
305
|
};
|
|
302
306
|
}
|
|
303
307
|
const je = /* @__PURE__ */ D({
|
|
@@ -307,29 +311,29 @@ const je = /* @__PURE__ */ D({
|
|
|
307
311
|
itemHeight: null
|
|
308
312
|
},
|
|
309
313
|
setup(e) {
|
|
310
|
-
const t = e, { list: n, containerProps:
|
|
314
|
+
const t = e, { list: n, containerProps: l, wrapperProps: r, innerProps: s } = Ae(
|
|
311
315
|
fe(t, "data"),
|
|
312
316
|
{
|
|
313
|
-
itemHeight: (
|
|
317
|
+
itemHeight: (o) => t.itemHeight(0),
|
|
314
318
|
overscan: 10
|
|
315
319
|
}
|
|
316
320
|
);
|
|
317
|
-
return (
|
|
318
|
-
ref: y(
|
|
319
|
-
onScrollPassive: i[0] || (i[0] = (...a) => y(
|
|
321
|
+
return (o, i) => (S(), I("div", {
|
|
322
|
+
ref: y(l).ref,
|
|
323
|
+
onScrollPassive: i[0] || (i[0] = (...a) => y(l).onScroll && y(l).onScroll(...a)),
|
|
320
324
|
class: "hiddenScorllBar-firefox hiddenScorllBar h-full overflow-hidden",
|
|
321
|
-
style:
|
|
325
|
+
style: $(y(l).style)
|
|
322
326
|
}, [
|
|
323
|
-
x("div", K(
|
|
324
|
-
x("div", K(
|
|
327
|
+
x("div", H(K(y(r))), [
|
|
328
|
+
x("div", H(K(y(s))), [
|
|
325
329
|
(S(!0), I(ve, null, pe(y(n), ({ index: a, data: c }) => (S(), I("div", {
|
|
326
330
|
key: a,
|
|
327
|
-
style:
|
|
331
|
+
style: $({
|
|
328
332
|
height: `${e.itemHeight(c)}px`,
|
|
329
333
|
display: "flex"
|
|
330
334
|
})
|
|
331
335
|
}, [
|
|
332
|
-
U(
|
|
336
|
+
U(o.$slots, "default", {
|
|
333
337
|
data: c,
|
|
334
338
|
index: a
|
|
335
339
|
}, void 0, !0)
|
|
@@ -341,20 +345,20 @@ const je = /* @__PURE__ */ D({
|
|
|
341
345
|
});
|
|
342
346
|
const Fe = (e, t) => {
|
|
343
347
|
const n = e.__vccOpts || e;
|
|
344
|
-
for (const [
|
|
345
|
-
n[
|
|
348
|
+
for (const [l, r] of t)
|
|
349
|
+
n[l] = r;
|
|
346
350
|
return n;
|
|
347
351
|
}, We = /* @__PURE__ */ Fe(je, [["__scopeId", "data-v-b9b7f6cb"]]);
|
|
348
352
|
export {
|
|
349
353
|
Me as DialogController,
|
|
350
354
|
We as VirtualList,
|
|
351
|
-
|
|
355
|
+
He as allSelectedKey,
|
|
352
356
|
ke as closeDialogKey,
|
|
353
357
|
ze as isAllSelectedKey,
|
|
354
|
-
|
|
355
|
-
|
|
358
|
+
$e as isSelectedKey,
|
|
359
|
+
Ke as selectKey,
|
|
356
360
|
Re as toggleAllKey,
|
|
357
|
-
|
|
361
|
+
Ne as toggleKey,
|
|
358
362
|
Qe as unselectAllKey,
|
|
359
363
|
Ve as unselectKey,
|
|
360
364
|
Ue as useSelectable,
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.ui={},u.Vue))})(this,function(u,e){"use strict";var P;const
|
|
1
|
+
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.ui={},u.Vue))})(this,function(u,e){"use strict";var P;const w=typeof window<"u";w&&((P=window?.navigator)==null?void 0:P.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function D(t){return typeof t=="function"?t():e.unref(t)}function M(t){return t}function F(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function U(t,n=!0){e.getCurrentInstance()?e.onMounted(t):n?t():e.nextTick(t)}function C(t){var n;const o=D(t);return(n=o?.$el)!=null?n:o}const W=w?window:void 0;w&&window.document,w&&window.navigator,w&&window.location;function q(t,n=!1){const o=e.ref(),r=()=>o.value=Boolean(t());return r(),U(r,n),o}const O=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},S="__vueuse_ssr_handlers__";O[S]=O[S]||{},O[S];var E=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,J=(t,n)=>{var o={};for(var r in t)G.call(t,r)&&n.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&E)for(var r of E(t))n.indexOf(r)<0&&Y.call(t,r)&&(o[r]=t[r]);return o};function X(t,n,o={}){const r=o,{window:a=W}=r,s=J(r,["window"]);let l;const c=q(()=>a&&"ResizeObserver"in a),i=()=>{l&&(l.disconnect(),l=void 0)},f=e.watch(()=>C(t),_=>{i(),c.value&&a&&_&&(l=new ResizeObserver(n),l.observe(_,s))},{immediate:!0,flush:"post"}),v=()=>{i(),f()};return F(v),{isSupported:c,stop:v}}function Z(t,n={width:0,height:0},o={}){const{box:r="content-box"}=o,a=e.ref(n.width),s=e.ref(n.height);return X(t,([l])=>{const c=r==="border-box"?l.borderBoxSize:r==="content-box"?l.contentBoxSize:l.devicePixelContentBoxSize;c?(a.value=c.reduce((i,{inlineSize:f})=>i+f,0),s.value=c.reduce((i,{blockSize:f})=>i+f,0)):(a.value=l.contentRect.width,s.value=l.contentRect.height)},o),e.watch(()=>C(t),l=>{a.value=l?n.width:0,s.value=l?n.height:0}),{width:a,height:s}}var I;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(I||(I={}));var ee=Object.defineProperty,B=Object.getOwnPropertySymbols,te=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable,T=(t,n,o)=>n in t?ee(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,oe=(t,n)=>{for(var o in n||(n={}))te.call(n,o)&&T(t,o,n[o]);if(B)for(var o of B(n))ne.call(n,o)&&T(t,o,n[o]);return t};oe({linear:M},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function K(t,n){const o=e.ref(),r=Z(o),a=e.ref([]),s=e.ref(0),l=e.shallowRef(t),c=e.ref({start:0,end:10}),{itemHeight:i,overscan:f=5}=n,v=d=>{const{start:y=0}=c.value;let m=0,g=0;for(let b=y;b<l.value.length;b++)if(m+=i(b),m>=d){g=b;break}return g-y},_=d=>{let y=0,m=0;for(let g=0;g<l.value.length;g++)if(y+=i(g),y>=d){m=g;break}return m};let p;const h=()=>{cancelAnimationFrame(p),p=requestAnimationFrame(L)},L=()=>{const d=o.value;if(d){const y=_(d.scrollTop),m=v(d.clientHeight),g=y-f,b=y+m+f;c.value={start:g<0?0:g,end:b>l.value.length?l.value.length:b},a.value=l.value.slice(c.value.start,c.value.end).map((Q,me)=>({data:Q,index:me+c.value.start}))}};e.onMounted(()=>{}),e.onUnmounted(()=>{cancelAnimationFrame(p)}),e.watch([r.width,r.height,l],()=>{h()},{deep:!0});const j=e.computed(()=>typeof i=="number"?l.value.length*i:l.value.reduce((d,y,m)=>d+i(m),0)),ce=d=>typeof i=="number"?d*i:l.value.slice(0,d).reduce((m,g,b)=>m+i(b),0),ue=d=>{o.value&&(o.value.scrollTop=d,L())},de=e.computed(()=>ce(c.value.start)),fe=e.computed(()=>({style:{width:"100%",height:`${j.value}px`}})),pe=e.computed(()=>({style:{transform:`translate3d(0, ${de.value}px, 0)`,"will-change":"transform"}})),he={overflowY:"auto"};return{list:a,totalHeight:j,clientHeight:r.height,scrollTo:ue,scrollTop:s,containerProps:{ref:o,onScroll:d=>{d.target&&(s.value=d.target.scrollTop),h()},style:he},wrapperProps:fe,innerProps:pe}}const A=Symbol(),k=Symbol(),x=Symbol(),V=Symbol(),N=Symbol(),R=Symbol(),z=Symbol(),$=Symbol();function le(t,n){const o=e.ref({}),r=e.computed(()=>t.value.filter(p=>o.value[p[n]])),a=e.computed(()=>r.value.length!=0&&Object.keys(o.value).length==t.value.length);function s(){t.value.forEach(p=>{o.value[p[n]]=!0})}function l(){o.value={}}function c(p){p.forEach(h=>{o.value[h[n]]||(o.value[h[n]]=!0)})}function i(p){p.forEach(h=>{o.value[h[n]]&&delete o.value[h[n]]})}function f(p){return!!o.value[p[n]]}function v(p){p.forEach(h=>{f(h)?delete o.value[h[n]]:o.value[h[n]]=!0})}function _(){a.value?l():s()}return e.provide(A,_),e.provide(k,v),e.provide(x,f),e.provide(V,r),e.provide(N,c),e.provide(R,i),e.provide(z,a),e.provide($,l),{selected:r,select:c,selectAll:s,unselect:i,unselectAll:l,toggle:v,toggleAll:_,isSelected:f,isAllSelected:a}}const H=Symbol(),re=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0}},emits:["update:show"],setup(t,{emit:n}){const o=t,r=()=>{o.closeOnClickOverlay&&n("update:show",!1)};return e.provide(H,()=>n("update:show",!1)),(a,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:r,class:"modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"},[e.createElementVNode("div",{onClick:s[0]||(s[0]=e.withModifiers(()=>{},["stop"])),class:"dialog m-auto flex flex-col"},[e.renderSlot(a.$slots,"default")])])):e.createCommentVNode("",!0)]),_:3}))}});function ae(){let t=null;const n=e.ref({});function o(a,s,l=!0){return n.value[a]?(n.value[a].visiable=l,!0):(n.value[a]={visiable:l,componentProps:s},!1)}function r(a){const s=a.component.name;if(!o(s,a.componentProps||{})){const l={setup(){return()=>e.h(re,{visiable:n.value[s].visiable,"onUpdate:show":c=>{n.value[s].visiable=c}},{default:()=>e.h(a.component,n.value[s].componentProps)})}};t||(t=document.createElement("div"),t.setAttribute("id","dialog"),document.body.appendChild(t)),e.render(e.createVNode(l),t)}return{close:()=>{n.value[s].visiable=!1,n.value={},t?.childNodes&&t.childNodes.forEach(l=>{t?.removeChild(l)})}}}return e.onUnmounted(()=>{t&&document.body.removeChild(t)}),{create:r}}const se=e.defineComponent({__name:"VirtualList",props:{data:null,itemHeight:null},setup(t){const n=t,{list:o,containerProps:r,wrapperProps:a,innerProps:s}=K(e.toRef(n,"data"),{itemHeight:l=>n.itemHeight(0),overscan:10});return(l,c)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(r).ref,onScrollPassive:c[0]||(c[0]=(...i)=>e.unref(r).onScroll&&e.unref(r).onScroll(...i)),class:"hiddenScorllBar-firefox hiddenScorllBar h-full overflow-hidden",style:e.normalizeStyle(e.unref(r).style)},[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(a))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(s))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),({index:i,data:f})=>(e.openBlock(),e.createElementBlock("div",{key:i,style:e.normalizeStyle({height:`${t.itemHeight(f)}px`,display:"flex"})},[e.renderSlot(l.$slots,"default",{data:f,index:i},void 0,!0)],4))),128))],16)],16)],36))}}),ye="",ie=((t,n)=>{const o=t.__vccOpts||t;for(const[r,a]of n)o[r]=a;return o})(se,[["__scopeId","data-v-b9b7f6cb"]]);u.DialogController=ae,u.VirtualList=ie,u.allSelectedKey=V,u.closeDialogKey=H,u.isAllSelectedKey=z,u.isSelectedKey=x,u.selectKey=N,u.toggleAllKey=A,u.toggleKey=k,u.unselectAllKey=$,u.unselectKey=R,u.useSelectable=le,u.useVirtualList=K,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lazycatcloud/lzc-toolkit",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"description": "lazycat ui toolkits",
|
|
5
5
|
"main": "./dist/index.umd.js",
|
|
6
6
|
"module": "./dist/index.es.js",
|
|
@@ -15,7 +15,9 @@
|
|
|
15
15
|
"dev": "vite",
|
|
16
16
|
"build": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
|
|
17
17
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
18
|
-
"typecheck": "vue-tsc --noEmit"
|
|
18
|
+
"typecheck": "vue-tsc --noEmit",
|
|
19
|
+
"prepublishOnly": "npm run build",
|
|
20
|
+
"publish": "npm publish --access public"
|
|
19
21
|
},
|
|
20
22
|
"author": "",
|
|
21
23
|
"license": "ISC",
|