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

package/components/dropdown/Dropdown-D4S52rW5.es.js

@@ -0,0 +1,252 @@
+import { createElementBlock as k, openBlock as d, mergeProps as M, renderSlot as m, defineComponent as _, onMounted as J, computed as f, inject as I, ref as Q, shallowRef as X, reactive as Y, watch as j, createBlock as c, withCtx as n, createVNode as s, normalizeClass as Z, createCommentVNode as T, unref as i, createSlots as x, normalizeProps as g, guardReactiveProps as y, createElementVNode as ee, toDisplayString as $, Fragment as A, createTextVNode as D, nextTick as ae } from "vue";
+import { B as le, j as oe, e as te } from "../../vendor/primevue-CadmDhWp.es.js";
+import { u as re } from "../../vendor/vee-validate-RE5RuswC.es.js";
+import { u as ne, m as ie } from "../animation/Animation-COWVilAA.es.js";
+import { f as de, _ as se } from "../badge/Badge-DA-XiE1C.es.js";
+import { _ as ue } from "../fieldwrapper/FieldWrapper-C6HJ2HnC.es.js";
+import { _ as B } from "../icon/Icon-mDqG7urn.es.js";
+import { _ as pe } from "../inputgroup/InputGroup-eNDRlJ5R.es.js";
+import { _ as fe } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+import { i as me, c as E } from "../../vendor/lodash-es-CJerBxJQ.es.js";
+var ve = {
+  root: "p-inputgroup-addon"
+}, ce = le.extend({
+  name: "inputgroupaddon",
+  classes: ve
+}), ge = {
+  name: "BaseInputGroupAddon",
+  extends: oe,
+  style: ce,
+  provide: function() {
+    return {
+      $parentInstance: this
+    };
+  }
+}, O = {
+  name: "InputGroupAddon",
+  extends: ge,
+  inheritAttrs: !1
+};
+function ye(l, v, S, e, P, u) {
+  return d(), k("div", M({
+    class: l.cx("root")
+  }, l.ptmi("root")), [m(l.$slots, "default")], 16);
+}
+O.render = ye;
+const be = (l) => l != null && l.length ? typeof (l == null ? void 0 : l[0]) == "string" ? l : l == null ? void 0 : l.filter((v) => v.visible !== !1) : [], Le = /* @__PURE__ */ _({
+  __name: "Dropdown",
+  props: {
+    modelValue: { type: [String, Number, Boolean, Object], default: void 0 },
+    initialValue: { type: [String, Number, Boolean, Object], default: void 0 },
+    label: {},
+    options: {},
+    allowNullOption: { type: Boolean, default: void 0 },
+    optionLabel: {},
+    optionValue: {},
+    valueType: { default: "plain" },
+    badgeValueProps: {},
+    inputBorder: {},
+    dataKey: {},
+    useValidator: { type: Boolean },
+    mandatory: { type: Boolean },
+    showOptionalText: { type: Boolean, default: void 0 },
+    validatorMessage: {},
+    formatValidatorMessage: { type: Boolean, default: !0 },
+    invalid: { type: Boolean },
+    fieldName: {},
+    placeholder: {},
+    loading: { type: Boolean },
+    fieldInfo: {},
+    disabled: { type: Boolean },
+    filter: { type: Boolean, default: !0 },
+    filterPlaceholder: {}
+  },
+  emits: ["update:modelValue", "show"],
+  setup(l, { expose: v, emit: S }) {
+    const e = l, P = S;
+    J(() => {
+      W();
+    });
+    const { locale: u, defaultProps: G } = ne("Dropdown"), K = f(() => ie(e, G)), p = I("preset", {}).dropdown, z = I(
+      "preset",
+      {}
+    ).inputgroupaddon, b = Q(), h = X(!1), L = f(() => e.invalid || !!o.errorMessage), o = Y({
+      value: e.initialValue !== void 0 ? e.initialValue : e.modelValue
+    }), F = f(() => {
+      var a;
+      return u.emptySelectionErrorMessage.replace("{label}", e.label).replace(
+        "{formattedLabel}",
+        (a = de(e.label)) == null ? void 0 : a.toLowerCase()
+      );
+    }), V = f(() => be(e.options)), R = f(() => {
+      var a;
+      return e.loading ? u.loadingPlaceholder : e.placeholder ?? ((a = u.inputPlaceholder) == null ? void 0 : a.replace("{label}", e.label ?? "").replace("{lowercaseLabel}", (e.label ?? "").toLowerCase()));
+    }), W = () => {
+      e.useValidator && (Object.assign(
+        o,
+        re(e.fieldName ?? "dropdown", (a) => !(a != null && a !== "") && e.mandatory ? typeof e.validatorMessage == "object" && "empty" in e.validatorMessage ? e.validatorMessage.empty : e.validatorMessage ?? F.value : ae(q))
+      ), e.initialValue !== void 0 && (o.value = e.initialValue), e.invalid && o.validate());
+    }, q = () => e.validatorMessage && e.invalid ? e.validatorMessage : !0, H = (a) => {
+      const { value: t } = a;
+      P("update:modelValue", t);
+    }, w = () => {
+      if (e.optionValue) {
+        const a = V.value.find((t) => {
+          if (typeof t != "string")
+            return e.dataKey ? o.value[e.dataKey] === t[e.optionValue ?? ""][e.dataKey] : me(
+              E(t[e.optionValue ?? ""]),
+              E(o.value)
+            );
+        });
+        if (a && typeof a != "string")
+          return a[e.optionLabel ?? ""];
+      } else if (o.value && typeof o.value == "object" && e.optionLabel && e.optionLabel in o.value)
+        return o.value[e.optionLabel];
+      return o.value;
+    }, U = () => {
+      b.value && b.value.show();
+    };
+    return j(
+      () => e.initialValue,
+      (a) => {
+        o.value = a;
+      },
+      { once: !0 }
+    ), j(
+      () => e.modelValue,
+      (a) => {
+        o.value = a;
+      }
+    ), v({
+      showOverlay: U
+    }), (a, t) => (d(), c(ue, {
+      info: a.fieldInfo,
+      label: e.label,
+      mandatory: e.mandatory,
+      "show-optional-text": a.showOptionalText
+    }, {
+      default: n(() => [
+        s(pe, {
+          class: Z([
+            {
+              "grid grid-cols-[max-content,1fr,max-content]": a.$slots["addon-left"] && a.$slots["addon-right"],
+              "grid grid-cols-[1fr,max-content]": !a.$slots["addon-left"] && a.$slots["addon-right"],
+              "grid grid-cols-[max-content,1fr]": a.$slots["addon-left"] && !a.$slots["addon-right"]
+            }
+          ]),
+          disabled: e.disabled,
+          invalid: L.value,
+          ring: a.inputBorder
+        }, {
+          default: n(() => {
+            var N, C;
+            return [
+              a.$slots["addon-left"] ? (d(), c(i(O), {
+                key: 0,
+                disabled: e.disabled
+              }, {
+                default: n(() => [
+                  m(a.$slots, "addon-left")
+                ]),
+                _: 3
+              }, 8, ["disabled"])) : T("", !0),
+              s(i(te), M({
+                ref_key: "dropdown",
+                ref: b
+              }, e, {
+                modelValue: o.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (r) => o.value = r),
+                "aria-describedby": e.label + "error",
+                "filter-placeholder": e.filterPlaceholder || i(u).filterPlaceholder,
+                invalid: L.value,
+                options: V.value,
+                placeholder: R.value,
+                pt: {
+                  wrapper: (N = i(p)) == null ? void 0 : N.wrapper({ props: e })
+                },
+                "virtual-scroller-options": ((C = V.value) == null ? void 0 : C.length) > 10 ? { itemSize: 32 } : void 0,
+                onChange: H,
+                onHide: t[1] || (t[1] = (r) => h.value = !1),
+                onShow: t[2] || (t[2] = (r) => (a.$emit("show"), h.value = !0))
+              }), x({
+                dropdownicon: n(() => [
+                  s(B, g(y(i(p).dropdownicon({ state: { isShowOverlay: h.value } }))), null, 16)
+                ]),
+                loadingicon: n(() => [
+                  s(B, g(y(i(p).loadingicon)), null, 16)
+                ]),
+                filtericon: n(() => [
+                  s(B, g(y(i(p).filtericon)), null, 16)
+                ]),
+                _: 2
+              }, [
+                a.loading ? {
+                  name: "value",
+                  fn: n(({ placeholder: r }) => [
+                    ee("span", g(y(i(p).loadingplaceholder)), $(r), 17)
+                  ]),
+                  key: "0"
+                } : {
+                  name: "value",
+                  fn: n((r) => [
+                    (K.value.allowNullOption ? r.value !== void 0 : r.value != null) ? m(a.$slots, "value", {
+                      key: 0,
+                      originalValue: r.value,
+                      value: w()
+                    }, () => [
+                      a.valueType === "badge" ? (d(), c(se, M({ key: 0 }, a.badgeValueProps, {
+                        label: w()
+                      }), null, 16, ["label"])) : (d(), k(A, { key: 1 }, [
+                        D($(w()), 1)
+                      ], 64))
+                    ]) : (d(), k(A, { key: 1 }, [
+                      D($(r.placeholder), 1)
+                    ], 64))
+                  ]),
+                  key: "1"
+                },
+                a.$slots.option ? {
+                  name: "option",
+                  fn: n(({ option: r }) => [
+                    m(a.$slots, "option", { option: r })
+                  ]),
+                  key: "2"
+                } : void 0
+              ]), 1040, ["modelValue", "aria-describedby", "filter-placeholder", "invalid", "options", "placeholder", "pt", "virtual-scroller-options"]),
+              a.$slots["addon-right"] ? (d(), c(i(O), {
+                key: 1,
+                pt: {
+                  root: i(z).root({
+                    props: {
+                      class: [
+                        {
+                          "!text-general-200": e.disabled
+                        }
+                      ]
+                    }
+                  })
+                }
+              }, {
+                default: n(() => [
+                  m(a.$slots, "addon-right")
+                ]),
+                _: 3
+              }, 8, ["pt"])) : T("", !0)
+            ];
+          }),
+          _: 3
+        }, 8, ["class", "disabled", "invalid", "ring"]),
+        s(fe, {
+          id: e.label + "error",
+          message: o.errorMessage
+        }, null, 8, ["id", "message"])
+      ]),
+      _: 3
+    }, 8, ["info", "label", "mandatory", "show-optional-text"]));
+  }
+});
+export {
+  Le as _,
+  be as f,
+  O as s
+};

