@factoringplus/pl-components-pack-v3 0.4.61 → 0.4.63

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

@@ -25901,7 +25901,10 @@ var objectSupport$1 = { exports: {} };
 var objectSupport = objectSupport$1.exports;
 var plDatePickerRange_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$u = { class: "date-picker" };
-const _hoisted_2$q = { class: "date-picker__wrapper" };
+const _hoisted_2$q = {
+  key: 0,
+  class: "date-picker__wrapper"
+};
 const _hoisted_3$n = { class: "date-switcher__container flex-column" };
 const _hoisted_4$g = { class: "d-flex pb-4 justify-content-between" };
 const _hoisted_5$b = { class: "date-switcher justify-content-center flex-column" };
@@ -25930,45 +25933,46 @@ const _sfc_main$u = {
     label: {
       type: String,
       default: ""
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    showInput: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "changeOpen"],
   setup(__props, { emit: emit2 }) {
+    const props = __props;
     dayjs.locale("ru");
     dayjs.extend(isBetween);
     dayjs.extend(objectSupport);
+    const { isOpen } = toRefs(props);
     const regMask = /^(?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))\1|(?:(?:29|30)(\/|-|\.)(?:0?[1,3-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:29(\/|-|\.)0?2\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\d|2[0-8])(\/|-|\.)(?:(?:0?[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)?\d{4})$/g;
     const dateValue = ref("");
     const currentDate = ref(dayjs());
     const startDate = ref(dayjs());
     const endDate = ref(dayjs());
     const confirmedDate = ref(dayjs());
-    const isOpen = ref(false);
     const rangeStartDateValue = ref(dayjs().format("DD.MM.YYYY"));
     const rangeEndDateValue = ref(dayjs().format("DD.MM.YYYY"));
     const WEEK_DAYS2 = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
-    watch(dateValue, (value) => {
-      if (regMask.test(value.split("-")[0])) {
-        rangeStartDateValue.value = dayjs(value.split("-")[0].split(".").reverse().join("-")).format("DD.MM.YYYY");
-      }
-      if (regMask.test(value.split("-")[1])) {
-        rangeEndDateValue.value = dayjs(value.split("-")[1].split(".").reverse().join("-")).format("DD.MM.YYYY");
-      }
-    });
     let range3 = [];
     const updateDate = (event, flag) => {
       if (regMask.test(event.target.value)) {
         if (flag) {
           if (dayjs(event.target.value.split(".").reverse().join("-")).isAfter(startDate.value)) {
             endDate.value = dayjs(event.target.value.split(".").reverse().join("-"));
-            setupUpdate();
           }
         } else {
           if (dayjs(event.target.value.split(".").reverse().join("-")).isBefore(endDate.value)) {
             startDate.value = dayjs(event.target.value.split(".").reverse().join("-"));
-            setupUpdate();
           }
         }
+        range3 = [startDate.value, endDate.value];
+        setupUpdate();
       }
     };
     const setupUpdate = () => {
@@ -25982,11 +25986,8 @@ const _sfc_main$u = {
         month: endDate.value.month(),
         year: endDate.value.year()
       };
-      updateSelection({
-        day: endDate.value.date(),
-        month: endDate.value.month(),
-        year: endDate.value.year()
-      });
+      updateSelection(end);
+      selecting = false;
     };
     const capitalize2 = (value) => value.charAt(0).toUpperCase() + value.slice(1);
     const displayData = (value) => value.format("DD.MM.YYYY");
@@ -26006,6 +26007,9 @@ const _sfc_main$u = {
       const day = extremeDay.date() === item.day && extremeDay.month() === item.month && extremeDay.year() === item.year;
       return day;
     };
+    const activeDay = (dayItem) => {
+      return range3.length === 2 ? checkDay(dayItem, startDate.value) || checkDay(dayItem, endDate.value) : checkDay(dayItem, startDate.value);
+    };
     const framePosition = (dayItem) => {
       const isAfter2 = endDate.value.isAfter(startDate.value);
       const isSame2 = endDate.value.isSame(startDate.value, "day");
@@ -26019,7 +26023,7 @@ const _sfc_main$u = {
       } else
         return;
     };
-    const closeDatePicker = () => {
+    const cancelButton = () => {
       toggleSelection({
         day: dayjs().date(),
         month: dayjs().month(),
@@ -26034,8 +26038,28 @@ const _sfc_main$u = {
       currentDate.value = startDate.value;
       range3 = [];
       dateValue.value = "";
-      isOpen.value = false;
+      emit2("changeOpen", true);
     };
+    const closeDatePicker = () => {
+      if (!regMask.test(dateValue.value.split("-")[0])) {
+        endDate.value = dayjs();
+        startDate.value = dayjs();
+        rangeStartDateValue.value = startDate.value.format("DD.MM.YYYY");
+        rangeEndDateValue.value = endDate.value.format("DD.MM.YYYY");
+        currentDate.value = startDate.value;
+      }
+      setupUpdate();
+      emit2("changeOpen", true);
+    };
+    watch(isOpen, () => {
+      if (regMask.test(dateValue.value.split("-")[0])) {
+        rangeStartDateValue.value = dayjs(dateValue.value.split("-")[0].split(".").reverse().join("-")).format("DD.MM.YYYY");
+        rangeEndDateValue.value = dayjs(dateValue.value.split("-")[1].split(".").reverse().join("-")).format("DD.MM.YYYY");
+        endDate.value = dayjs(dayjs(dateValue.value.split("-")[1].split(".").reverse().join("-")));
+        startDate.value = dayjs(dateValue.value.split("-")[0].split(".").reverse().join("-"));
+        setupUpdate();
+      }
+    });
     const datePickerRef = ref(null);
     onClickOutside(datePickerRef, () => {
       setTimeout(() => {
@@ -26053,7 +26077,7 @@ const _sfc_main$u = {
       }
       dateValue.value = startDate.value.format("DD.MM.YYYY") + "-" + endDate.value.format("DD.MM.YYYY");
       emit2("update:modelValue", startDate.value.format("DD.MM.YYYY") + "-" + endDate.value.format("DD.MM.YYYY"));
-      isOpen.value = false;
+      emit2("changeOpen", true);
     };
     const getArrayOfDays = () => {
       dayjs();
@@ -26183,7 +26207,7 @@ const _sfc_main$u = {
     return (_ctx, _cache) => {
       const _directive_maska = resolveDirective("maska");
       return openBlock(), createElementBlock("div", _hoisted_1$u, [
-        createElementVNode("div", _hoisted_2$q, [
+        __props.showInput ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
           createVNode(_sfc_main$z, {
             mask: "##.##.####-##.##.####",
             modelValue: dateValue.value,
@@ -26197,11 +26221,11 @@ const _sfc_main$u = {
             class: "date-picker__img",
             src: _imports_0$8,
             alt: "date-picker icon",
-            onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = !isOpen.value)
+            onClick: _cache[1] || (_cache[1] = ($event) => emit2("changeOpen", !unref(isOpen)))
           })
-        ]),
-        isOpen.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
+        ])) : createCommentVNode("", true),
+        !unref(isOpen) ? (openBlock(), createElementBlock("div", {
+          key: 1,
           id: "date-picker-popup",
           class: "pl-date-picker__popup",
           ref_key: "datePickerRef",
@@ -26280,13 +26304,16 @@ const _sfc_main$u = {
                   {
                     "pl-date-picker__day-item_disabled": item.type !== "current"
                   },
+                  {
+                    "pl-date-picker__day-item_svg-circle-background": activeDay(item)
+                  },
                   {
                     "pl-date-picker__background-range": item.type !== "previous" && item.type !== "next" ? updateSelection(item, true) : ""
                   }
                 ]),
                 key: `dd${index}`,
                 onClick: ($event) => item.type !== "previous" && item.type !== "next" ? toggleSelection(item) : "",
-                onMousemove: ($event) => item.type !== "previous" && item.type !== "next" ? updateSelection(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);
@@ -26295,7 +26322,7 @@ const _sfc_main$u = {
           createElementVNode("div", { class: "pl-date-picker__buttons" }, [
             createElementVNode("button", {
               class: "pl-date-picker__btn pl-date-picker__btn-cancel",
-              onClick: closeDatePicker
+              onClick: cancelButton
             }, " \u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C "),
             createElementVNode("button", {
               class: "pl-date-picker__btn pl-date-picker__btn-confirm",