@fewangsit/wangsvue-fats 1.0.0-alpha.41 → 1.0.0-alpha.42

package/components/inputbadge/InputBadge-CsdT7M7-.es.js

@@ -0,0 +1,186 @@
+import { defineComponent as O, onMounted as S, reactive as Z, onBeforeUnmount as q, inject as G, ref as B, shallowRef as H, computed as p, watch as _, watchEffect as J, createBlock as y, openBlock as v, withCtx as M, createElementVNode as h, createCommentVNode as x, mergeProps as c, unref as g, createElementBlock as k, Fragment as I, renderList as Q, withModifiers as W, withDirectives as X, createVNode as E, vModelText as Y, createTextVNode as ee, nextTick as ae } from "vue";
+import { u as le } from "../../vendor/vee-validate-RE5RuswC.es.js";
+import { _ as te } from "../badge/Badge-DA-XiE1C.es.js";
+import { _ as oe } from "../fieldwrapper/FieldWrapper-C6HJ2HnC.es.js";
+import { _ as ne } from "../icon/Icon-mDqG7urn.es.js";
+import { _ as ie } from "../overlaypanel/OverlayPanel-DXNek7Yb.es.js";
+import { _ as re } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+import { c as V } from "../../vendor/lodash-es-CJerBxJQ.es.js";
+const ue = ["id", "disabled", "placeholder"], ye = /* @__PURE__ */ O({
+  __name: "InputBadge",
+  props: {
+    type: { default: "text" },
+    modelValue: {},
+    initialValue: {},
+    useValidator: { type: Boolean },
+    existingValues: {},
+    mandatory: { type: Boolean },
+    validatorMessage: {},
+    showValidatorMessage: { type: Boolean, default: !0 },
+    invalid: { type: Boolean },
+    fieldName: { default: "inputBadge" },
+    placeholder: {},
+    disabled: { type: Boolean },
+    label: {},
+    fieldInfo: {},
+    preserveDeletedIndex: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup($, { emit: N }) {
+    const a = $, b = N;
+    S(() => {
+      var e, t;
+      a.useValidator && (Object.assign(
+        l,
+        le(a.fieldName, (n) => ae(() => P(n)))
+      ), (e = a.initialValue) != null && e.length ? l.value = a.initialValue : (t = a.modelValue) != null && t.length && (l.value = a.modelValue));
+    }), q(() => {
+      a.useValidator && l.handleReset();
+    });
+    const f = G("preset", {}).inputbadge, m = B(null), s = B(), o = H(), l = Z({
+      value: a.initialValue ?? a.modelValue ?? []
+    }), D = p(() => {
+      var e;
+      return ((e = a.label) == null ? void 0 : e.toLowerCase) + "-badge-input";
+    }), R = p(() => a.invalid && typeof a.validatorMessage == "string" ? a.validatorMessage : l.errorMessage), L = p(() => a.placeholder ? a.placeholder : a.type === "email" ? "Enter valid email" : "Enter value"), P = (e) => {
+      var t;
+      if (typeof a.validatorMessage == "string" && a.invalid)
+        return a.validatorMessage;
+      if (typeof a.validatorMessage != "string") {
+        const { empty: n, exist: d } = a.validatorMessage ?? {};
+        if (!(e != null && e.length) && a.mandatory)
+          return n ?? !0;
+        if ((t = a.existingValues) != null && t.length || d) {
+          let r = !0;
+          return e.forEach((i) => {
+            const u = e.filter((K) => K === i);
+            (a.existingValues.includes(i) || u.length > 1) && (r = d);
+          }), r;
+        }
+      }
+      return !0;
+    }, C = p(() => {
+      var e;
+      return a.invalid || !!l.errorMessage || !((e = l.value) != null && e.length) && typeof o.value == "string" && !o.value.length;
+    }), U = p(() => {
+      var e, t;
+      return !!((t = (e = l.value) == null ? void 0 : e.filter(Boolean)) != null && t.length);
+    }), F = (e) => /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(e), T = () => {
+      o.value && (l.value = [...l.value ?? [], o.value], o.value = void 0, b("update:modelValue", l.value));
+    }, w = (e) => {
+      if (a.type === "email" && m.value && s.value && o.value && !F(o.value)) {
+        s.value.show(e, m.value);
+        return;
+      }
+      T();
+    }, j = (e) => {
+      var t;
+      (t = l.value) == null || t.splice(e, 1, ...a.preserveDeletedIndex ? [null] : []), l.value = V(l.value);
+    }, A = (e) => {
+      var t, n;
+      e.key === "Backspace" && !o.value && (e.preventDefault(), a.type === "text" ? o.value = (t = l.value) == null ? void 0 : t.pop() : (n = l.value) == null || n.pop(), l.value = V(l.value));
+    }, z = (e, t) => {
+      l.value && e && (l.value[t] = e, l.value = V(l.value), b("update:modelValue", l.value));
+    };
+    return _(
+      () => a.initialValue,
+      (e) => {
+        e && (l.value = e);
+      },
+      { once: !0 }
+    ), _(
+      () => a.modelValue,
+      (e) => {
+        e && (l.value = e);
+      }
+    ), a.preserveDeletedIndex && J(() => {
+      var e, t;
+      (e = l.value) != null && e.length && ((t = l.value) != null && t.every((n) => n == null)) && (l.value = []);
+    }), (e, t) => (v(), y(oe, {
+      info: e.fieldInfo,
+      label: a.label,
+      mandatory: a.mandatory
+    }, {
+      default: M(() => {
+        var n, d;
+        return [
+          h("div", c((n = g(f)) == null ? void 0 : n.root({ context: { invalidInput: C.value, disabled: e.disabled } }), {
+            "data-wv-name": "inputbadge",
+            "data-wv-section": "root"
+          }), [
+            (v(!0), k(I, null, Q(l.value, (r, i) => (v(), k(I, { key: r }, [
+              r ? (v(), y(te, {
+                key: 0,
+                label: r,
+                onRemove: () => {
+                  var u;
+                  (u = m.value) == null || u.focus(), j(i);
+                },
+                "onUpdate:label": (u) => z(u, i),
+                editable: "",
+                format: "nowrap",
+                removable: "",
+                severity: "dark"
+              }, null, 8, ["label", "onRemove", "onUpdate:label"])) : x("", !0)
+            ], 64))), 128)),
+            h("form", {
+              onSubmit: W(w, ["prevent"]),
+              class: "flex-1",
+              "data-wv-section": "form-input"
+            }, [
+              X(h("input", c(
+                {
+                  id: D.value,
+                  ref_key: "badgeInput",
+                  ref: m,
+                  "onUpdate:modelValue": t[0] || (t[0] = (r) => o.value = r)
+                },
+                (d = g(f)) == null ? void 0 : d.input({
+                  context: { disabled: e.disabled, value: l.value, showPlaceholder: U.value },
+                  parent: e.$parent,
+                  props: a
+                }),
+                {
+                  disabled: e.disabled,
+                  placeholder: L.value,
+                  onBlur: w,
+                  onFocus: t[1] || (t[1] = (r) => {
+                    var i;
+                    return (i = s.value) == null ? void 0 : i.hide();
+                  }),
+                  onInput: t[2] || (t[2] = (r) => {
+                    var i;
+                    return (i = s.value) == null ? void 0 : i.hide();
+                  }),
+                  onKeydown: A,
+                  "data-wv-section": "input",
+                  type: "text"
+                }
+              ), null, 16, ue), [
+                [Y, o.value]
+              ]),
+              E(ie, c({
+                ref_key: "op",
+                ref: s
+              }, g(f).erroroverlaypanel, { dismissable: !1 }), {
+                default: M(() => [
+                  E(ne, c(g(f).erroricon, { icon: "error" }), null, 16),
+                  ee(" Email format is incorrect ")
+                ]),
+                _: 1
+              }, 16)
+            ], 32)
+          ], 16),
+          a.showValidatorMessage ? (v(), y(re, {
+            key: 0,
+            message: R.value
+          }, null, 8, ["message"])) : x("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["info", "label", "mandatory"]));
+  }
+});
+export {
+  ye as _
+};

package/components/inputbadge/InputBadge-dgANMV70.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/vee-validate-Cc_B-qII.system.js","../badge/Badge-CndPv5v9.system.js","../fieldwrapper/FieldWrapper-DFjw9hA8.system.js","../icon/Icon-DUylRmY4.system.js","../overlaypanel/OverlayPanel-C_WCcNPw.system.js","../validatormessage/ValidatorMessage-VVfyqlRF.system.js","../../vendor/lodash-es-C3G1Cc1m.system.js"],function(H,ue){"use strict";var I,N,j,$,C,b,D,d,B,P,m,u,M,y,x,c,f,k,_,R,L,T,E,F,U,A,O,S,z,K,W,Z,h;return{setters:[a=>{I=a.defineComponent,N=a.onMounted,j=a.reactive,$=a.onBeforeUnmount,C=a.inject,b=a.ref,D=a.shallowRef,d=a.computed,B=a.watch,P=a.watchEffect,m=a.createBlock,u=a.openBlock,M=a.withCtx,y=a.createElementVNode,x=a.createCommentVNode,c=a.mergeProps,f=a.unref,k=a.createElementBlock,_=a.Fragment,R=a.renderList,L=a.withModifiers,T=a.withDirectives,E=a.createVNode,F=a.vModelText,U=a.createTextVNode,A=a.nextTick},a=>{O=a.u},a=>{S=a._},a=>{z=a._},a=>{K=a._},a=>{W=a._},a=>{Z=a._},a=>{h=a.c}],execute:function(){const a=["id","disabled","placeholder"],ve=H("_",I({__name:"InputBadge",props:{type:{default:"text"},modelValue:{},initialValue:{},useValidator:{type:Boolean},existingValues:{},mandatory:{type:Boolean},validatorMessage:{},showValidatorMessage:{type:Boolean,default:!0},invalid:{type:Boolean},fieldName:{default:"inputBadge"},placeholder:{},disabled:{type:Boolean},label:{},fieldInfo:{},preserveDeletedIndex:{type:Boolean}},emits:["update:modelValue"],setup(J,{emit:Q}){const t=J,q=Q;N(()=>{var e,n;t.useValidator&&(Object.assign(l,O(t.fieldName,i=>A(()=>ae(i)))),(e=t.initialValue)!=null&&e.length?l.value=t.initialValue:(n=t.modelValue)!=null&&n.length&&(l.value=t.modelValue))}),$(()=>{t.useValidator&&l.handleReset()});const V=C("preset",{}).inputbadge,w=b(null),p=b(),r=D(),l=j({value:t.initialValue??t.modelValue??[]}),X=d(()=>{var e;return((e=t.label)==null?void 0:e.toLowerCase)+"-badge-input"}),Y=d(()=>t.invalid&&typeof t.validatorMessage=="string"?t.validatorMessage:l.errorMessage),ee=d(()=>t.placeholder?t.placeholder:t.type==="email"?"Enter valid email":"Enter value"),ae=e=>{var n;if(typeof t.validatorMessage=="string"&&t.invalid)return t.validatorMessage;if(typeof t.validatorMessage!="string"){const{empty:i,exist:g}=t.validatorMessage??{};if(!(e!=null&&e.length)&&t.mandatory)return i??!0;if((n=t.existingValues)!=null&&n.length||g){let s=!0;return e.forEach(o=>{const v=e.filter(de=>de===o);(t.existingValues.includes(o)||v.length>1)&&(s=g)}),s}}return!0},te=d(()=>{var e;return t.invalid||!!l.errorMessage||!((e=l.value)!=null&&e.length)&&typeof r.value=="string"&&!r.value.length}),le=d(()=>{var e,n;return!!((n=(e=l.value)==null?void 0:e.filter(Boolean))!=null&&n.length)}),ne=e=>/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(e),re=()=>{r.value&&(l.value=[...l.value??[],r.value],r.value=void 0,q("update:modelValue",l.value))},G=e=>{if(t.type==="email"&&w.value&&p.value&&r.value&&!ne(r.value)){p.value.show(e,w.value);return}re()},ie=e=>{var n;(n=l.value)==null||n.splice(e,1,...t.preserveDeletedIndex?[null]:[]),l.value=h(l.value)},oe=e=>{var n,i;e.key==="Backspace"&&!r.value&&(e.preventDefault(),t.type==="text"?r.value=(n=l.value)==null?void 0:n.pop():(i=l.value)==null||i.pop(),l.value=h(l.value))},se=(e,n)=>{l.value&&e&&(l.value[n]=e,l.value=h(l.value),q("update:modelValue",l.value))};return B(()=>t.initialValue,e=>{e&&(l.value=e)},{once:!0}),B(()=>t.modelValue,e=>{e&&(l.value=e)}),t.preserveDeletedIndex&&P(()=>{var e,n;(e=l.value)!=null&&e.length&&((n=l.value)!=null&&n.every(i=>i==null))&&(l.value=[])}),(e,n)=>(u(),m(z,{info:e.fieldInfo,label:t.label,mandatory:t.mandatory},{default:M(()=>{var i,g;return[y("div",c((i=f(V))==null?void 0:i.root({context:{invalidInput:te.value,disabled:e.disabled}}),{"data-wv-name":"inputbadge","data-wv-section":"root"}),[(u(!0),k(_,null,R(l.value,(s,o)=>(u(),k(_,{key:s},[s?(u(),m(S,{key:0,label:s,onRemove:()=>{var v;(v=w.value)==null||v.focus(),ie(o)},"onUpdate:label":v=>se(v,o),editable:"",format:"nowrap",removable:"",severity:"dark"},null,8,["label","onRemove","onUpdate:label"])):x("",!0)],64))),128)),y("form",{onSubmit:L(G,["prevent"]),class:"flex-1","data-wv-section":"form-input"},[T(y("input",c({id:X.value,ref_key:"badgeInput",ref:w,"onUpdate:modelValue":n[0]||(n[0]=s=>r.value=s)},(g=f(V))==null?void 0:g.input({context:{disabled:e.disabled,value:l.value,showPlaceholder:le.value},parent:e.$parent,props:t}),{disabled:e.disabled,placeholder:ee.value,onBlur:G,onFocus:n[1]||(n[1]=s=>{var o;return(o=p.value)==null?void 0:o.hide()}),onInput:n[2]||(n[2]=s=>{var o;return(o=p.value)==null?void 0:o.hide()}),onKeydown:oe,"data-wv-section":"input",type:"text"}),null,16,a),[[F,r.value]]),E(W,c({ref_key:"op",ref:p},f(V).erroroverlaypanel,{dismissable:!1}),{default:M(()=>[E(K,c(f(V).erroricon,{icon:"error"}),null,16),U(" Email format is incorrect ")]),_:1},16)],32)],16),t.showValidatorMessage?(u(),m(Z,{key:0,message:Y.value},null,8,["message"])):x("",!0)]}),_:1},8,["info","label","mandatory"]))}}))}}});