@indielayer/ui 1.16.0 → 1.17.0

package/lib/components/select/Select.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as Fe, mergeModels as ce, computed as w, ref as b, useModel as Pe, watch as D, nextTick as Z, unref as n, onUnmounted as Ee, openBlock as s, createBlock as x, mergeProps as U, toHandlers as ve, withCtx as m, createElementVNode as F, createElementBlock as f, normalizeClass as k, Fragment as O, createTextVNode as S, toDisplayString as g, createVNode as B, renderSlot as $, createCommentVNode as L, renderList as j, createSlots as He, normalizeStyle as We, withModifiers as qe, withDirectives as Ue, vModelSelect as je } from "vue";
+import { defineComponent as Fe, mergeModels as ce, computed as w, ref as b, useModel as Pe, watch as D, nextTick as Z, unref as n, onUnmounted as Ee, openBlock as s, createBlock as x, mergeProps as U, toHandlers as ve, withCtx as m, createElementVNode as F, createElementBlock as f, normalizeClass as k, Fragment as O, createTextVNode as B, toDisplayString as g, createVNode as z, renderSlot as $, createCommentVNode as L, renderList as j, createSlots as He, normalizeStyle as We, withModifiers as qe, withDirectives as Ue, vModelSelect as je } from "vue";
 import { useEventListener as Xe, useResizeObserver as Ke } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useColors as Ge } from "../../composables/useColors.js";
 import { useCommon as he } from "../../composables/useCommon.js";
@@ -54,7 +54,7 @@ const sl = { class: "relative" }, rl = {
   },
   virtualListOverscan: {
     type: Number,
-    default: 5
+    default: 10
   },
   placement: String
 }, ml = {
@@ -68,19 +68,19 @@ const sl = { class: "relative" }, rl = {
     filter: { default: "" },
     filterModifiers: {}
   }),
