@factoringplus/pl-components-pack-v3 0.5.21-pre-18 → 0.5.21-pre-20

package/dist/pl-components-pack-v3.es.js

@@ -25818,12 +25818,15 @@ const _hoisted_3$o = {
   class: "pl-input__optional"
 };
 const _hoisted_4$i = {
-  key: 1,
+  key: 0,
   style: { "position": "relative", "width": "20px", "height": "20px" }
 };
 const _sfc_main$B = {
   __name: "pl-input-plus",
   props: {
+    modelValue: {
+      required: true
+    },
     currency: {
       type: Boolean,
       default: false
@@ -25877,7 +25880,7 @@ const _sfc_main$B = {
   setup(__props, { emit: emit2 }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "4afe1c56": props.width
+      "33cfa45b": props.width
     }));
     const attrs = useAttrs$1();
     const id = `id-${Math.random()}`;
@@ -25890,15 +25893,18 @@ const _sfc_main$B = {
       valueRange: props.valueRange,
       ...props.currencyInputOptions
     });
-    const { inputRef } = useCurrencyInput(options);
-    const modelValue = ref(props.modelValue);
-    watch(modelValue, (value) => {
-      if (value && props.currency) {
-        emit2("update:modelValue", parseInt(value.replace(/\s/g, "")));
-      } else {
+    const { inputRef, formattedValue, setValue } = useCurrencyInput(options);
+    const modelValue = computed$1({
+      get: () => props.modelValue,
+      set: (value) => {
         emit2("update:modelValue", value);
       }
     });
+    if (props.currency) {
+      watch(modelValue, (newValue) => {
+        setValue(newValue);
+      });
+    }
     const hiddenPassword = ref(true);
     const passwordType = computed$1(() => props.password && hiddenPassword.value);
     const toogleHiddenPassword = () => {
@@ -25907,6 +25913,7 @@ const _sfc_main$B = {
       }
       hiddenPassword.value = !hiddenPassword.value;
     };
+    const showRightIcon = computed$1(() => !("show-word-limit" in attrs) && props.rightIcon);
     return (_ctx, _cache) => {
       const _component_inline_svg = resolveComponent("inline-svg");
       const _component_el_input = ElInput;
@@ -25938,8 +25945,8 @@ const _sfc_main$B = {
           id,
           name: id
         }, unref(attrs), {
-          modelValue: modelValue.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
+          modelValue: unref(formattedValue),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
         }), {
           prefix: withCtx(() => [
             props.leftIcon ? (openBlock(), createBlock(_component_inline_svg, {
@@ -25960,8 +25967,8 @@ const _sfc_main$B = {
           name: id,
           type: unref(passwordType) ? "password" : ""
         }, unref(attrs), {
-          modelValue: modelValue.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => modelValue.value = $event)
+          modelValue: unref(modelValue),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null)
         }), {
           prefix: withCtx(() => [
             props.leftIcon ? (openBlock(), createBlock(_component_inline_svg, {
@@ -25970,14 +25977,10 @@ const _sfc_main$B = {
             }, null, 8, ["src"])) : createCommentVNode("", true)
           ]),
           suffix: withCtx(() => [
-            !("show-word-limit" in unref(attrs)) && props.rightIcon && !props.password && !props.currency ? (openBlock(), createBlock(_component_inline_svg, {
-              key: 0,
-              src: props.rightIcon
-            }, null, 8, ["src"])) : createCommentVNode("", true),
             props.password ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
               createVNode(Transition, { name: "el-zoom-in-top" }, {
                 default: withCtx(() => [
-                  props.password && unref(passwordType) ? (openBlock(), createBlock(_component_inline_svg, {
+                  unref(passwordType) ? (openBlock(), createBlock(_component_inline_svg, {
                     key: 0,
                     class: "pl-input__eye",
                     src: unref(eyeCrossed),
@@ -25988,7 +25991,7 @@ const _sfc_main$B = {
               }),
               createVNode(Transition, { name: "el-zoom-in-top" }, {
                 default: withCtx(() => [
-                  props.password && !unref(passwordType) ? (openBlock(), createBlock(_component_inline_svg, {
+                  !unref(passwordType) ? (openBlock(), createBlock(_component_inline_svg, {
                     key: 0,
                     class: "pl-input__eye",
                     src: unref(eye),
@@ -25997,7 +26000,10 @@ const _sfc_main$B = {
                 ]),
                 _: 1
               })
-            ])) : createCommentVNode("", true)
+            ])) : unref(showRightIcon) ? (openBlock(), createBlock(_component_inline_svg, {
+              key: 1,
+              src: props.rightIcon
+            }, null, 8, ["src"])) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "modelValue"])),
@@ -26008,7 +26014,7 @@ const _sfc_main$B = {
     };
   }
 };
-var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-97f9e990"]]);
+var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-98596170"]]);
 const PlInputPlusPlugin = {
   install(app) {
     app.component("PlInputPlus", PlInputPlus);