@fewangsit/wangsvue-fats 1.0.1-alpha.67 → 1.0.1-alpha.69

package/dropdown/index.es.js

@@ -1,19 +1,20 @@
-import { defineComponent as ee, onMounted as le, computed as u, inject as N, ref as oe, shallowRef as I, reactive as ae, watch as $, createBlock as m, openBlock as s, withCtx as r, createVNode as d, normalizeClass as te, createCommentVNode as T, unref as i, renderSlot as p, mergeProps as j, createSlots as ie, normalizeProps as v, guardReactiveProps as c, createElementVNode as re, toDisplayString as k, createElementBlock as D, Fragment as E, createTextVNode as R, nextTick as ne } from "vue";
-import { u as se } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as de } from "../plugins/WangsVue.es.js";
-import { f as ue } from "../utils/filterOptions.util.es.js";
-import { m as pe } from "../utils/mergePropsWithDefaults.util.es.js";
-import { a as fe } from "../utils/textFormatter.util.es.js";
-import { s as me } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
-import { s as K } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
-import { _ as ve } from "../badge/index.es.js";
-import { _ as ce } from "../fieldwrapper/index.es.js";
+import { defineComponent as le, onMounted as oe, computed as u, inject as I, ref as ae, shallowRef as T, reactive as te, watch as w, createBlock as m, openBlock as s, withCtx as r, createVNode as d, normalizeClass as ie, createCommentVNode as j, unref as i, renderSlot as p, mergeProps as D, createSlots as re, normalizeProps as v, guardReactiveProps as c, createElementVNode as ne, toDisplayString as k, createElementBlock as E, Fragment as R, createTextVNode as K, nextTick as se } from "vue";
+import { u as de } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as ue } from "../plugins/basei18n.es.js";
+import { u as pe } from "../plugins/WangsVue.es.js";
+import { f as fe } from "../utils/filterOptions.util.es.js";
+import { m as me } from "../utils/mergePropsWithDefaults.util.es.js";
+import { a as ve } from "../utils/textFormatter.util.es.js";
+import { s as ce } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { s as z } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
+import { _ as ge } from "../badge/index.es.js";
+import { _ as ye } from "../fieldwrapper/index.es.js";
 import { _ as B } from "../icon/index.es.js";
