@factoringplus/pl-components-pack-v3 0.5.13 → 0.5.14-pre-1

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

@@ -2153,7 +2153,7 @@ var export_helper_default = (sfc, props) => {
 var arrow_down_vue_vue_type_script_lang_default = {
   name: "ArrowDown"
 };
-var _hoisted_16$3 = {
+var _hoisted_16$2 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 }, _hoisted_26$1 = /* @__PURE__ */ createElementVNode("path", {
@@ -2163,7 +2163,7 @@ var _hoisted_16$3 = {
   _hoisted_26$1
 ];
 function _sfc_render6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_16$3, _hoisted_36);
+  return openBlock(), createElementBlock("svg", _hoisted_16$2, _hoisted_36);
 }
 var arrow_down_default = /* @__PURE__ */ export_helper_default(arrow_down_vue_vue_type_script_lang_default, [["render", _sfc_render6], ["__file", "arrow-down.vue"]]);
 var arrow_left_vue_vue_type_script_lang_default = {
@@ -25387,7 +25387,7 @@ const _sfc_main$B = {
       default: false
     }
   },
-  emits: ["update:modelValue", "validate"],
+  emits: ["update:modelValue", "validate", "blur"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     const refInput = ref();
@@ -25519,7 +25519,7 @@ const _sfc_main$B = {
           ref_key: "refInput",
           ref: refInput,
           rules: __props.rules,
-          onSubmit: _cache[6] || (_cache[6] = withModifiers(() => {
+          onSubmit: _cache[9] || (_cache[9] = withModifiers(() => {
           }, ["prevent"]))
         }, {
           default: withCtx(() => [
@@ -25562,7 +25562,8 @@ const _sfc_main$B = {
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
                       type: unref(getTypeInput),
                       resize: "none",
-                      onInput: updateValue
+                      onInput: updateValue,
+                      onBlur: _cache[1] || (_cache[1] = ($event) => emit2("blur"))
                     }, null, 8, ["disabled", "placeholder", "modelValue", "type"])), [
                       [_directive_maska, __props.mask]
                     ]) : !unref(currency) ? (openBlock(), createBlock(_component_el_input, mergeProps({
@@ -25573,26 +25574,27 @@ const _sfc_main$B = {
                       disabled: props.disabled,
                       placeholder: props.placeholder,
                       modelValue: unref(modelValue),
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
                       type: unref(password) ? currentPassType.value : unref(getTypeInput),
                       resize: "none"
                     }, _ctx.$attrs, {
                       autosize: { minRows: 3, maxRows: 6 },
                       clearable: props.clearable,
-                      onInput: updateValue
+                      onInput: updateValue,
+                      onBlur: _cache[5] || (_cache[5] = ($event) => emit2("blur"))
                     }), createSlots({ _: 2 }, [
                       unref(password) ? {
                         name: "append",
                         fn: withCtx(() => [
                           currentPassType.value === "password" ? (openBlock(), createElementBlock("img", {
                             key: 0,
-                            onClick: _cache[1] || (_cache[1] = ($event) => changedPassType($event)),
+                            onClick: _cache[2] || (_cache[2] = ($event) => changedPassType($event)),
                             class: "pass-svg",
                             src: _imports_2$2,
                             alt: ""
                           })) : (openBlock(), createElementBlock("img", {
                             key: 1,
-                            onClick: _cache[2] || (_cache[2] = ($event) => changedPassType($event)),
+                            onClick: _cache[3] || (_cache[3] = ($event) => changedPassType($event)),
                             class: "pass-svg",
                             src: _imports_3$1,
                             alt: ""
@@ -25612,14 +25614,15 @@ const _sfc_main$B = {
                       ref_key: "inputRef",
                       ref: inputRef,
                       modelValue: unref(formattedValue),
-                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
+                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null),
+                      onBlur: _cache[8] || (_cache[8] = ($event) => emit2("blur"))
                     }), createSlots({ _: 2 }, [
                       unref(currency) ? {
                         name: "append",
                         fn: withCtx(() => [
                           createElementVNode("span", {
                             class: "pl-currency__rub-icon",
-                            onClick: _cache[4] || (_cache[4] = ($event) => throwInput($event))
+                            onClick: _cache[6] || (_cache[6] = ($event) => throwInput($event))
                           }, "\u20BD")
                         ])
                       } : void 0
@@ -25933,7 +25936,7 @@ var objectSupport$1 = { exports: {} };
 })(objectSupport$1);
 var objectSupport = objectSupport$1.exports;
 var plDatePickerRange_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n2) => (pushScopeId("data-v-791cb68f"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-7f74f735"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$v = ["id"];
 const _hoisted_2$r = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
   class: "date-picker__img",
@@ -25951,9 +25954,8 @@ const _hoisted_10$3 = { class: "date-switcher date-switcher__month" };
 const _hoisted_11$3 = { class: "date-switcher__month-name" };
 const _hoisted_12$3 = { class: "date-switcher date-switcher__year" };
 const _hoisted_13$3 = { class: "date-switcher__year-name" };
-const _hoisted_14$3 = { class: "pl-date-picker__days" };
-const _hoisted_15$2 = ["onClick", "onMousemove"];
-const _hoisted_16$2 = { class: "field" };
+const _hoisted_14$3 = ["onClick", "onMousemove"];
+const _hoisted_15$2 = { class: "field" };
 const _sfc_main$w = {
   __name: "pl-date-picker-range",
   props: {
@@ -26085,6 +26087,32 @@ const _sfc_main$w = {
         setupUpdate();
       }
     };
+    const checkDateInput = (start2) => {
+      let tempDate;
+      if (start2) {
+        if (!validateDateValueString(rangeStartDateValue.value)) {
+          rangeStartDateValue.value = displayData(startDate.value);
+        }
+      } else {
+        if (!validateDateValueString(rangeEndDateValue.value)) {
+          rangeEndDateValue.value = displayData(endDate.value);
+        }
+      }
+      if (dayjs(rangeStartDateValue.value.split(".").reverse().join("-")).isAfter(dayjs(rangeEndDateValue.value.split(".").reverse().join("-")))) {
+        tempDate = rangeStartDateValue.value;
+        rangeStartDateValue.value = rangeEndDateValue.value;
+        rangeEndDateValue.value = tempDate;
+      }
+      startDate.value = dayjs(rangeStartDateValue.value.split(".").reverse().join("-"));
+      endDate.value = dayjs(rangeEndDateValue.value.split(".").reverse().join("-"));
+      range3 = [startDate.value, endDate.value];
+      setupUpdate();
+    };
+    const checkRangeInput = () => {
+      if (!validateDateValueString(dateValue.value)) {
+        dateValue.value = "";
+      }
+    };
     const setupUpdate = () => {
       start = {
         day: startDate.value.date(),
@@ -26184,6 +26212,10 @@ const _sfc_main$w = {
         closeDatePicker();
       });
     });
+    const daysRef = ref();
+    onClickOutside(daysRef, () => {
+      setupUpdate();
+    });
     const confirmDate = () => {
       currentDate.value = startDate.value;
       if (range3.length === 0 || range3.length === 1) {
@@ -26350,6 +26382,7 @@ const _sfc_main$w = {
             label: __props.label,
             placeholder: __props.placeholder,
             onInput: updateDate,
+            onBlur: checkRangeInput,
             datePicker: ""
           }, null, 8, ["mask", "modelValue", "label", "placeholder"]),
           _hoisted_2$r
@@ -26374,6 +26407,7 @@ const _sfc_main$w = {
                     id: "date-mask",
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rangeStartDateValue.value = $event),
                     onInput: updateDate,
+                    onBlur: _cache[2] || (_cache[2] = ($event) => checkDateInput(true)),
                     type: "text",
                     placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413",
                     class: "pl-date-picker__input"
@@ -26386,8 +26420,9 @@ const _sfc_main$w = {
                   _hoisted_8$4,
                   withDirectives(createElementVNode("input", {
                     id: "date-mask",
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rangeEndDateValue.value = $event),
-                    onInput: _cache[3] || (_cache[3] = ($event) => updateDate($event, true)),
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rangeEndDateValue.value = $event),
+                    onInput: _cache[4] || (_cache[4] = ($event) => updateDate($event, true)),
+                    onBlur: _cache[5] || (_cache[5] = ($event) => checkDateInput(false)),
                     type: "text",
                     placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413",
                     class: "pl-date-picker__input"
@@ -26422,7 +26457,11 @@ const _sfc_main$w = {
                 ])
               ])
             ]),
-            createElementVNode("div", _hoisted_14$3, [
+            createElementVNode("div", {
+              class: "pl-date-picker__days",
+              ref_key: "daysRef",
+              ref: daysRef
+            }, [
               (openBlock(), createElementBlock(Fragment, null, renderList(WEEK_DAYS2, (item, index) => {
                 return createElementVNode("div", {
                   class: "pl-date-picker__week-day",
@@ -26450,10 +26489,10 @@ const _sfc_main$w = {
                   onClick: ($event) => item.type !== "previous" && item.type !== "next" ? toggleSelection(item) : "",
                   onMousemove: ($event) => item.type !== "previous" && item.type !== "next" ? updateSelection(item, false) : ""
                 }, [
-                  createElementVNode("div", _hoisted_16$2, toDisplayString(item.type !== "previous" && item.type !== "next" ? item.day : ""), 1)
-                ], 42, _hoisted_15$2);
+                  createElementVNode("div", _hoisted_15$2, toDisplayString(item.type !== "previous" && item.type !== "next" ? item.day : ""), 1)
+                ], 42, _hoisted_14$3);
               }), 128))
-            ]),
+            ], 512),
             createElementVNode("div", { class: "pl-date-picker__buttons" }, [
               createElementVNode("button", {
                 class: "pl-date-picker__btn pl-date-picker__btn-cancel",
@@ -26470,7 +26509,7 @@ const _sfc_main$w = {
     };
   }
 };
-var PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-791cb68f"]]);
+var PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-7f74f735"]]);
 var datePicker = "";
 var scrollbar = "";
 var popper = "";