-  emits: /* @__PURE__ */ ce([..._.emits(), "close"], ["update:filter"]),
+  emits: /* @__PURE__ */ ce([..._.emits(), "close", "open"], ["update:filter"]),
   setup(ee, { expose: ge, emit: Ce }) {
-    const i = ee, z = Ce, p = w(() => i.multiple || i.multipleCheckbox), X = b(null), K = b(null), P = b(null), C = b(null), G = b(null), c = b(), I = Pe(ee, "filter"), E = b(null), A = w(() => i.disabled || i.loading || i.readonly), we = w(() => !i.loading && !i.readonly && !i.disabled && i.clearable && !J(o.value)), o = w({
+    const i = ee, I = Ce, p = w(() => i.multiple || i.multipleCheckbox), X = b(null), K = b(null), P = b(null), C = b(null), G = b(null), c = b(), V = Pe(ee, "filter"), E = b(null), A = w(() => i.disabled || i.loading || i.readonly), we = w(() => !i.loading && !i.readonly && !i.disabled && i.clearable && !J(o.value)), o = w({
       get() {
         return p.value ? i.modelValue ? Array.isArray(i.modelValue) ? i.modelValue : [i.modelValue] : [] : i.modelValue;
       },
       set(e) {
-        z("update:modelValue", e);
+        I("update:modelValue", e);
       }
     }), Oe = w(() => i.options ? new Map(i.options.map((e) => [e, e.label.toLowerCase()])) : /* @__PURE__ */ new Map()), h = w(() => {
       if (!i.options || i.options.length === 0)
         return [];
-      const e = I.value.toLowerCase(), t = I.value !== "", l = new Set(
+      const e = V.value.toLowerCase(), t = V.value !== "", l = new Set(
         p.value && Array.isArray(o.value) ? o.value : []
       ), a = p.value ? null : o.value, r = Oe.value;
       return i.options.filter((u) => {
@@ -109,19 +109,19 @@ const sl = { class: "relative" }, rl = {
         bottomOffset: i.virtualListOffsetBottom || 0,
         overscan: i.virtualListOverscan
       }
-    ), V = w(() => {
+    ), T = w(() => {
       var e;
       return (e = C.value) == null ? void 0 : e.isOpen;
     });
-    D(I, (e) => {
+    D(V, (e) => {
       e && (c.value = void 0, H(-1));
-    }), D(V, (e) => {
+    }), D(T, (e) => {
       e ? (Re(), (p.value || typeof c.value > "u") && H(-1), setTimeout(() => {
         requestAnimationFrame(() => {
           var t;
           ae(c.value || 0), i.filterable && ((t = E.value) == null || t.focus());
         });
-      }, 50)) : (i.filterable && (I.value = ""), z("close"));
+      }, 50), I("open")) : (i.filterable && (V.value = ""), I("close"));
     });
     function Re() {
       if (p.value) {
@@ -180,7 +180,7 @@ const sl = { class: "relative" }, rl = {
               a !== -1 ? o.value.splice(a, 1) : o.value.push(e);
             } else
               o.value = [e];
-            z("update:modelValue", o.value), i.filterable && setTimeout(() => {
+            I("update:modelValue", o.value), i.filterable && setTimeout(() => {
               var a;
               (a = E.value) == null || a.focus();
             });
@@ -199,9 +199,9 @@ const sl = { class: "relative" }, rl = {
       if (e.stopPropagation(), A.value || !Array.isArray(o.value))
         return;
       const l = o.value.indexOf(t);
-      l !== -1 && (o.value.splice(l, 1), z("update:modelValue", o.value));
+      l !== -1 && (o.value.splice(l, 1), I("update:modelValue", o.value));
     }
-    function T(e) {
+    function S(e) {
       var l;
       const t = (l = i.options) == null ? void 0 : l.find((a) => a.value === e);
       return t ? t.label : "";
@@ -215,7 +215,7 @@ const sl = { class: "relative" }, rl = {
       setError: Ve,
       isFocused: Te,
       isInsideForm: Se
-    } = _(i, { focus: se, emit: z, withListeners: !0 }), Be = w(() => {
+    } = _(i, { focus: se, emit: I, withListeners: !0 }), Be = w(() => {
       const { focus: e, blur: t } = n(ne);
       return {
         focus: e,
@@ -223,7 +223,7 @@ const sl = { class: "relative" }, rl = {
       };
     });
     let R = null;
-    D([Te, V], ([e, t]) => {
+    D([Te, T], ([e, t]) => {
       e || t ? R || (R = Xe(document, "keydown", ze)) : R && (R(), R = null);
     }, {
       immediate: !0
@@ -234,13 +234,13 @@ const sl = { class: "relative" }, rl = {
       var t, l, a, r, u;
       if (h.value.length !== 0)
         if (e.code === "ArrowDown") {
-          if (e.preventDefault(), !V.value) {
+          if (e.preventDefault(), !T.value) {
             (t = C.value) == null || t.show();
             return;
           }
           H(c.value, "down");
         } else if (e.code === "ArrowUp") {
-          if (e.preventDefault(), !V.value) {
+          if (e.preventDefault(), !T.value) {
             (l = C.value) == null || l.show();
             return;
           }
@@ -248,7 +248,7 @@ const sl = { class: "relative" }, rl = {
         } else if (e.code === "Enter" || e.code === "Space") {
           if (e.code === "Space" && i.filterable)
             return;
-          if (e.preventDefault(), e.stopPropagation(), !V.value) {
+          if (e.preventDefault(), e.stopPropagation(), !T.value) {
             (a = C.value) == null || a.show();
             return;
           }
@@ -257,7 +257,7 @@ const sl = { class: "relative" }, rl = {
             ie(d.value), !d.keepOpenOnClick && (!p.value || i.multipleCheckbox) && ((r = C.value) == null || r.hide());
           }
         } else
-          e.code === "Tab" && V.value && (e.preventDefault(), (u = C.value) == null || u.hide(), i.native || Z(() => {
+          e.code === "Tab" && T.value && (e.preventDefault(), (u = C.value) == null || u.hide(), i.native || Z(() => {
             var d;
             (d = K.value) == null || d.$el.focus();
           }));
@@ -315,17 +315,17 @@ const sl = { class: "relative" }, rl = {
             J(o.value) ? (s(), f(O, { key: 1 }, [
               e.placeholder ? (s(), f("div", rl, g(e.placeholder), 1)) : (s(), f("div", nl, " "))
             ], 64)) : (s(), f(O, { key: 0 }, [
-              S(g(T(o.value)), 1)
+              B(g(S(o.value)), 1)
             ], 64))
           ], 2)) : (s(), f(O, { key: 1 }, [
-            B(ye, {
+            z(ye, {
               ref_key: "popoverRef",
               ref: C,
               disabled: A.value,
               placement: e.placement
             }, {
               content: m(() => [
-                B(be, {
+                z(be, {
                   class: k(n(y).content)
                 }, {
                   default: m(() => [
@@ -334,11 +334,11 @@ const sl = { class: "relative" }, rl = {
                         key: 0,
                         class: k(n(y).search)
                       }, [
-                        B(il, {
+                        z(il, {
                           ref_key: "filterRef",
                           ref: E,
-                          modelValue: I.value,
-                          "onUpdate:modelValue": t[2] || (t[2] = (l) => I.value = l),
+                          modelValue: V.value,
+                          "onUpdate:modelValue": t[2] || (t[2] = (l) => V.value = l),
                           placeholder: e.filterPlaceholder,
                           "skip-form-registry": "",
                           "data-1p-ignore": "",
@@ -380,7 +380,7 @@ const sl = { class: "relative" }, rl = {
                               $(e.$slots, "prefix", {
                                 item: l.data
                               }, () => [
-                                S(g(l.data.prefix), 1)
+                                B(g(l.data.prefix), 1)
                               ])
                             ]),
                             key: "0"
@@ -391,7 +391,7 @@ const sl = { class: "relative" }, rl = {
                               $(e.$slots, "suffix", {
                                 item: l.data
                               }, () => [
-                                S(g(l.data.suffix), 1)
+                                B(g(l.data.suffix), 1)
                               ])
                             ]),
                             key: "1"
@@ -410,7 +410,7 @@ const sl = { class: "relative" }, rl = {
                   popover: C.value,
                   selected: o.value,
                   disabled: A.value,
-                  label: T(o.value)
+                  label: S(o.value)
                 }, () => [
                   F("div", {
                     class: k([n(y).box])
@@ -446,7 +446,7 @@ const sl = { class: "relative" }, rl = {
                             ];
                           }),
                           default: m(() => [
-                            S(" " + g(T(l)), 1)
+                            B(" " + g(S(l)), 1)
                           ]),
                           _: 2
                         }, 1032, ["outlined", "disabled", "style", "onRemove"]);
@@ -461,8 +461,8 @@ const sl = { class: "relative" }, rl = {
                           return (a = de.value) == null ? void 0 : a.toggle();
                         }, ["stop"]))
                       }, "+" + g(q.value), 3)) : L("", !0)
-                    ], 2)) : !p.value && !J(o.value) && T(o.value) !== "" ? (s(), f(O, { key: 1 }, [
-                      S(g(T(o.value)), 1)
+                    ], 2)) : !p.value && !J(o.value) && S(o.value) !== "" ? (s(), f(O, { key: 1 }, [
+                      B(g(S(o.value)), 1)
                     ], 64)) : (s(), f(O, { key: 2 }, [
                       e.placeholder ? (s(), f("div", ul, g(e.placeholder), 1)) : (s(), f("div", dl, " "))
                     ], 64))
@@ -481,7 +481,7 @@ const sl = { class: "relative" }, rl = {
               placement: "auto-start"
             }, {
               content: m(() => [
-                B(be, { class: "p-2 flex gap-2 flex-wrap" }, {
+                z(be, { class: "p-2 flex gap-2 flex-wrap" }, {
                   default: m(() => {
                     var l;
                     return [
@@ -506,7 +506,7 @@ const sl = { class: "relative" }, rl = {
                             ];
                           }),
                           default: m(() => [
-                            S(" " + g(T(a)), 1)
+                            B(" " + g(S(a)), 1)
                           ]),
                           _: 2
                         }, 1032, ["outlined", "disabled", "onRemove"]);
@@ -547,7 +547,7 @@ const sl = { class: "relative" }, rl = {
             onClick: t[4] || (t[4] = //@ts-ignore
             (...l) => n(Q) && n(Q)(...l))
           }, [
-            B(me, {
+            z(me, {
               icon: n(Ze),
               class: k([n(y).icon, "cursor-pointer"])
             }, null, 8, ["icon", "class"])
@@ -560,7 +560,7 @@ const sl = { class: "relative" }, rl = {
               key: 0,
               size: e.size
             }, null, 8, ["size"])) : $(e.$slots, "icon", { key: 1 }, () => [
-              B(me, {
+              z(me, {
                 icon: n(_e),
                 class: k(n(y).icon)
               }, null, 8, ["icon", "class"])

package/lib/components/table/Table.vue.js

@@ -53,7 +53,7 @@ const be = { key: 1 }, we = ["colspan"], Se = { key: 2 }, $e = ["colspan"], Ce =
   },
   virtualListOverscan: {
     type: Number,
-    default: 5
+    default: 10
   },
   keyProp: String,
   selectable: Boolean,

package/lib/composables/useVirtualList.d.ts

@@ -14,7 +14,7 @@ export type UseVirtualListOptions = {
     /**
      * the extra buffer items outside of the view area
      *
-     * @default 5
+     * @default 10
      */
     overscan?: number;
 };

package/lib/index.d.ts

@@ -3,6 +3,7 @@ export { default as version } from './version';
 export * from './components';
 export * from './composables';
 export * from './themes';
+export * from './virtual';
 export type { UITheme, ComponentThemes } from './theme';
 export { default as createUI, type UIOptions } from './create';
 export { default } from './install';