vlite3 1.0.4 → 1.0.6

package/components/NumberInput.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as K, ref as g, watch as R, computed as a, openBlock as c, createElementBlock as m, normalizeClass as o, createVNode as x, createCommentVNode as h, createElementVNode as y, withKeys as p, withModifiers as k } from "vue";
-import f from "./Icon.vue.js";
-const E = ["disabled"], q = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "onKeydown"], L = ["disabled"], M = {
+import { defineComponent as E, ref as k, watch as q, computed as i, onBeforeUnmount as L, openBlock as b, createElementBlock as h, normalizeClass as r, withModifiers as a, createVNode as p, createCommentVNode as N, createElementVNode as P, withKeys as z } from "vue";
+import w from "./Icon.vue.js";
+const M = ["disabled"], U = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "onKeydown"], $ = ["disabled"], A = {
   key: 2,
   class: "flex flex-col h-full border-l border-input"
-}, $ = ["disabled"], A = ["disabled"], H = /* @__PURE__ */ K({
+}, D = ["disabled"], G = ["disabled"], O = /* @__PURE__ */ E({
   __name: "NumberInput",
   props: {
     modelValue: { default: void 0 },
@@ -21,24 +21,24 @@ const E = ["disabled"], q = ["value", "min", "max", "step", "placeholder", "disa
     rounded: { default: "md" }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(e, { emit: N }) {
-    const l = e, s = N, d = g(l.modelValue ?? "");
-    R(
-      () => l.modelValue,
-      (t) => {
-        t !== void 0 && (d.value = t);
+  setup(t, { emit: V }) {
+    const n = t, m = V, d = k(n.modelValue ?? "");
+    q(
+      () => n.modelValue,
+      (l) => {
+        l !== void 0 && (d.value = l);
       }
     );
-    const z = g(null), r = a(() => {
-      const t = {
+    const B = k(null), c = i(() => {
+      const l = {
         xs: { h: "h-7", text: "text-xs", px: "px-2", icon: "w-3 h-3" },
         sm: { h: "h-8", text: "text-xs", px: "px-2", icon: "w-3.5 h-3.5" },
         md: { h: "h-9", text: "text-sm", px: "px-3", icon: "w-4 h-4" },
         lg: { h: "h-10", text: "text-sm", px: "px-4", icon: "w-5 h-5" },
         xl: { h: "h-12", text: "text-lg", px: "px-5", icon: "w-6 h-6" }
       };
-      return t[l.size] || t.md;
-    }), C = a(() => ({
+      return l[n.size] || l.md;
+    }), I = i(() => ({
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -46,7 +46,7 @@ const E = ["disabled"], q = ["value", "min", "max", "step", "placeholder", "disa
       xl: "rounded-xl",
       "2xl": "rounded-2xl",
       full: "rounded-full"
-    })[l.rounded] || "rounded-md"), V = a(() => ({
+    })[n.rounded] || "rounded-md"), S = i(() => ({
       none: "rounded-l-none",
       sm: "rounded-l-sm",
       md: "rounded-l-md",
@@ -54,7 +54,7 @@ const E = ["disabled"], q = ["value", "min", "max", "step", "placeholder", "disa
       xl: "rounded-l-xl",
       "2xl": "rounded-l-2xl",
       full: "rounded-l-full"
-    })[l.rounded] || "rounded-l-md"), B = a(() => ({
+    })[n.rounded] || "rounded-l-md"), j = i(() => ({
       none: "rounded-r-none",
       sm: "rounded-r-sm",
       md: "rounded-r-md",
@@ -62,131 +62,171 @@ const E = ["disabled"], q = ["value", "min", "max", "step", "placeholder", "disa
       xl: "rounded-r-xl",
       "2xl": "rounded-r-2xl",
       full: "rounded-r-full"
-    })[l.rounded] || "rounded-r-md"), S = a(() => [
+    })[n.rounded] || "rounded-r-md"), F = i(() => [
       "flex items-center w-full relative transition-all duration-200",
-      l.disabled ? "opacity-50 cursor-not-allowed" : "",
-      l.mode === "solid" ? "bg-muted" : "",
-      l.mode === "outline" ? "border border-input bg-background" : "",
-      l.mode === "ghost" ? "bg-transparent" : "",
-      r.value.h,
-      C.value
-    ]), j = a(() => [
+      n.disabled ? "opacity-50 cursor-not-allowed" : "",
+      n.mode === "solid" ? "bg-muted" : "",
+      n.mode === "outline" ? "border border-input bg-background" : "",
+      n.mode === "ghost" ? "bg-transparent" : "",
+      c.value.h,
+      I.value
+    ]), K = i(() => [
       "flex-1 w-full bg-transparent focus:outline-none appearance-none",
-      l.variant === "split" ? "text-center" : "text-left pl-3",
+      n.variant === "split" ? "text-center" : "text-left pl-3",
       "placeholder:text-muted-foreground/50",
-      r.value.text,
-      l.disabled ? "cursor-not-allowed" : ""
-    ]), w = a(() => {
-      const t = "flex items-center justify-center transition-colors active:scale-95 shrink-0 select-none", n = l.disabled ? "" : "hover:text-primary hover:bg-muted/50";
-      return l.size === "xs" || l.size, l.variant === "split" ? l.mode === "solid" ? [
-        t,
-        l.disabled ? "" : "hover:text-primary hover:bg-background/80",
+      c.value.text,
+      n.disabled ? "cursor-not-allowed" : ""
+    ]), C = i(() => {
+      const l = "flex items-center justify-center transition-colors active:scale-95 shrink-0 select-none", e = n.disabled ? "" : "hover:text-primary hover:bg-muted/50";
+      return n.size === "xs" || n.size, n.variant === "split" ? n.mode === "solid" ? [
+        l,
+        n.disabled ? "" : "hover:text-primary hover:bg-background/80",
         "bg-background shadow-sm rounded-full mx-1 my-0.5 aspect-square self-center h-[calc(100%-12px)] w-auto max-w-[calc(100%-12px)] flex items-center justify-center"
-      ] : [t, n, "h-full", "px-2"] : [t, n, "h-1/2 w-8 border-l border-input/50"];
-    }), u = (t) => {
-      if (l.disabled || l.readonly) return;
-      let n = t;
-      l.min !== void 0 && n < l.min && (n = l.min), l.max !== void 0 && n > l.max && (n = l.max), d.value = n, s("update:modelValue", n), s("change", n);
-    }, b = () => {
-      const t = Number(d.value) || 0;
-      u(t + l.step);
-    }, v = () => {
-      const t = Number(d.value) || 0;
-      u(t - l.step);
-    }, F = (t) => {
-      const n = t.target, i = parseFloat(n.value);
-      if (isNaN(i)) {
-        d.value = n.value;
+      ] : [l, e, "h-full", "px-2"] : [l, e, "h-1/2 w-8 border-l border-input/50"];
+    }), s = (l) => {
+      if (n.disabled || n.readonly) return;
+      let e = l;
+      n.min !== void 0 && e < n.min && (e = n.min), n.max !== void 0 && e > n.max && (e = n.max), d.value = e, m("update:modelValue", e), m("change", e);
+    };
+    let x = null, f = null;
+    const o = () => {
+      x && clearTimeout(x), f && clearInterval(f), x = null, f = null;
+    }, y = () => {
+      if (n.disabled || n.readonly || n.max !== void 0 && Number(d.value) >= n.max) {
+        o();
+        return;
+      }
+      const l = Number(d.value) || 0;
+      s(l + n.step);
+    }, g = () => {
+      if (n.disabled || n.readonly || n.min !== void 0 && Number(d.value) <= n.min) {
+        o();
+        return;
+      }
+      const l = Number(d.value) || 0;
+      s(l - n.step);
+    }, v = (l, e) => {
+      e.button !== 0 && e.pointerType === "mouse" || (o(), l === "inc" ? y() : g(), x = setTimeout(() => {
+        f = setInterval(() => {
+          l === "inc" ? y() : g();
+        }, 50);
+      }, 400));
+    }, R = (l) => {
+      const e = l.target, u = parseFloat(e.value);
+      if (isNaN(u)) {
+        d.value = e.value;
         return;
       }
-      u(i);
-    }, I = (t) => {
-      s("blur", t);
-      const n = parseFloat(String(d.value));
-      isNaN(n) ? u(l.min || 0) : u(n);
+      s(u);
+    }, T = (l) => {
+      m("blur", l);
+      const e = parseFloat(String(d.value));
+      isNaN(e) ? s(n.min || 0) : s(e);
     };
-    return (t, n) => (c(), m("div", {
-      class: o([S.value, "overflow-hidden"])
+    return L(() => {
+      o();
+    }), (l, e) => (b(), h("div", {
+      class: r([F.value, "overflow-hidden"])
     }, [
-      e.variant === "split" ? (c(), m("button", {
+      t.variant === "split" ? (b(), h("button", {
         key: 0,
         type: "button",
-        class: o([
-          w.value,
-          e.mode === "outline" ? "border-r border-input" : "",
-          e.variant === "split" && e.mode !== "solid" ? V.value : ""
+        class: r([
+          C.value,
+          t.mode === "outline" ? "border-r border-input" : "",
+          t.variant === "split" && t.mode !== "solid" ? S.value : ""
         ]),
-        disabled: e.disabled || e.min !== void 0 && Number(d.value) <= e.min,
-        onClick: v
+        disabled: t.disabled || t.min !== void 0 && Number(d.value) <= t.min,
+        onPointerdown: e[0] || (e[0] = (u) => v("dec", u)),
+        onPointerup: o,
+        onPointerleave: o,
+        onPointercancel: o,
+        onContextmenu: e[1] || (e[1] = a(() => {
+        }, ["prevent"]))
       }, [
-        x(f, {
+        p(w, {
           icon: "lucide:minus",
-          class: o(r.value.icon)
+          class: r(c.value.icon)
         }, null, 8, ["class"])
-      ], 10, E)) : h("", !0),
-      y("input", {
+      ], 42, M)) : N("", !0),
+      P("input", {
         ref_key: "inputRef",
-        ref: z,
+        ref: B,
         type: "number",
         value: d.value,
-        min: e.min,
-        max: e.max,
-        step: e.step,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        readonly: e.readonly,
-        class: o(j.value),
-        onInput: F,
-        onFocus: n[0] || (n[0] = (i) => s("focus", i)),
-        onBlur: I,
+        min: t.min,
+        max: t.max,
+        step: t.step,
+        placeholder: t.placeholder,
+        disabled: t.disabled,
+        readonly: t.readonly,
+        class: r(K.value),
+        onInput: R,
+        onFocus: e[2] || (e[2] = (u) => m("focus", u)),
+        onBlur: T,
         onKeydown: [
-          p(k(b, ["prevent"]), ["up"]),
-          p(k(v, ["prevent"]), ["down"])
+          z(a(y, ["prevent"]), ["up"]),
+          z(a(g, ["prevent"]), ["down"])
         ]
-      }, null, 42, q),
-      e.variant === "split" ? (c(), m("button", {
+      }, null, 42, U),
+      t.variant === "split" ? (b(), h("button", {
         key: 1,
         type: "button",
-        class: o([
-          w.value,
-          e.mode === "outline" ? "border-l border-input" : "",
-          e.variant === "split" && e.mode !== "solid" ? B.value : ""
+        class: r([
+          C.value,
+          t.mode === "outline" ? "border-l border-input" : "",
+          t.variant === "split" && t.mode !== "solid" ? j.value : ""
         ]),
-        disabled: e.disabled || e.max !== void 0 && Number(d.value) >= e.max,
-        onClick: b
+        disabled: t.disabled || t.max !== void 0 && Number(d.value) >= t.max,
+        onPointerdown: e[3] || (e[3] = (u) => v("inc", u)),
+        onPointerup: o,
+        onPointerleave: o,
+        onPointercancel: o,
+        onContextmenu: e[4] || (e[4] = a(() => {
+        }, ["prevent"]))
       }, [
-        x(f, {
+        p(w, {
           icon: "lucide:plus",
-          class: o(r.value.icon)
+          class: r(c.value.icon)
         }, null, 8, ["class"])
-      ], 10, L)) : h("", !0),
-      e.variant === "stacked" ? (c(), m("div", M, [
-        y("button", {
+      ], 42, $)) : N("", !0),
+      t.variant === "stacked" ? (b(), h("div", A, [
+        P("button", {
           type: "button",
           class: "flex-1 flex items-center justify-center hover:bg-muted/50 w-8 border-b border-input",
-          disabled: e.disabled || e.max !== void 0 && Number(d.value) >= e.max,
-          onClick: b
+          disabled: t.disabled || t.max !== void 0 && Number(d.value) >= t.max,
+          onPointerdown: e[5] || (e[5] = (u) => v("inc", u)),
+          onPointerup: o,
+          onPointerleave: o,
+          onPointercancel: o,
+          onContextmenu: e[6] || (e[6] = a(() => {
+          }, ["prevent"]))
         }, [
-          x(f, {
+          p(w, {
             icon: "fluent:chevron-up-20-filled",
-            class: o(e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5")
+            class: r(t.size === "xs" || t.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5")
           }, null, 8, ["class"])
-        ], 8, $),
-        y("button", {
+        ], 40, D),
+        P("button", {
           type: "button",
           class: "flex-1 flex items-center justify-center hover:bg-muted/50 w-8",
-          disabled: e.disabled || e.min !== void 0 && Number(d.value) <= e.min,
-          onClick: v
+          disabled: t.disabled || t.min !== void 0 && Number(d.value) <= t.min,
+          onPointerdown: e[7] || (e[7] = (u) => v("dec", u)),
+          onPointerup: o,
+          onPointerleave: o,
+          onPointercancel: o,
+          onContextmenu: e[8] || (e[8] = a(() => {
+          }, ["prevent"]))
         }, [
-          x(f, {
+          p(w, {
             icon: "fluent:chevron-down-20-filled",
-            class: o(e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5")
+            class: r(t.size === "xs" || t.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5")
           }, null, 8, ["class"])
-        ], 8, A)
-      ])) : h("", !0)
+        ], 40, G)
+      ])) : N("", !0)
     ], 2));
   }
 });
 export {
-  H as default
+  O as default
 };

package/components/Screen/Screen.vue.d.ts

@@ -2,35 +2,17 @@ import { ScreenProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        title?(_: {}): any;
-        description?(_: {}): any;
-        'before-search'?(_: {}): any;
-        actions?(_: {}): any;
-        'after-add'?(_: {}): any;
-        'custom-header'?(_: {}): any;
-        'sub-header'?(_: {}): any;
-        empty?(_: {}): any;
-        table?(_: {
-            data: any[];
-            loading: boolean;
-            selectedRows: any[];
-            delete: (items: any[]) => void;
-            updateSelectedRows: (val: any[]) => any[];
-        }): any;
-        list?(_: {
-            data: any[];
-            loading: boolean;
-            selectedRows: any[];
-            delete: (items: any[]) => void;
-            updateSelectedRows: (val: any[]) => any[];
-        }): any;
-        grid?(_: {
-            data: any[];
-            loading: boolean;
-            selectedRows: any[];
-            delete: (items: any[]) => void;
-            updateSelectedRows: (val: any[]) => any[];
-        }): any;
+        title?(_: any): any;
+        description?(_: any): any;
+        'before-search'?(_: any): any;
+        actions?(_: any): any;
+        'after-add'?(_: any): any;
+        'custom-header'?(_: any): any;
+        'sub-header'?(_: any): any;
+        empty?(_: any): any;
+        table?(_: any): any;
+        list?(_: any): any;
+        grid?(_: any): any;
     };
     refs: {
         importDataRef: {
@@ -143,6 +125,7 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     quickFilters: import('./types').ScreenQuickFilter[];
     quickFilterKey: string;
     quickFilterVariant: import('../Tabes').TabesVariant;
+    skipEmptyViews: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     importDataRef: {
         $: import('vue').ComponentInternalInstance;