@factoringplus/pl-components-pack-v3 0.4.57-pre-2 → 0.4.58

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$7 = ["aria-current", "tabindex"];
+const _hoisted_6$8 = ["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$7)) : createCommentVNode("v-if", true)
+        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$8)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$F);
     };
   }
@@ -25314,10 +25314,6 @@ const _sfc_main$z = {
       type: Boolean,
       default: false
     },
-    datePicker: {
-      type: Boolean,
-      default: false
-    },
     maxLength: {
       type: Number,
       default: 210
@@ -25377,7 +25373,7 @@ const _sfc_main$z = {
       default: () => ({ min: 0 })
     }
   },
-  emits: ["update:modelValue", "validate"],
+  emits: ["update:modelValue", "validate", "isValid"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     const refInput = ref();
@@ -25494,7 +25490,6 @@ 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,
@@ -25536,26 +25531,15 @@ const _sfc_main$z = {
                   prop: __props.prop
                 }, {
                   default: withCtx(() => [
-                    __props.datePicker ? withDirectives((openBlock(), createBlock(_component_el_input, {
+                    !unref(currency) ? (openBlock(), createBlock(_component_el_input, mergeProps({
                       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[1] || (_cache[1] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
                       type: unref(getTypeInput),
                       resize: "none"
                     }, _ctx.$attrs, {
@@ -25563,7 +25547,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: 2,
+                      key: 1,
                       onKeydown: keydown,
                       class: { padding: props.prefix },
                       minlength: __props.minLength,
@@ -25575,14 +25559,14 @@ const _sfc_main$z = {
                       ref_key: "inputRef",
                       ref: inputRef,
                       modelValue: unref(formattedValue),
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
                     }), createSlots({ _: 2 }, [
                       unref(currency) ? {
                         name: "append",
                         fn: withCtx(() => [
                           createElementVNode("span", {
                             class: "pl-currency__rub-icon",
-                            onClick: _cache[2] || (_cache[2] = ($event) => throuInput($event))
+                            onClick: _cache[1] || (_cache[1] = ($event) => throuInput($event))
                           }, "\u20BD")
                         ])
                       } : void 0
@@ -35299,7 +35283,7 @@ const _hoisted_4$f = {
   class: "dialog-footer"
 };
 const _hoisted_5$a = /* @__PURE__ */ createTextVNode("\u0412\u044B\u0431\u0440\u0430\u0442\u044C");
-const _hoisted_6$6 = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
+const _hoisted_6$7 = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
 const _hoisted_7$4 = {
   key: 1,
   class: "dialog-footer"
@@ -35491,7 +35475,7 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign(__default__$6, {
             }, 8, ["disabled"]),
             createVNode(_component_el_button, { onClick: hide }, {
               default: withCtx(() => [
-                _hoisted_6$6
+                _hoisted_6$7
               ]),
               _: 1
             })
@@ -35614,7 +35598,7 @@ const _hoisted_5$9 = {
   key: 0,
   class: "d-flex pl-table-footer position-relative align-items-center justify-content-end"
 };
-const _hoisted_6$5 = {
+const _hoisted_6$6 = {
   key: 0,
   class: "totals"
 };
@@ -35754,7 +35738,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$5, toDisplayString(displayTotal()), 1)) : createCommentVNode("", true)
+              __props.isTotalVisible && unref(layout).includes("slot") ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(displayTotal()), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["page-size", "current-page", "page-sizes", "layout", "total"]),
@@ -38136,12 +38120,37 @@ 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 = { 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 _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 _sfc_main$d = {
   __name: "pl-date-picker-plus",
   props: {
@@ -38153,10 +38162,6 @@ 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
@@ -38171,46 +38176,42 @@ 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";
     };
-    ref(null);
-    const displayData = (value) => value.format("DD.MM.YYYY");
+    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();
+      });
+    });
     const confirmDate = () => {
       confirmedDate.value = selectedDate.value;
-      dateValue.value = displayData(selectedDate.value);
-      emit2("update:modelValue", selectedDate.value.format("DD.MM.YYYY"));
+      currentDate.value = selectedDate.value;
+      emit2("update:modelValue", confirmedDate.value.toDate());
+      isOpen.value = false;
     };
     const selectDate = (item) => {
-      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")) {
-        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;
-        }
-      } else {
-        dateValue.value = displayData(selectedDate.value);
+      if (item.type === "current") {
+        selectedDate.value = dayjs().set("date", item.day).set("month", item.month).set("year", item.year);
+        confirmDate();
       }
     };
-    onClickOutside(datePickerRef, () => {
-      setTimeout(() => {
-        isOpen.value = false;
-      });
-    });
     const getArrayOfDays = () => {
       const prevMonthDays = [];
       const currMonthDays = [];
@@ -38250,35 +38251,24 @@ const _sfc_main$d = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        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)
-          })
-        ]),
+        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,
         isOpen.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
+          key: 2,
           id: "date-picker-popup",
           class: "date-picker-plus__popup",
-          ref_key: "datePickerRef",
-          ref: datePickerRef
+          ref_key: "target",
+          ref: target
         }, [
           createVNode(_sfc_main$e, {
             modelValue: currentDate.value,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentDate.value = $event)
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentDate.value = $event)
           }, null, 8, ["modelValue"]),
-          createElementVNode("div", _hoisted_3$b, [
+          createElementVNode("div", _hoisted_5$6, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(WEEK_DAYS), (item, index) => {
               return openBlock(), createElementBlock("div", {
                 class: "date-picker-plus__week-day",
@@ -38295,10 +38285,8 @@ const _sfc_main$d = {
                   { "date-picker-plus__day-item_active-item": checkCurrentMonthDays(item) }
                 ]),
                 key: `dd${index}`,
-                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);
+                onClick: ($event) => item.weekend ? {} : selectDate(item)
+              }, toDisplayString(item.day), 11, _hoisted_6$5);
             }), 128))
           ])
         ], 512)) : createCommentVNode("", true)