@indielayer/ui 1.15.3 → 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.d.ts

@@ -300,6 +300,8 @@ declare const _default: <T>(__VLS_props: Partial<{
         item: number;
     }) => any>> & Partial<Record<string, (_: {
         item: T;
+    }) => any>> & Partial<Record<string, (_: {
+        header: TableHeader;
     }) => any>> & {
         title?(_: {}): any;
         actions?(_: {}): any;
@@ -308,6 +310,7 @@ declare const _default: <T>(__VLS_props: Partial<{
         "expanded-row"?(_: {
             item: T;
         }): any;
+        footer?(_: {}): any;
     };
     emit: {
         (e: 'update:sort', sortValues: string[]): void;
@@ -432,6 +435,8 @@ declare const _default: <T>(__VLS_props: Partial<{
         item: number;
     }) => any>> & Partial<Record<string, (_: {
         item: T;
+    }) => any>> & Partial<Record<string, (_: {
+        header: TableHeader;
     }) => any>> & {
         title?(_: {}): any;
         actions?(_: {}): any;
@@ -440,6 +445,7 @@ declare const _default: <T>(__VLS_props: Partial<{
         "expanded-row"?(_: {
             item: T;
         }): any;
+        footer?(_: {}): any;
     };
     emit: {
         (e: 'update:sort', sortValues: string[]): void;
@@ -567,6 +573,8 @@ declare const _default: <T>(__VLS_props: Partial<{
             item: number;
         }) => any>> & Partial<Record<string, (_: {
             item: T;
+        }) => any>> & Partial<Record<string, (_: {
+            header: TableHeader;
         }) => any>> & {
             title?(_: {}): any;
             actions?(_: {}): any;
@@ -575,6 +583,7 @@ declare const _default: <T>(__VLS_props: Partial<{
             "expanded-row"?(_: {
                 item: T;
             }): any;
+            footer?(_: {}): any;
         };
         emit: {
             (e: 'update:sort', sortValues: string[]): void;