@factoringplus/pl-components-pack-v3 0.4.41-pre-3 → 0.4.41-pre-4

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

@@ -1809,7 +1809,7 @@ var export_helper_default = (sfc, props) => {
 };
 var _sfc_main6 = {
   name: "ArrowDown"
-}, _hoisted_16$3 = {
+}, _hoisted_16$2 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 }, _hoisted_26$1 = /* @__PURE__ */ createElementVNode("path", {
@@ -1819,7 +1819,7 @@ var _sfc_main6 = {
   _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(_sfc_main6, [["render", _sfc_render6], ["__file", "arrow-down.vue"]]);
 var _sfc_main8 = {
@@ -25059,42 +25059,36 @@ var isBetween$2 = { exports: {} };
 var isBetween$1 = isBetween$2.exports;
 var plDatePickerRange_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$s = { class: "d-flex" };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("div", { class: "nav-item" }, "\u0417\u0430\u0434\u0430\u0442\u044C \u043F\u0435\u0440\u0438\u043E\u0434", -1);
-const _hoisted_3$l = /* @__PURE__ */ createElementVNode("div", { class: "date-switcher__arrow date-switcher__arrow-right" }, null, -1);
-const _hoisted_4$f = [
-  _hoisted_2$o,
-  _hoisted_3$l
-];
-const _hoisted_5$b = { class: "date-switcher__container flex-column" };
-const _hoisted_6$8 = { class: "d-flex pb-4 justify-content-between" };
-const _hoisted_7$6 = { class: "date-switcher justify-content-center flex-column pe-3" };
-const _hoisted_8$4 = /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041D\u0430\u0447\u0430\u043B\u043E \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1);
-const _hoisted_9$4 = { class: "date-switcher justify-content-center flex-column ps-3" };
-const _hoisted_10$3 = /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041A\u043E\u043D\u0435\u0446 \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1);
-const _hoisted_11$3 = { class: "d-flex pt-2 justify-content-between" };
-const _hoisted_12$3 = { class: "date-switcher date-switcher__month" };
-const _hoisted_13$3 = { class: "date-switcher__month-name" };
-const _hoisted_14$3 = { class: "date-switcher date-switcher__year" };
-const _hoisted_15$2 = { class: "date-switcher__year-name" };
-const _hoisted_16$2 = { class: "pl-date-picker__days" };
-const _hoisted_17$2 = ["onClick", "onMousemove"];
+const _hoisted_2$o = { class: "date-switcher__container flex-column" };
+const _hoisted_3$l = { class: "d-flex pb-4 justify-content-between" };
+const _hoisted_4$f = { class: "date-switcher justify-content-center flex-column pe-3" };
+const _hoisted_5$b = /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041D\u0430\u0447\u0430\u043B\u043E \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1);
+const _hoisted_6$8 = { class: "date-switcher justify-content-center flex-column ps-3" };
+const _hoisted_7$6 = /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041A\u043E\u043D\u0435\u0446 \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1);
+const _hoisted_8$4 = { class: "d-flex pt-2 justify-content-between" };
+const _hoisted_9$4 = { class: "date-switcher date-switcher__month" };
+const _hoisted_10$3 = { class: "date-switcher__month-name" };
+const _hoisted_11$3 = { class: "date-switcher date-switcher__year" };
+const _hoisted_12$3 = { class: "date-switcher__year-name" };
+const _hoisted_13$3 = { class: "pl-date-picker__days" };
+const _hoisted_14$3 = ["onClick", "onMousemove"];
 const _sfc_main$s = {
   __name: "pl-date-picker-range",
   props: {
     modelValue: {
-      type: Array,
-      default: () => [new Date(), new Date()]
+      type: String,
+      default: ""
     },
-    showButton: {
-      type: Boolean,
-      default: false
+    isOpen: {
+      type: Boolean
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "changeOpen"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     dayjs.locale("ru");
     dayjs.extend(isBetween$1);
+    const { isOpen } = toRefs(props);
     const currentDate = ref(dayjs());
     const startDate = ref(dayjs());
     const endDate = ref(dayjs());
@@ -25102,7 +25096,6 @@ const _sfc_main$s = {
     const rangeStartDateValue = ref(dayjs().format("DD.MM.YYYY"));
     const rangeEndDateValue = ref("");
     const WEEK_DAYS2 = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
-    const isOpen = ref(true);
     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;
     let range3 = [];
     const updateDate = (event, flag) => {
@@ -25170,7 +25163,7 @@ const _sfc_main$s = {
     };
     const closeDatePicker = () => {
       currentDate.value = confirmedDate.value;
-      isOpen.value = false;
+      emit2("changeOpen", false);
     };
     const target = ref(null);
     onClickOutside(target, () => {
@@ -25186,8 +25179,8 @@ const _sfc_main$s = {
         confirmedDate.value = endDate.value;
         rangeEndDateValue.value = displayData(endDate.value);
       }
-      emit2("update:modelValue", [startDate.value.format(), endDate.value.format()]);
-      isOpen.value = false;
+      emit2("update:modelValue", startDate.value.format("DD.MM.YY") + "-" + endDate.value.format("DD.MM.YY"));
+      emit2("changeOpen", false);
     };
     const getArrayOfDays = () => {
       const prevMonthDays = [];
@@ -25295,25 +25288,20 @@ const _sfc_main$s = {
     return (_ctx, _cache) => {
       const _directive_maska = resolveDirective("maska");
       return openBlock(), createElementBlock("div", _hoisted_1$s, [
-        props.showButton ? (openBlock(), createElementBlock("div", {
+        unref(isOpen) ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: "nav-item-container d-flex",
-          onMouseenter: _cache[0] || (_cache[0] = ($event) => isOpen.value = true)
-        }, _hoisted_4$f, 32)) : createCommentVNode("", true),
-        isOpen.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
           id: "date-picker-popup",
           class: "pl-date-picker__popup",
           ref_key: "target",
           ref: target
         }, [
-          createElementVNode("div", _hoisted_5$b, [
-            createElementVNode("div", _hoisted_6$8, [
-              createElementVNode("div", _hoisted_7$6, [
-                _hoisted_8$4,
+          createElementVNode("div", _hoisted_2$o, [
+            createElementVNode("div", _hoisted_3$l, [
+              createElementVNode("div", _hoisted_4$f, [
+                _hoisted_5$b,
                 withDirectives(createElementVNode("input", {
                   id: "date-mask",
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rangeStartDateValue.value = $event),
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rangeStartDateValue.value = $event),
                   onInput: updateDate,
                   type: "text",
                   placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413"
@@ -25322,12 +25310,12 @@ const _sfc_main$s = {
                   [vModelText, rangeStartDateValue.value]
                 ])
               ]),
-              createElementVNode("div", _hoisted_9$4, [
-                _hoisted_10$3,
+              createElementVNode("div", _hoisted_6$8, [
+                _hoisted_7$6,
                 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[1] || (_cache[1] = ($event) => rangeEndDateValue.value = $event),
+                  onInput: _cache[2] || (_cache[2] = ($event) => updateDate($event, true)),
                   type: "text",
                   placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413"
                 }, null, 544), [
@@ -25336,24 +25324,24 @@ const _sfc_main$s = {
                 ])
               ])
             ]),
-            createElementVNode("div", _hoisted_11$3, [
-              createElementVNode("div", _hoisted_12$3, [
+            createElementVNode("div", _hoisted_8$4, [
+              createElementVNode("div", _hoisted_9$4, [
                 createElementVNode("div", {
                   class: "date-switcher__arrow date-switcher__arrow-left",
                   onClick: switchPrevMonth
                 }),
-                createElementVNode("span", _hoisted_13$3, toDisplayString(capitalize2(currentDate.value.format("MMMM"))), 1),
+                createElementVNode("span", _hoisted_10$3, toDisplayString(capitalize2(currentDate.value.format("MMMM"))), 1),
                 createElementVNode("div", {
                   class: "date-switcher__arrow date-switcher__arrow-right",
                   onClick: switchNextMonth
                 })
               ]),
-              createElementVNode("div", _hoisted_14$3, [
+              createElementVNode("div", _hoisted_11$3, [
                 createElementVNode("div", {
                   class: "date-switcher__arrow date-switcher__arrow-left",
                   onClick: switchPrevYear
                 }),
-                createElementVNode("span", _hoisted_15$2, toDisplayString(capitalize2(currentDate.value.format("YYYY"))), 1),
+                createElementVNode("span", _hoisted_12$3, toDisplayString(capitalize2(currentDate.value.format("YYYY"))), 1),
                 createElementVNode("div", {
                   class: "date-switcher__arrow date-switcher__arrow-right",
                   onClick: switchNextYear
@@ -25361,7 +25349,7 @@ const _sfc_main$s = {
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_16$2, [
+          createElementVNode("div", _hoisted_13$3, [
             (openBlock(), createElementBlock(Fragment, null, renderList(WEEK_DAYS2, (item, index) => {
               return createElementVNode("div", {
                 class: "pl-date-picker__week-day",
@@ -25382,7 +25370,7 @@ const _sfc_main$s = {
                 key: `dd${index}`,
                 onClick: ($event) => toggleSelection(item),
                 onMousemove: ($event) => updateSelection(item)
-              }, toDisplayString(item.day), 43, _hoisted_17$2);
+              }, toDisplayString(item.day), 43, _hoisted_14$3);
             }), 128))
           ]),
           createElementVNode("div", { class: "pl-date-picker__buttons" }, [