llnet-vue-floating-form - npm Package Compare versions

Comparing version 0.0.23 to 0.0.25

dist/number.js

@@ -1,5 +0,5 @@
-import { ref as i, computed as c, openBlock as d, createElementBlock as g, normalizeClass as y, withDirectives as v, createElementVNode as b, mergeProps as V, vModelText as N, createVNode as M, createBlock as k, createCommentVNode as E } from "vue";
-import { _ as w } from "./Label-eedKib_X.js";
-import { _ as S } from "./InfoIcon-B2j-ihXV.js";
-const h = {
+import { ref as i, computed as c, openBlock as d, createElementBlock as g, normalizeClass as y, withDirectives as v, createElementVNode as b, mergeProps as V, vModelText as N, createVNode as M, createBlock as S, createCommentVNode as h } from "vue";
+import { _ as k } from "./Label-eedKib_X.js";
+import { _ as E } from "./InfoIcon-B2j-ihXV.js";
+const w = ["placeholder"], C = {
   __name: "Number",
@@ -36,2 +36,6 @@ props: {
       default: ""
+    },
+    placeholder: {
+      type: String,
+      default: void 0
     }
@@ -58,3 +62,3 @@ },
         class: y([
-          ((f = n.value) == null ? void 0 : f.length) === 0 ? "empty" : "has-content",
+          (((f = n.value) == null ? void 0 : f.toString().length) ?? 0) === 0 ? "empty" : "has-content",
           l.layout === "floating-field" ? "floating-field" : "floating-default",
@@ -69,3 +73,3 @@ l.info ? "has-info" : void 0
           class: "input",
-          placeholder: " ",
+          placeholder: l.placeholder,
           "onUpdate:modelValue": a[0] || (a[0] = (o) => n.value = o)
@@ -75,7 +79,7 @@ }, l.modelModifiers, {
           inputmode: "numeric"
-        }), null, 16), [
+        }), null, 16, w), [
           [N, n.value]
         ]),
-        M(w, { label: l.label }, null, 8, ["label"]),
-        l.info ? (d(), k(S, {
+        M(k, { label: l.label }, null, 8, ["label"]),
+        l.info ? (d(), S(E, {
           key: 0,
@@ -87,3 +91,3 @@ info: l.info,
           message: l.infoMessage
-        }, null, 8, ["info", "input-el", "wrapper-el", "value", "message"])) : E("", !0)
+        }, null, 8, ["info", "input-el", "wrapper-el", "value", "message"])) : h("", !0)
       ], 2);
@@ -94,3 +98,3 @@ };
 export {
-  h as default
+  C as default
 };

dist/text.js

