@factoringplus/pl-components-pack-v3 0.4.58 → 0.4.59

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

@@ -17554,7 +17554,7 @@ const _hoisted_2$y = ["aria-current", "tabindex"];
 const _hoisted_3$q = ["tabindex"];
 const _hoisted_4$i = ["aria-current", "tabindex"];
 const _hoisted_5$d = ["tabindex"];
-const _hoisted_6$8 = ["aria-current", "tabindex"];
+const _hoisted_6$7 = ["aria-current", "tabindex"];
 const __default__$j = defineComponent({
   name: "ElPaginationPager"
 });
@@ -17744,7 +17744,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           ], "number"]),
           "aria-current": _ctx.currentPage === _ctx.pageCount,
           tabindex: unref(tabindex)
-        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$8)) : createCommentVNode("v-if", true)
+        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$7)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$F);
     };
   }
@@ -25314,6 +25314,10 @@ const _sfc_main$z = {
       type: Boolean,
       default: false
     },
+    datePicker: {
+      type: Boolean,
+      default: false
+    },
     maxLength: {
       type: Number,
       default: 210
@@ -25373,7 +25377,7 @@ const _sfc_main$z = {
       default: () => ({ min: 0 })
     }
   },
-  emits: ["update:modelValue", "validate", "isValid"],
+  emits: ["update:modelValue", "validate"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     const refInput = ref();
@@ -25490,6 +25494,7 @@ const _sfc_main$z = {
       const _component_el_input = ElInput;
       const _component_el_form_item = ElFormItem;
       const _component_el_form = ElForm;
+      const _directive_maska = resolveDirective("maska");
       return openBlock(), createElementBlock("div", null, [
         createVNode(_component_el_form, {
           onValidate: validateInp,
@@ -25531,15 +25536,26 @@ const _sfc_main$z = {
                   prop: __props.prop
                 }, {
                   default: withCtx(() => [
-                    !unref(currency) ? (openBlock(), createBlock(_component_el_input, mergeProps({
+                    __props.datePicker ? withDirectives((openBlock(), createBlock(_component_el_input, {
                       key: 0,
+                      disabled: props.disabled,
+                      placeholder: props.placeholder,
+                      modelValue: unref(modelValue),
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+                      type: unref(getTypeInput),
+                      resize: "none",
+                      onInput: updateValue
+                    }, null, 8, ["disabled", "placeholder", "modelValue", "type"])), [
+                      [_directive_maska, "##.##.####"]
+                    ]) : !unref(currency) ? (openBlock(), createBlock(_component_el_input, mergeProps({
+                      key: 1,
                       class: { padding: props.prefix },
                       minlength: __props.minLength,
                       maxlength: __props.maxLength,
                       disabled: props.disabled,
                       placeholder: props.placeholder,
                       modelValue: unref(modelValue),
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
                       type: unref(getTypeInput),
                       resize: "none"
                     }, _ctx.$attrs, {
@@ -25547,7 +25563,7 @@ const _sfc_main$z = {
                       clearable: props.clearable,
                       onInput: updateValue
                     }), null, 16, ["class", "minlength", "maxlength", "disabled", "placeholder", "modelValue", "type", "clearable"])) : (openBlock(), createBlock(_component_el_input, mergeProps({
-                      key: 1,
+                      key: 2,
                       onKeydown: keydown,
                       class: { padding: props.prefix },
                       minlength: __props.minLength,
@@ -25559,14 +25575,14 @@ const _sfc_main$z = {
                       ref_key: "inputRef",
                       ref: inputRef,
                       modelValue: unref(formattedValue),
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
                     }), createSlots({ _: 2 }, [
                       unref(currency) ? {
                         name: "append",
                         fn: withCtx(() => [
                           createElementVNode("span", {
                             class: "pl-currency__rub-icon",
-                            onClick: _cache[1] || (_cache[1] = ($event) => throuInput($event))
+                            onClick: _cache[2] || (_cache[2] = ($event) => throuInput($event))
                           }, "\u20BD")
                         ])
                       } : void 0
@@ -35283,7 +35299,7 @@ const _hoisted_4$f = {
   class: "dialog-footer"
 };
 const _hoisted_5$a = /* @__PURE__ */ createTextVNode("\u0412\u044B\u0431\u0440\u0430\u0442\u044C");
-const _hoisted_6$7 = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
+const _hoisted_6$6 = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
 const _hoisted_7$4 = {
   key: 1,
   class: "dialog-footer"
@@ -35475,7 +35491,7 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign(__default__$6, {
             }, 8, ["disabled"]),
             createVNode(_component_el_button, { onClick: hide }, {
               default: withCtx(() => [
-                _hoisted_6$7
+                _hoisted_6$6
               ]),
               _: 1
             })
@@ -35598,7 +35614,7 @@ const _hoisted_5$9 = {
   key: 0,
   class: "d-flex pl-table-footer position-relative align-items-center justify-content-end"
 };
-const _hoisted_6$6 = {
+const _hoisted_6$5 = {
   key: 0,
   class: "totals"
 };
@@ -35738,7 +35754,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign(__default__$5, {
             "hide-on-single-page": true
           }, {
             default: withCtx(() => [
-              __props.isTotalVisible && unref(layout).includes("slot") ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(displayTotal()), 1)) : createCommentVNode("", true)
+              __props.isTotalVisible && unref(layout).includes("slot") ? (openBlock(), createElementBlock("span", _hoisted_6$5, toDisplayString(displayTotal()), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["page-size", "current-page", "page-sizes", "layout", "total"]),
@@ -38120,37 +38136,12 @@ var calendar = [
   }
 ];
 const WEEK_DAYS = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
-const DISPLAY_MONTHS = [
-  "\u042F\u043D\u0432\u0430\u0440\u044F",
-  "\u0424\u0435\u0432\u0440\u0430\u043B\u044F",
-  "\u041C\u0430\u0440\u0442\u0430",
-  "\u0410\u043F\u0440\u0435\u043B\u044F",
-  "\u041C\u0430\u044F",
-  "\u0418\u044E\u043D\u044F",
-  "\u0418\u044E\u043B\u044F",
-  "\u0410\u0432\u0433\u0443\u0441\u0442\u0430",
-  "\u0421\u0435\u043D\u0442\u044F\u0431\u0440\u044F",
-  "\u041E\u043A\u0442\u044F\u0431\u0440\u044F",
-  "\u041D\u043E\u044F\u0431\u0440\u044F",
-  "\u0414\u0435\u043A\u0430\u0431\u0440\u044F"
-];
 var plDatePickerPlus_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$d = { class: "date-picker-plus" };
-const _hoisted_2$c = {
-  key: 0,
-  class: "date-picker-plus__title"
-};
-const _hoisted_3$b = {
-  key: 1,
-  class: "date-picker-plus__placeholder"
-};
-const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("img", {
-  class: "date-picker-plus__img",
-  src: _imports_0$4,
-  alt: "date-picker icon"
-}, null, -1);
-const _hoisted_5$6 = { class: "date-picker-plus__days" };
-const _hoisted_6$5 = ["onClick"];
+const _hoisted_2$c = { class: "date-picker-plus__wrapper" };
+const _hoisted_3$b = { class: "date-picker-plus__days" };
+const _hoisted_4$7 = ["onClick"];
+const _hoisted_5$6 = { class: "field" };
 const _sfc_main$d = {
   __name: "pl-date-picker-plus",
   props: {
@@ -38162,6 +38153,10 @@ const _sfc_main$d = {
       type: String,
       default: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0430\u0442\u0443"
     },
+    label: {
+      type: String,
+      default: ""
+    },
     weekendsDisabled: {
       type: Boolean,
       default: true
@@ -38176,42 +38171,45 @@ const _sfc_main$d = {
     const selectedDate = ref(dayjs());
     const confirmedDate = ref(dayjs());
     const isOpen = ref(false);
+    const datePickerRef = ref(null);
+    const dateValue = ref(dayjs().format("DD.MM.YYYY"));
     const weekendsDate = calendar;
-    const displayDate = (value) => {
-      const dayjsDate = dayjs.isDayjs(value) ? value : dayjs(value);
-      return `${dayjsDate.date()} ${DISPLAY_MONTHS[dayjsDate.month()]}, ${dayjsDate.year()}`;
-    };
     const checkCurrentMonthDays = (dayItem) => {
       return selectedDate.value.date() === dayItem.day && selectedDate.value.month() === dayItem.month && selectedDate.value.year() === dayItem.year && dayItem.type === "current";
     };
-    const closeDatePicker = () => {
-      currentDate.value = confirmedDate.value;
-      selectedDate.value = confirmedDate.value;
-      isOpen.value = false;
-    };
-    const toggleDatePicker = () => {
-      currentDate.value = confirmedDate.value;
-      selectedDate.value = confirmedDate.value;
-      isOpen.value = !isOpen.value;
-    };
-    const target = ref(null);
-    onClickOutside(target, () => {
-      setTimeout(() => {
-        closeDatePicker();
-      });
-    });
+    ref(null);
+    const displayData = (value) => value.format("DD.MM.YYYY");
     const confirmDate = () => {
       confirmedDate.value = selectedDate.value;
-      currentDate.value = selectedDate.value;
-      emit2("update:modelValue", confirmedDate.value.toDate());
-      isOpen.value = false;
+      dateValue.value = displayData(selectedDate.value);
+      emit2("update:modelValue", selectedDate.value.format("DD.MM.YYYY"));
     };
     const selectDate = (item) => {
-      if (item.type === "current") {
-        selectedDate.value = dayjs().set("date", item.day).set("month", item.month).set("year", item.year);
-        confirmDate();
+      selectedDate.value = dayjs().set("date", item.day).set("month", item.month).set("year", item.year);
+      confirmDate();
+    };
+    const validate = (date4, format2) => {
+      return dayjs(date4, format2).format(format2) === date4;
+    };
+    const savedDate = ref();
+    const updateDate = (event) => {
+      savedDate.value = dayjs(event.target.value.split(".").reverse().join("-"));
+      if (validate(dateValue.value, "DD.MM.YYYY")) {
+        console.log(savedDate.value);
+        if (savedDate.value) {
+          currentDate.value = savedDate.value;
+          selectedDate.value = savedDate.value;
+          emit2("update:modelValue", selectedDate.value.format("DD.MM.YYYY"));
+        } else {
+          savedDate.value = confirmedDate.value;
+        }
       }
     };
+    onClickOutside(datePickerRef, () => {
+      setTimeout(() => {
+        isOpen.value = false;
+      });
+    });
     const getArrayOfDays = () => {
       const prevMonthDays = [];
       const currMonthDays = [];
@@ -38251,24 +38249,35 @@ const _sfc_main$d = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createElementVNode("div", {
-          class: "date-picker-plus__wrapper",
-          onClick: toggleDatePicker
-        }),
-        __props.modelValue ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(displayDate(__props.modelValue)), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString(__props.placeholder), 1)),
-        _hoisted_4$7,
+        createElementVNode("div", _hoisted_2$c, [
+          createVNode(_sfc_main$z, {
+            modelValue: dateValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dateValue.value = $event),
+            class: "date-picker-plus__input",
+            label: __props.label,
+            placeholder: __props.placeholder,
+            onInput: updateDate,
+            datePicker: ""
+          }, null, 8, ["modelValue", "label", "placeholder"]),
+          createElementVNode("img", {
+            class: "date-picker-plus__img",
+            src: _imports_0$4,
+            alt: "date-picker icon",
+            onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = !isOpen.value)
+          })
+        ]),
         isOpen.value ? (openBlock(), createElementBlock("div", {
-          key: 2,
+          key: 0,
           id: "date-picker-popup",
           class: "date-picker-plus__popup",
-          ref_key: "target",
-          ref: target
+          ref_key: "datePickerRef",
+          ref: datePickerRef
         }, [
           createVNode(_sfc_main$e, {
             modelValue: currentDate.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentDate.value = $event)
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentDate.value = $event)
           }, null, 8, ["modelValue"]),
-          createElementVNode("div", _hoisted_5$6, [
+          createElementVNode("div", _hoisted_3$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(WEEK_DAYS), (item, index) => {
               return openBlock(), createElementBlock("div", {
                 class: "date-picker-plus__week-day",
@@ -38285,8 +38294,10 @@ const _sfc_main$d = {
                   { "date-picker-plus__day-item_active-item": checkCurrentMonthDays(item) }
                 ]),
                 key: `dd${index}`,
-                onClick: ($event) => item.weekend ? {} : selectDate(item)
-              }, toDisplayString(item.day), 11, _hoisted_6$5);
+                onClick: ($event) => (item.weekend || (item.type === "previous" || item.type === "next") ? {} : selectDate(item), isOpen.value = false)
+              }, [
+                createElementVNode("div", _hoisted_5$6, toDisplayString(item.type !== "previous" && item.type !== "next" ? item.day : ""), 1)
+              ], 10, _hoisted_4$7);
             }), 128))
           ])
         ], 512)) : createCommentVNode("", true)