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

Comparing version 0.0.17 to 0.0.18

dist/select.js

 import { ref as c, computed as L, openBlock as n, createElementBlock as i, normalizeClass as x, unref as a, withDirectives as M, createElementVNode as m, isRef as B, createVNode as p, withCtx as C, Fragment as h, renderList as V, toDisplayString as A, createCommentVNode as v, vModelSelect as O, createBlock as D } from "vue";
-import { a as F, u as G, c as N } from "./index-Ci4F7pjy.js";
+import { b as F, u as G, c as N } from "./index-CwtlZ_c1.js";
 import { _ as R } from "./Label-eedKib_X.js";
@@ -4,0 +4,0 @@ import { _ as T } from "./InfoIcon-B2j-ihXV.js";

dist/select2.js

 import { ref as w, computed as S, inject as X, watchEffect as W, onMounted as H, cloneVNode as Ee, h as Y, Fragment as J, defineComponent as C, provide as ce, watch as ve, onUnmounted as fe, nextTick as F, toRaw as D, openBlock as N, createElementBlock as V, normalizeClass as G, unref as T, createVNode as M, isRef as $e, withCtx as B, createElementVNode as R, toDisplayString as ne, Transition as ke, renderList as Pe, createBlock as oe, renderSlot as De, createCommentVNode as z } from "vue";
 import { _ as je } from "./Label-eedKib_X.js";
-import { u as Te } from "./index-Ci4F7pjy.js";
+import { u as Te } from "./index-CwtlZ_c1.js";
 import { _ as Re } from "./InfoIcon-B2j-ihXV.js";
@@ -5,0 +5,0 @@ function Ae(e, n, l) {

dist/text.js

 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-Ci4F7pjy.js";
+import { u as E } from "./index-CwtlZ_c1.js";
 import { _ as b } from "./Label-eedKib_X.js";
@@ -4,0 +4,0 @@ import { _ as w } from "./InfoIcon-B2j-ihXV.js";

dist/textarea.js

@@ -1,6 +0,6 @@
-import { ref as t, openBlock as f, createElementBlock as m, normalizeClass as p, unref as a, withDirectives as c, createElementVNode as g, isRef as y, vModelText as v, createVNode as V, createBlock as k, createCommentVNode as E, renderSlot as b } from "vue";
-import { _ as w } from "./Label-eedKib_X.js";
-import { u as M } from "./index-Ci4F7pjy.js";
-import { _ as S } from "./InfoIcon-B2j-ihXV.js";
-const F = {
+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 { _ as N } from "./InfoIcon-B2j-ihXV.js";
+const P = ["rows", "maxlength", "disabled"], $ = {
   __name: "Textarea",
@@ -32,39 +32,84 @@ props: {
       validator: (e) => ["floating-field", "floating-default"].includes(e)
+    },
+    rows: {
+      type: Number,
+      default: 3
+    },
+    maxRows: {
+      type: Number,
+      default: null
+    },
+    disablePaste: {
+      type: Boolean,
+      default: !1
+    },
+    maxLength: {
+      type: Number,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    autoSize: {
+      type: Boolean,
+      default: !1
+    },
+    resize: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const n = t(null), o = t(null);
-    t(null);
-    const l = M(e, "modelValue", r);
-    return (d, i) => {
-      var u;
-      return f(), m("div", {
+  setup(e, { emit: m }) {
+    const f = i(null);
+    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 });
+    function c(l) {
+      if (t.maxRows === null)
+        return;
+      const n = (l.target.value.match(/\n/g) || []).length + 1;
+      l.which === 13 && n >= 5 && l.preventDefault();
+    }
+    function g(l) {
+      (t.disablePaste || t.maxRows !== null) && l.preventDefault();
+    }
+    return (l, s) => {
+      var n;
+      return r(), y("div", {
         ref_key: "wrapperEl",
-        ref: n,
+        ref: f,
         class: p([
-          ((u = a(l)) == null ? void 0 : u.length) === 0 ? "empty" : "has-content",
+          ((n = u(a)) == null ? void 0 : n.length) === 0 ? "empty" : "has-content",
           e.layout === "floating-field" ? "floating-field" : "floating-default",
-          e.info ? "has-info" : void 0
+          e.info ? "has-info" : void 0,
+          e.disabled ? "is-disabled" : void 0,
+          e.resize ? "has-resize" : void 0
         ])
       }, [
-        c(g("textarea", {
+        b(w("textarea", {
           class: "input",
           placeholder: " ",
-          "onUpdate:modelValue": i[0] || (i[0] = (s) => y(l) ? l.value = s : null),
-          ref_key: "inputEl",
-          ref: o
-        }, null, 512), [
-          [v, a(l)]
+          "onUpdate:modelValue": s[0] || (s[0] = (d) => x(a) ? a.value = d : null),
+          ref_key: "textarea",
+          ref: o,
+          rows: e.rows,
+          maxlength: e.maxLength,
+          disabled: e.disabled,
+          onKeypress: c,
+          onPaste: g
+        }, null, 40, P), [
+          [h, u(a)]
         ]),
-        V(w, { label: e.label }, null, 8, ["label"]),
-        e.info ? (f(), k(S, {
+        v(R, { label: e.label }, null, 8, ["label"]),
+        e.info ? (r(), V(N, {
           key: 0,
           info: e.info,
           "input-el": o.value,
-          "wrapper-el": n.value,
-          value: a(l),
+          "wrapper-el": f.value,
+          value: u(a),
           message: e.infoMessage
-        }, null, 8, ["info", "input-el", "wrapper-el", "value", "message"])) : E("", !0),
-        b(d.$slots, "default")
+        }, null, 8, ["info", "input-el", "wrapper-el", "value", "message"])) : z("", !0),
+        B(l.$slots, "default")
       ], 2);
@@ -75,3 +120,3 @@ };
 export {
-  F as default
+  $ as default
 };

dist/toggle.js

 import { ref as a, openBlock as r, createElementBlock as m, normalizeClass as p, unref as o, createElementVNode as n, withDirectives as y, isRef as g, vModelCheckbox as v, toDisplayString as V, createBlock as k, createCommentVNode as h } from "vue";
-import { u as b } from "./index-Ci4F7pjy.js";
+import { u as b } from "./index-CwtlZ_c1.js";
 import { _ as w } from "./InfoIcon-B2j-ihXV.js";
@@ -4,0 +4,0 @@ const x = ["value"], B = /* @__PURE__ */ n("div", { class: "" }, null, -1), E = { class: "ml-2" }, F = {

package.json

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

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

134039

increased by3.57%

Lines of code

2205

increased by4.6%

No dependency changes