package/components/dropdown/Dropdown-DuvNYyq0.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/primevue-u6FsQONA.system.js","../../vendor/vee-validate-Cc_B-qII.system.js","../animation/Animation-6756VN9N.system.js","../badge/Badge-CndPv5v9.system.js","../fieldwrapper/FieldWrapper-DFjw9hA8.system.js","../icon/Icon-DUylRmY4.system.js","../inputgroup/InputGroup-G9TEI4vX.system.js","../validatormessage/ValidatorMessage-VVfyqlRF.system.js","../../vendor/lodash-es-C3G1Cc1m.system.js"],function(B,Ve){"use strict";var b,d,h,p,T,A,c,k,D,z,F,j,f,i,u,G,S,s,K,v,g,R,V,M,P,W,q,H,U,_,J,Q,X,Y,Z,w,x,ee,ae,N;return{setters:[e=>{b=e.createElementBlock,d=e.openBlock,h=e.mergeProps,p=e.renderSlot,T=e.defineComponent,A=e.onMounted,c=e.computed,k=e.inject,D=e.ref,z=e.shallowRef,F=e.reactive,j=e.watch,f=e.createBlock,i=e.withCtx,u=e.createVNode,G=e.normalizeClass,S=e.createCommentVNode,s=e.unref,K=e.createSlots,v=e.normalizeProps,g=e.guardReactiveProps,R=e.createElementVNode,V=e.toDisplayString,M=e.Fragment,P=e.createTextVNode,W=e.nextTick},e=>{q=e.B,H=e.j,U=e.e},e=>{_=e.u},e=>{J=e.u,Q=e.m},e=>{X=e.f,Y=e._},e=>{Z=e._},e=>{w=e._},e=>{x=e._},e=>{ee=e._},e=>{ae=e.i,N=e.c}],execute:function(){var e={root:"p-inputgroup-addon"},ie=q.extend({name:"inputgroupaddon",classes:e}),se={name:"BaseInputGroupAddon",extends:H,style:ie,provide:function(){return{$parentInstance:this}}},O=B("s",{name:"InputGroupAddon",extends:se,inheritAttrs:!1});function de(l,$,te,a,le,y){return d(),b("div",h({class:l.cx("root")},l.ptmi("root")),[p(l.$slots,"default")],16)}O.render=de;const ue=B("f",l=>l!=null&&l.length?typeof(l==null?void 0:l[0])=="string"?l:l==null?void 0:l.filter($=>$.visible!==!1):[]),we=B("_",T({__name:"Dropdown",props:{modelValue:{type:[String,Number,Boolean,Object],default:void 0},initialValue:{type:[String,Number,Boolean,Object],default:void 0},label:{},options:{},allowNullOption:{type:Boolean,default:void 0},optionLabel:{},optionValue:{},valueType:{default:"plain"},badgeValueProps:{},inputBorder:{},dataKey:{},useValidator:{type:Boolean},mandatory:{type:Boolean},showOptionalText:{type:Boolean,default:void 0},validatorMessage:{},formatValidatorMessage:{type:Boolean,default:!0},invalid:{type:Boolean},fieldName:{},placeholder:{},loading:{type:Boolean},fieldInfo:{},disabled:{type:Boolean},filter:{type:Boolean,default:!0},filterPlaceholder:{}},emits:["update:modelValue","show"],setup(l,{expose:$,emit:te}){const a=l,le=te;A(()=>{ye()});const{locale:y,defaultProps:pe}=J("Dropdown"),ce=c(()=>Q(a,pe)),m=k("preset",{}).dropdown,fe=k("preset",{}).inputgroupaddon,C=D(),L=z(!1),oe=c(()=>a.invalid||!!o.errorMessage),o=F({value:a.initialValue!==void 0?a.initialValue:a.modelValue}),ve=c(()=>{var t;return y.emptySelectionErrorMessage.replace("{label}",a.label).replace("{formattedLabel}",(t=X(a.label))==null?void 0:t.toLowerCase())}),I=c(()=>ue(a.options)),ge=c(()=>{var t;return a.loading?y.loadingPlaceholder:a.placeholder??((t=y.inputPlaceholder)==null?void 0:t.replace("{label}",a.label??"").replace("{lowercaseLabel}",(a.label??"").toLowerCase()))}),ye=()=>{a.useValidator&&(Object.assign(o,_(a.fieldName??"dropdown",t=>!(t!=null&&t!=="")&&a.mandatory?typeof a.validatorMessage=="object"&&"empty"in a.validatorMessage?a.validatorMessage.empty:a.validatorMessage??ve.value:W(me))),a.initialValue!==void 0&&(o.value=a.initialValue),a.invalid&&o.validate())},me=()=>a.validatorMessage&&a.invalid?a.validatorMessage:!0,be=t=>{const{value:r}=t;le("update:modelValue",r)},E=()=>{if(a.optionValue){const t=I.value.find(r=>{if(typeof r!="string")return a.dataKey?o.value[a.dataKey]===r[a.optionValue??""][a.dataKey]:ae(N(r[a.optionValue??""]),N(o.value))});if(t&&typeof t!="string")return t[a.optionLabel??""]}else if(o.value&&typeof o.value=="object"&&a.optionLabel&&a.optionLabel in o.value)return o.value[a.optionLabel];return o.value},he=()=>{C.value&&C.value.show()};return j(()=>a.initialValue,t=>{o.value=t},{once:!0}),j(()=>a.modelValue,t=>{o.value=t}),$({showOverlay:he}),(t,r)=>(d(),f(Z,{info:t.fieldInfo,label:a.label,mandatory:a.mandatory,"show-optional-text":t.showOptionalText},{default:i(()=>[u(x,{class:G([{"grid grid-cols-[max-content,1fr,max-content]":t.$slots["addon-left"]&&t.$slots["addon-right"],"grid grid-cols-[1fr,max-content]":!t.$slots["addon-left"]&&t.$slots["addon-right"],"grid grid-cols-[max-content,1fr]":t.$slots["addon-left"]&&!t.$slots["addon-right"]}]),disabled:a.disabled,invalid:oe.value,ring:t.inputBorder},{default:i(()=>{var re,ne;return[t.$slots["addon-left"]?(d(),f(s(O),{key:0,disabled:a.disabled},{default:i(()=>[p(t.$slots,"addon-left")]),_:3},8,["disabled"])):S("",!0),u(s(U),h({ref_key:"dropdown",ref:C},a,{modelValue:o.value,"onUpdate:modelValue":r[0]||(r[0]=n=>o.value=n),"aria-describedby":a.label+"error","filter-placeholder":a.filterPlaceholder||s(y).filterPlaceholder,invalid:oe.value,options:I.value,placeholder:ge.value,pt:{wrapper:(re=s(m))==null?void 0:re.wrapper({props:a})},"virtual-scroller-options":((ne=I.value)==null?void 0:ne.length)>10?{itemSize:32}:void 0,onChange:be,onHide:r[1]||(r[1]=n=>L.value=!1),onShow:r[2]||(r[2]=n=>(t.$emit("show"),L.value=!0))}),K({dropdownicon:i(()=>[u(w,v(g(s(m).dropdownicon({state:{isShowOverlay:L.value}}))),null,16)]),loadingicon:i(()=>[u(w,v(g(s(m).loadingicon)),null,16)]),filtericon:i(()=>[u(w,v(g(s(m).filtericon)),null,16)]),_:2},[t.loading?{name:"value",fn:i(({placeholder:n})=>[R("span",v(g(s(m).loadingplaceholder)),V(n),17)]),key:"0"}:{name:"value",fn:i(n=>[(ce.value.allowNullOption?n.value!==void 0:n.value!=null)?p(t.$slots,"value",{key:0,originalValue:n.value,value:E()},()=>[t.valueType==="badge"?(d(),f(Y,h({key:0},t.badgeValueProps,{label:E()}),null,16,["label"])):(d(),b(M,{key:1},[P(V(E()),1)],64))]):(d(),b(M,{key:1},[P(V(n.placeholder),1)],64))]),key:"1"},t.$slots.option?{name:"option",fn:i(({option:n})=>[p(t.$slots,"option",{option:n})]),key:"2"}:void 0]),1040,["modelValue","aria-describedby","filter-placeholder","invalid","options","placeholder","pt","virtual-scroller-options"]),t.$slots["addon-right"]?(d(),f(s(O),{key:1,pt:{root:s(fe).root({props:{class:[{"!text-general-200":a.disabled}]}})}},{default:i(()=>[p(t.$slots,"addon-right")]),_:3},8,["pt"])):S("",!0)]}),_:3},8,["class","disabled","invalid","ring"]),u(ee,{id:a.label+"error",message:o.errorMessage},null,8,["id","message"])]),_:3},8,["info","label","mandatory","show-optional-text"]))}}))}}});