@lazycatcloud/lzc-toolkit 0.0.5 → 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 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 $, toRef as fe, normalizeStyle as H, normalizeProps as K, guardReactiveProps as N, Fragment as ve, renderList as pe } from "vue";
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(), o = () => n.value = Boolean(e());
28
- return o(), be(o, t), n;
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 o in e)
36
- _e.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
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 o of z(e))
39
- t.indexOf(o) < 0 && Oe.call(e, o) && (n[o] = e[o]);
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 o = n, { window: r = ye } = o, s = Se(o, ["window"]);
44
- let l;
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
- l && (l.disconnect(), l = void 0);
46
+ o && (o.disconnect(), o = void 0);
47
47
  }, c = T(() => M(e), (_) => {
48
- a(), i.value && r && _ && (l = new ResizeObserver(t), l.observe(_, s));
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: o = "content-box" } = n, r = b(t.width), s = b(t.height);
59
- return Pe(e, ([l]) => {
60
- const i = o === "border-box" ? l.borderBoxSize : o === "content-box" ? l.contentBoxSize : l.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 = l.contentRect.width, s.value = l.contentRect.height);
62
- }, n), T(() => M(e), (l) => {
63
- r.value = l ? t.width : 0, s.value = l ? t.height : 0;
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(), o = Ie(n), r = b([]), s = b(0), l = le(e), i = b({ start: 0, end: 10 }), { itemHeight: a, overscan: c = 5 } = t, w = (u) => {
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 < l.value.length; 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 < l.value.length; 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 > l.value.length ? l.value.length : g
139
- }, r.value = l.value.slice(i.value.start, i.value.end).map((R, Z) => ({
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
- [o.width, o.height, l],
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" ? l.value.length * a : l.value.reduce((u, h, v) => u + a(v), 0)), W = (u) => typeof a == "number" ? u * a : l.value.slice(0, u).reduce((v, p, g) => v + a(g), 0), q = (u) => {
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: o.height,
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(), $e = Symbol(), He = Symbol(), Ke = Symbol(), Ne = Symbol(), Ve = Symbol(), ze = Symbol(), Qe = 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({}), o = O(() => e.value.filter((d) => n.value[d[t]])), r = O(() => Object.keys(n.value).length == e.value.length);
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 l() {
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 ? l() : s();
215
+ r.value ? o() : s();
216
216
  }
217
- return m(Re, _), m($e, w), m(He, c), m(Ke, o), m(Ne, i), m(Ve, a), m(ze, r), m(Qe, l), {
218
- selected: o,
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: l,
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, o = () => {
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: o,
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, l = !0) {
264
- return t.value[r] ? (t.value[r].visiable = l, !0) : (t.value[r] = {
265
- visiable: l,
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 o(r) {
269
+ function l(r) {
270
270
  const s = r.component.name;
271
271
  if (!n(s, r.componentProps || {})) {
272
- const l = {
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(l), e);
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: () => t.value[s].visiable = !1
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: o
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: o, wrapperProps: r, innerProps: s } = Ae(
314
+ const t = e, { list: n, containerProps: l, wrapperProps: r, innerProps: s } = Ae(
311
315
  fe(t, "data"),
312
316
  {
313
- itemHeight: (l) => t.itemHeight(0),
317
+ itemHeight: (o) => t.itemHeight(0),
314
318
  overscan: 10
315
319
  }
316
320
  );
317
- return (l, i) => (S(), I("div", {
318
- ref: y(o).ref,
319
- onScrollPassive: i[0] || (i[0] = (...a) => y(o).onScroll && y(o).onScroll(...a)),
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: H(y(o).style)
325
+ style: $(y(l).style)
322
326
  }, [
323
- x("div", K(N(y(r))), [
324
- x("div", K(N(y(s))), [
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: H({
331
+ style: $({
328
332
  height: `${e.itemHeight(c)}px`,
329
333
  display: "flex"
330
334
  })
331
335
  }, [
332
- U(l.$slots, "default", {
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 [o, r] of t)
345
- n[o] = r;
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
- Ke as allSelectedKey,
355
+ He as allSelectedKey,
352
356
  ke as closeDialogKey,
353
357
  ze as isAllSelectedKey,
354
- He as isSelectedKey,
355
- Ne as selectKey,
358
+ $e as isSelectedKey,
359
+ Ke as selectKey,
356
360
  Re as toggleAllKey,
357
- $e as toggleKey,
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 v=typeof window<"u";v&&((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=v?window:void 0;v&&window.document,v&&window.navigator,v&&window.location;function q(t,n=!1){const o=e.ref(),l=()=>o.value=Boolean(t());return l(),U(l,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 I=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,J=(t,n)=>{var o={};for(var l in t)G.call(t,l)&&n.indexOf(l)<0&&(o[l]=t[l]);if(t!=null&&I)for(var l of I(t))n.indexOf(l)<0&&Y.call(t,l)&&(o[l]=t[l]);return o};function X(t,n,o={}){const l=o,{window:a=W}=l,s=J(l,["window"]);let r;const c=q(()=>a&&"ResizeObserver"in a),i=()=>{r&&(r.disconnect(),r=void 0)},f=e.watch(()=>C(t),w=>{i(),c.value&&a&&w&&(r=new ResizeObserver(n),r.observe(w,s))},{immediate:!0,flush:"post"}),_=()=>{i(),f()};return F(_),{isSupported:c,stop:_}}function Z(t,n={width:0,height:0},o={}){const{box:l="content-box"}=o,a=e.ref(n.width),s=e.ref(n.height);return X(t,([r])=>{const c=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;c?(a.value=c.reduce((i,{inlineSize:f})=>i+f,0),s.value=c.reduce((i,{blockSize:f})=>i+f,0)):(a.value=r.contentRect.width,s.value=r.contentRect.height)},o),e.watch(()=>C(t),r=>{a.value=r?n.width:0,s.value=r?n.height:0}),{width:a,height:s}}var E;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(E||(E={}));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(),l=Z(o),a=e.ref([]),s=e.ref(0),r=e.shallowRef(t),c=e.ref({start:0,end:10}),{itemHeight:i,overscan:f=5}=n,_=d=>{const{start:y=0}=c.value;let m=0,g=0;for(let b=y;b<r.value.length;b++)if(m+=i(b),m>=d){g=b;break}return g-y},w=d=>{let y=0,m=0;for(let g=0;g<r.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=w(d.scrollTop),m=_(d.clientHeight),g=y-f,b=y+m+f;c.value={start:g<0?0:g,end:b>r.value.length?r.value.length:b},a.value=r.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([l.width,l.height,r],()=>{h()},{deep:!0});const j=e.computed(()=>typeof i=="number"?r.value.length*i:r.value.reduce((d,y,m)=>d+i(m),0)),ce=d=>typeof i=="number"?d*i:r.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:l.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(),R=Symbol(),N=Symbol(),z=Symbol(),$=Symbol();function le(t,n){const o=e.ref({}),l=e.computed(()=>t.value.filter(p=>o.value[p[n]])),a=e.computed(()=>Object.keys(o.value).length==t.value.length);function s(){t.value.forEach(p=>{o.value[p[n]]=!0})}function r(){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 _(p){p.forEach(h=>{f(h)?delete o.value[h[n]]:o.value[h[n]]=!0})}function w(){a.value?r():s()}return e.provide(A,w),e.provide(k,_),e.provide(x,f),e.provide(V,l),e.provide(R,c),e.provide(N,i),e.provide(z,a),e.provide($,r),{selected:l,select:c,selectAll:s,unselect:i,unselectAll:r,toggle:_,toggleAll:w,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,l=()=>{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:l,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,r=!0){return n.value[a]?(n.value[a].visiable=r,!0):(n.value[a]={visiable:r,componentProps:s},!1)}function l(a){const s=a.component.name;if(!o(s,a.componentProps||{})){const r={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(r),t)}return{close:()=>n.value[s].visiable=!1}}return e.onUnmounted(()=>{t&&document.body.removeChild(t)}),{create:l}}const se=e.defineComponent({__name:"VirtualList",props:{data:null,itemHeight:null},setup(t){const n=t,{list:o,containerProps:l,wrapperProps:a,innerProps:s}=K(e.toRef(n,"data"),{itemHeight:r=>n.itemHeight(0),overscan:10});return(r,c)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(l).ref,onScrollPassive:c[0]||(c[0]=(...i)=>e.unref(l).onScroll&&e.unref(l).onScroll(...i)),class:"hiddenScorllBar-firefox hiddenScorllBar h-full overflow-hidden",style:e.normalizeStyle(e.unref(l).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(r.$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[l,a]of n)o[l]=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=R,u.toggleAllKey=A,u.toggleKey=k,u.unselectAllKey=$,u.unselectKey=N,u.useSelectable=le,u.useVirtualList=K,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
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"}})});
@@ -13,6 +13,6 @@ export declare type DialogOptionsMap = {
13
13
  };
14
14
  export declare function DialogController(): {
15
15
  create: (options: DialogControllerOptions) => {
16
- close: () => boolean;
16
+ close: () => void;
17
17
  };
18
18
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lazycatcloud/lzc-toolkit",
3
- "version": "0.0.5",
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",