-import { _ as ge } from "../inputgroup/index.es.js";
-import { _ as ye } from "../validatormessage/index.es.js";
-import { i as z } from "../vendor/lodash-es/isEqual.es.js";
-import { c as F } from "../vendor/lodash-es/cloneDeep.es.js";
-const Te = /* @__PURE__ */ ee({
+import { _ as be } from "../inputgroup/index.es.js";
+import { _ as Ve } from "../validatormessage/index.es.js";
+import { i as F } from "../vendor/lodash-es/isEqual.es.js";
+import { c as W } from "../vendor/lodash-es/cloneDeep.es.js";
+const Ee = /* @__PURE__ */ le({
   __name: "Dropdown",
   props: {
     modelValue: { type: [String, Number, Boolean, Object], default: void 0 },
@@ -44,124 +45,126 @@ const Te = /* @__PURE__ */ ee({
     panelMaxContent: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "show", "fieldInfoClick"],
-  setup(W, { expose: q, emit: A }) {
-    const e = W, O = A;
-    le(() => {
-      X();
+  setup(q, { expose: A, emit: G }) {
+    const l = q, O = G;
+    oe(() => {
+      Y();
     });
-    const { locale: f, defaultProps: G } = de("Dropdown"), H = u(() => pe(e, G)), n = N("preset", {}).dropdown, U = N(
+    const { t: M } = ue(), { locale: f, defaultProps: H } = pe("Dropdown"), U = u(() => me(l, H)), n = I("preset", {}).dropdown, J = I(
       "preset",
       {}
-    ).inputgroupaddon, g = oe(), y = I(!1), b = I(!1), M = u(() => e.invalid || !!o.errorMessage), o = ae({
-      value: e.initialValue !== void 0 ? e.initialValue : e.modelValue
-    }), J = u(() => {
-      var l;
-      return f.emptySelectionErrorMessage.replace("{label}", e.label).replace(
+    ).inputgroupaddon, g = ae(), y = T(!1), b = T(!1), C = u(() => l.invalid || !!o.errorMessage), o = te({
+      value: l.initialValue !== void 0 ? l.initialValue : l.modelValue
+    }), Q = u(() => {
+      var e;
+      return f.emptySelectionErrorMessage.replace("{label}", l.label).replace(
         "{formattedLabel}",
-        (l = fe(e.label)) == null ? void 0 : l.toLowerCase()
+        (e = ve(l.label)) == null ? void 0 : e.toLowerCase()
       );
-    }), V = u(() => ue(e.options)), Q = u(() => {
-      var l;
-      return e.loading ? f.loadingPlaceholder : e.placeholder ?? ((l = f.inputPlaceholder) == null ? void 0 : l.replace("{label}", e.label ?? "").replace("{lowercaseLabel}", (e.label ?? "").toLowerCase()));
-    }), X = () => {
-      e.useValidator && (Object.assign(
+    }), V = u(
+      () => fe(l.options).map((e) => typeof e == "string" ? M(e) : { ...e, label: M(e.label) })
+    ), X = u(() => {
+      var e;
+      return l.loading ? f.loadingPlaceholder : l.placeholder ?? ((e = f.inputPlaceholder) == null ? void 0 : e.replace("{label}", l.label ?? "").replace("{lowercaseLabel}", (l.label ?? "").toLowerCase()));
+    }), Y = () => {
+      l.useValidator && (Object.assign(
         o,
-        se(e.fieldName ?? "dropdown", (l) => !(l != null && l !== "") && e.mandatory ? typeof e.validatorMessage == "object" && "empty" in e.validatorMessage ? e.validatorMessage.empty : e.validatorMessage ?? J.value : ne(Y))
-      ), e.initialValue !== void 0 && (o.value = e.initialValue), e.invalid && o.validate());
-    }, Y = () => e.validatorMessage && e.invalid ? e.validatorMessage : !0, Z = (l) => {
-      const { value: a } = l;
-      e.unselectOnReselect ? b.value = !0 : O("update:modelValue", a);
-    }, h = () => {
-      if (e.optionValue) {
-        const l = V.value.find((a) => {
+        de(l.fieldName ?? "dropdown", (e) => !(e != null && e !== "") && l.mandatory ? typeof l.validatorMessage == "object" && "empty" in l.validatorMessage ? l.validatorMessage.empty : l.validatorMessage ?? Q.value : se(Z))
+      ), l.initialValue !== void 0 && (o.value = l.initialValue), l.invalid && o.validate());
+    }, Z = () => l.validatorMessage && l.invalid ? l.validatorMessage : !0, _ = (e) => {
+      const { value: a } = e;
+      l.unselectOnReselect ? b.value = !0 : O("update:modelValue", a);
+    }, $ = () => {
+      if (l.optionValue) {
+        const e = V.value.find((a) => {
           if (typeof a != "string")
-            return e.dataKey ? o.value[e.dataKey] === a[e.optionValue ?? ""][e.dataKey] : z(
-              F(a[e.optionValue ?? ""]),
-              F(o.value)
+            return l.dataKey ? o.value[l.dataKey] === a[l.optionValue ?? ""][l.dataKey] : F(
+              W(a[l.optionValue ?? ""]),
+              W(o.value)
             );
         });
-        if (l && typeof l != "string")
-          return l[e.optionLabel ?? ""];
-      } else if (o.value && typeof o.value == "object" && e.optionLabel && e.optionLabel in o.value)
-        return o.value[e.optionLabel];
+        if (e && typeof e != "string")
+          return e[l.optionLabel ?? ""];
+      } else if (o.value && typeof o.value == "object" && l.optionLabel && l.optionLabel in o.value)
+        return o.value[l.optionLabel];
       return o.value;
-    }, _ = () => {
+    }, x = () => {
       g.value && g.value.show();
     };
-    return $(
-      () => e.initialValue,
-      (l) => {
-        o.value = l;
+    return w(
+      () => l.initialValue,
+      (e) => {
+        o.value = e;
       },
       { once: !0 }
-    ), $(
-      () => e.modelValue,
-      (l) => {
-        o.value = l;
+    ), w(
+      () => l.modelValue,
+      (e) => {
+        o.value = e;
       }
-    ), $(
+    ), w(
       () => o.value,
-      (l, a) => {
+      (e, a) => {
         setTimeout(() => {
-          e.unselectOnReselect && b.value && (z(l, a) && l !== void 0 && (o.value = void 0), b.value = !1, O("update:modelValue", o.value));
+          l.unselectOnReselect && b.value && (F(e, a) && e !== void 0 && (o.value = void 0), b.value = !1, O("update:modelValue", o.value));
         }, 0);
       }
-    ), q({
-      showOverlay: _
-    }), (l, a) => (s(), m(ce, {
-      info: l.fieldInfo,
-      label: e.label,
-      mandatory: e.mandatory,
-      "show-optional-text": l.showOptionalText,
-      onInfoClick: a[3] || (a[3] = (w) => l.$emit("fieldInfoClick"))
+    ), A({
+      showOverlay: x
+    }), (e, a) => (s(), m(ye, {
+      info: e.fieldInfo,
+      label: l.label,
+      mandatory: l.mandatory,
+      "show-optional-text": e.showOptionalText,
+      onInfoClick: a[3] || (a[3] = (h) => e.$emit("fieldInfoClick"))
     }, {
       default: r(() => [
-        d(ge, {
-          class: te([
+        d(be, {
+          class: ie([
             {
-              "grid grid-cols-[max-content,1fr,max-content]": l.$slots["addon-left"] && l.$slots["addon-right"],
-              "grid grid-cols-[1fr,max-content]": !l.$slots["addon-left"] && l.$slots["addon-right"],
-              "grid grid-cols-[max-content,1fr]": l.$slots["addon-left"] && !l.$slots["addon-right"]
+              "grid grid-cols-[max-content,1fr,max-content]": e.$slots["addon-left"] && e.$slots["addon-right"],
+              "grid grid-cols-[1fr,max-content]": !e.$slots["addon-left"] && e.$slots["addon-right"],
+              "grid grid-cols-[max-content,1fr]": e.$slots["addon-left"] && !e.$slots["addon-right"]
             }
           ]),
-          disabled: e.disabled,
-          invalid: M.value,
-          ring: l.inputBorder
+          disabled: l.disabled,
+          invalid: C.value,
+          ring: e.inputBorder
         }, {
           default: r(() => {
-            var w, C, S, P, L;
+            var h, S, P, L, N;
             return [
-              l.$slots["addon-left"] ? (s(), m(i(K), {
+              e.$slots["addon-left"] ? (s(), m(i(z), {
                 key: 0,
-                disabled: e.disabled
+                disabled: l.disabled
               }, {
                 default: r(() => [
-                  p(l.$slots, "addon-left")
+                  p(e.$slots, "addon-left")
                 ]),
                 _: 3
-              }, 8, ["disabled"])) : T("", !0),
-              d(i(me), j({
+              }, 8, ["disabled"])) : j("", !0),
+              d(i(ce), D({
                 ref_key: "dropdown",
                 ref: g
-              }, e, {
+              }, l, {
                 modelValue: o.value,
                 "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t),
-                "aria-describedby": e.label + "error",
-                "filter-placeholder": e.filterPlaceholder || i(f).filterPlaceholder,
-                invalid: M.value,
+                "aria-describedby": l.label + "error",
+                "filter-placeholder": e.$t(l.filterPlaceholder || i(f).filterPlaceholder),
+                invalid: C.value,
                 options: V.value,
-                placeholder: Q.value,
+                placeholder: e.$t(X.value),
                 pt: {
-                  list: (w = i(n)) == null ? void 0 : w.list({ props: e }),
-                  panel: (C = i(n)) == null ? void 0 : C.panel({ props: e }),
-                  virtualScroller: (S = i(n)) == null ? void 0 : S.virtualScroller({ props: e }),
-                  wrapper: (P = i(n)) == null ? void 0 : P.wrapper({ props: e })
+                  list: (h = i(n)) == null ? void 0 : h.list({ props: l }),
+                  panel: (S = i(n)) == null ? void 0 : S.panel({ props: l }),
+                  virtualScroller: (P = i(n)) == null ? void 0 : P.virtualScroller({ props: l }),
+                  wrapper: (L = i(n)) == null ? void 0 : L.wrapper({ props: l })
                 },
-                "virtual-scroller-options": ((L = V.value) == null ? void 0 : L.length) > 10 ? { itemSize: 32 } : void 0,
-                onChange: Z,
+                "virtual-scroller-options": ((N = V.value) == null ? void 0 : N.length) > 10 ? { itemSize: 32 } : void 0,
+                onChange: _,
                 onHide: a[1] || (a[1] = (t) => y.value = !1),
-                onShow: a[2] || (a[2] = (t) => (l.$emit("show"), y.value = !0))
-              }), ie({
+                onShow: a[2] || (a[2] = (t) => (e.$emit("show"), y.value = !0))
+              }), re({
                 dropdownicon: r(() => [
                   d(B, v(c(i(n).dropdownicon({ state: { isShowOverlay: y.value } }))), null, 16)
                 ]),
@@ -173,57 +176,57 @@ const Te = /* @__PURE__ */ ee({
                 ]),
                 _: 2
               }, [
-                l.loading ? {
+                e.loading ? {
                   name: "value",
                   fn: r(({ placeholder: t }) => [
-                    re("span", v(c(i(n).loadingplaceholder)), k(t), 17)
+                    ne("span", v(c(i(n).loadingplaceholder)), k(e.$t(t)), 17)
                   ]),
                   key: "0"
                 } : {
                   name: "value",
                   fn: r((t) => [
-                    (H.value.allowNullOption ? t.value !== void 0 : t.value != null) ? p(l.$slots, "value", {
+                    (U.value.allowNullOption ? t.value !== void 0 : t.value != null) ? p(e.$slots, "value", {
                       key: 0,
                       originalValue: t.value,
-                      value: h()
+                      value: e.$t($())
                     }, () => [
-                      l.valueType === "badge" ? (s(), m(ve, j({ key: 0 }, l.badgeValueProps, {
-                        label: h()
-                      }), null, 16, ["label"])) : (s(), D(E, { key: 1 }, [
-                        R(k(h()), 1)
+                      e.valueType === "badge" ? (s(), m(ge, D({ key: 0 }, e.badgeValueProps, {
+                        label: e.$t($())
+                      }), null, 16, ["label"])) : (s(), E(R, { key: 1 }, [
+                        K(k(e.$t($())), 1)
                       ], 64))
-                    ]) : (s(), D(E, { key: 1 }, [
-                      R(k(t.placeholder), 1)
+                    ]) : (s(), E(R, { key: 1 }, [
+                      K(k(e.$t(t.placeholder)), 1)
                     ], 64))
                   ]),
                   key: "1"
                 },
-                l.$slots.option ? {
+                e.$slots.option ? {
                   name: "option",
                   fn: r(({ option: t }) => [
-                    p(l.$slots, "option", { option: t })
+                    p(e.$slots, "option", { option: t })
                   ]),
                   key: "2"
                 } : void 0,
-                l.$slots.footer ? {
+                e.$slots.footer ? {
                   name: "footer",
-                  fn: r(({ value: t, options: x }) => [
-                    p(l.$slots, "footer", {
-                      options: x,
+                  fn: r(({ value: t, options: ee }) => [
+                    p(e.$slots, "footer", {
+                      options: ee,
                       value: t
                     })
                   ]),
                   key: "3"
                 } : void 0
               ]), 1040, ["modelValue", "aria-describedby", "filter-placeholder", "invalid", "options", "placeholder", "pt", "virtual-scroller-options"]),
-              l.$slots["addon-right"] ? (s(), m(i(K), {
+              e.$slots["addon-right"] ? (s(), m(i(z), {
                 key: 1,
                 pt: {
-                  root: i(U).root({
+                  root: i(J).root({
                     props: {
                       class: [
                         {
-                          "!text-general-200": e.disabled
+                          "!text-general-200": l.disabled
                         }
                       ]
                     }
@@ -231,16 +234,16 @@ const Te = /* @__PURE__ */ ee({
                 }
               }, {
                 default: r(() => [
-                  p(l.$slots, "addon-right")
+                  p(e.$slots, "addon-right")
                 ]),
                 _: 3
-              }, 8, ["pt"])) : T("", !0)
+              }, 8, ["pt"])) : j("", !0)
             ];
           }),
           _: 3
         }, 8, ["class", "disabled", "invalid", "ring"]),
-        d(ye, {
-          id: e.label + "error",
+        d(Ve, {
+          id: l.label + "error",
           message: o.errorMessage
         }, null, 8, ["id", "message"])
       ]),
@@ -249,5 +252,5 @@ const Te = /* @__PURE__ */ ee({
   }
 });
 export {
-  Te as _
+  Ee as _
 };