@@ -1,6 +0,6 @@
-import { ref as t, openBlock as f, createElementBlock as s, normalizeClass as m, unref as a, withDirectives as p, createElementVNode as c, isRef as g, vModelText as y, createVNode as v, createBlock as V, createCommentVNode as k } from "vue";
-import { u as E } from "./index-CwtlZ_c1.js";
-import { _ as b } from "./Label-eedKib_X.js";
-import { _ as w } from "./InfoIcon-B2j-ihXV.js";
-const F = {
+import { ref as o, computed as v, openBlock as u, createElementBlock as r, Fragment as h, createElementVNode as S, normalizeClass as w, unref as d, withDirectives as E, isRef as x, vModelText as F, createVNode as M, createBlock as A, createCommentVNode as V, renderList as L } from "vue";
+import { u as N } from "./index-CwtlZ_c1.js";
+import { _ as $ } from "./Label-eedKib_X.js";
+import { _ as B } from "./InfoIcon-B2j-ihXV.js";
+const C = ["placeholder", "list"], j = ["id"], D = ["value"], z = {
   __name: "Text",
@@ -32,40 +32,70 @@ props: {
       default: ""
+    },
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    list: {
+      type: [String, Array],
+      default: void 0
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const n = t(null), i = t(null);
-    t(null);
-    const l = E(e, "modelValue", r);
-    return (h, o) => {
-      var u;
-      return f(), s("div", {
-        class: m([
-          ((u = a(l)) == null ? void 0 : u.length) === 0 ? "empty" : "has-content",
-          e.layout === "floating-field" ? "floating-field" : "floating-default",
-          e.info ? "has-info" : void 0
-        ]),
-        ref_key: "wrapperEl",
-        ref: n
-      }, [
-        p(c("input", {
-          ref_key: "inputEl",
-          ref: i,
-          type: "text",
-          class: "input",
-          placeholder: " ",
-          "onUpdate:modelValue": o[0] || (o[0] = (d) => g(l) ? l.value = d : null)
-        }, null, 512), [
-          [y, a(l)]
-        ]),
-        v(b, { label: e.label }, null, 8, ["label"]),
-        e.info ? (f(), V(w, {
+  setup(e, { emit: k }) {
+    const f = o(null), c = o(null);
+    o(null);
+    const s = o(!1), l = e, i = N(l, "modelValue", k), m = v(() => l.list !== void 0 && typeof l.list == "object" && Array.isArray(l.list) ? l.list : []);
+    function b(g) {
+      const n = JSON.stringify(g);
+      let a = 0, t, y;
+      for (t = 0; t < n.length; t++)
+        y = n.charCodeAt(t), a = (a << 5) - a + y, a |= 0;
+      return a.toString();
+    }
+    const p = v(() => {
+      if (l.list !== void 0)
+        return typeof l.list == "string" ? l.list : "datalist_" + b(l.list);
+    });
+    return (g, n) => {
+      var a;
+      return u(), r(h, null, [
+        S("div", {
+          class: w([
+            ((a = d(i)) == null ? void 0 : a.length) === 0 ? "empty" : "has-content",
+            e.layout === "floating-field" ? "floating-field" : "floating-default",
+            e.info ? "has-info" : void 0
+          ]),
+          ref_key: "wrapperEl",
+          ref: f
+        }, [
+          E(S("input", {
+            ref_key: "inputEl",
+            ref: c,
+            type: "text",
+            class: "input",
+            placeholder: e.placeholder,
+            list: p.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (t) => x(i) ? i.value = t : null),
+            onFocusin: n[1] || (n[1] = (t) => s.value = !0),
+            onFocusout: n[2] || (n[2] = (t) => s.value = !1)
+          }, null, 40, C), [
+            [F, d(i)]
+          ]),
+          M($, { label: e.label }, null, 8, ["label"]),
+          e.info ? (u(), A(B, {
+            key: 0,
+            info: e.info,
+            "input-el": c.value,
+            "wrapper-el": f.value,
+            value: d(i),
+            message: e.infoMessage
+          }, null, 8, ["info", "input-el", "wrapper-el", "value", "message"])) : V("", !0)
+        ], 2),
+        s.value && m.value.length > 0 ? (u(), r("datalist", {
           key: 0,
-          info: e.info,
-          "input-el": i.value,
-          "wrapper-el": n.value,
-          value: a(l),
-          message: e.infoMessage
-        }, null, 8, ["info", "input-el", "wrapper-el", "value", "message"])) : k("", !0)
-      ], 2);
+          id: p.value
+        }, [
+          (u(!0), r(h, null, L(m.value, (t) => (u(), r("option", { value: t }, null, 8, D))), 256))
+        ], 8, j)) : V("", !0)
+      ], 64);
     };
@@ -75,3 +105,3 @@ }
 export {
-  F as default
+  z as default
 };

dist/textarea.js

@@ -1,6 +0,6 @@
-import { ref as i, openBlock as r, createElementBlock as y, normalizeClass as p, unref as u, withDirectives as b, createElementVNode as w, isRef as x, vModelText as h, createVNode as v, createBlock as V, createCommentVNode as z, renderSlot as B } from "vue";
-import { _ as R } from "./Label-eedKib_X.js";
-import { u as S, a as k } from "./index-CwtlZ_c1.js";
+import { ref as i, openBlock as r, createElementBlock as p, normalizeClass as y, unref as u, withDirectives as h, createElementVNode as b, isRef as w, vModelText as x, createVNode as v, createBlock as S, createCommentVNode as V, renderSlot as z } from "vue";
+import { _ as B } from "./Label-eedKib_X.js";
+import { u as R, a as k } from "./index-CwtlZ_c1.js";
 import { _ as N } from "./InfoIcon-B2j-ihXV.js";
-const P = ["rows", "maxlength", "disabled"], $ = {
+const P = ["placeholder", "rows", "maxlength", "disabled"], $ = {
   __name: "Textarea",
@@ -60,2 +60,6 @@ props: {
       default: !1
+    },
+    placeholder: {
+      type: String,
+      default: void 0
     }
@@ -67,6 +71,6 @@ },
     i(null), i(null);
-    const t = e, a = S(t, "modelValue", m), o = i(null);
-    t.autoSize && k({ styleProp: "minHeight", watch: a, props: t, element: o });
+    const a = e, t = R(a, "modelValue", m), o = i(null);
+    a.autoSize && k({ styleProp: "minHeight", watch: t, props: a, element: o });
     function c(l) {
-      if (t.maxRows === null)
+      if (a.maxRows === null)
         return;
@@ -77,11 +81,11 @@ const n = (l.target.value.match(/\n/g) || []).length + 1;
     function g(l) {
-      (t.disablePaste || t.maxRows !== null) && l.preventDefault();
+      (a.disablePaste || a.maxRows !== null) && l.preventDefault();
     }
     return (l, s) => {
       var n;
-      return r(), y("div", {
+      return r(), p("div", {
         ref_key: "wrapperEl",
         ref: f,
-        class: p([
-          ((n = u(a)) == null ? void 0 : n.length) === 0 ? "empty" : "has-content",
+        class: y([
+          ((n = u(t)) == null ? void 0 : n.length) === 0 ? "empty" : "has-content",
           e.layout === "floating-field" ? "floating-field" : "floating-default",
@@ -93,6 +97,6 @@ e.info ? "has-info" : void 0,
       }, [
-        b(w("textarea", {
+        h(b("textarea", {
           class: "input",
-          placeholder: " ",
-          "onUpdate:modelValue": s[0] || (s[0] = (d) => x(a) ? a.value = d : null),
+          placeholder: e.placeholder,
+          "onUpdate:modelValue": s[0] || (s[0] = (d) => w(t) ? t.value = d : null),
           ref_key: "textarea",
@@ -106,6 +110,6 @@ ref: o,
         }, null, 40, P), [
-          [h, u(a)]
+          [x, u(t)]
         ]),
-        v(R, { label: e.label }, null, 8, ["label"]),
-        e.info ? (r(), V(N, {
+        v(B, { label: e.label }, null, 8, ["label"]),
+        e.info ? (r(), S(N, {
           key: 0,
@@ -115,6 +119,6 @@ info: e.info,
           "wrapper-el": f.value,
-          value: u(a),
+          value: u(t),
           message: e.infoMessage
-        }, null, 8, ["info", "input-el", "wrapper-el", "value", "message"])) : z("", !0),
-        B(l.$slots, "default")
+        }, null, 8, ["info", "input-el", "wrapper-el", "value", "message"])) : V("", !0),
+        z(l.$slots, "default")
       ], 2);
@@ -121,0 +125,0 @@ };

package.json

 {
   "name": "llnet-vue-floating-form",
   "private": false,
-  "version": "0.0.23",
+  "version": "0.0.25",
   "type": "module",
@@ -6,0 +6,0 @@ "author": "LLNet",

No alert changes

Improved metrics

Total package byte prevSize

170931

increased by1.56%

Lines of code

2560

increased by1.99%

No dependency changes