@dv.net/ui-kit 7.5.2 → 7.5.3

package/dist/assets/{UiDatepickerRange.vue_vue_type_script_setup_true_lang.DCzJY2wh.js → UiDatepickerRange.vue_vue_type_script_setup_true_lang.4d4FeAtU.js}

@@ -1,14 +1,14 @@
-import { defineComponent as X, mergeModels as Z, useModel as Y, computed as k, ref as $, onMounted as x, createElementBlock as P, openBlock as p, normalizeClass as ee, createVNode as r, unref as t, withCtx as s, createElementVNode as D, createCommentVNode as z, renderSlot as N, createBlock as R, createTextVNode as C, toDisplayString as y } from "vue";
-import { _ as te } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang.BDpkRcEN.js";
-import { Q as ae } from "./style.C3xG1ALc.js";
-import { _ as ie } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang.CKckhapZ.js";
+import { defineComponent as x, mergeModels as N, useModel as ee, computed as k, ref as $, onMounted as te, createElementBlock as P, openBlock as p, normalizeClass as ae, createVNode as r, unref as t, withCtx as s, createElementVNode as D, createCommentVNode as z, renderSlot as R, createBlock as U, createTextVNode as C, toDisplayString as y } from "vue";
+import { _ as ie } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang.BDpkRcEN.js";
+import { Q as le } from "./style.C3xG1ALc.js";
+import { _ as oe } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang.CKckhapZ.js";
 /* empty css                                                           */
-import { _ as oe } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang.BGkzUy3Z.js";
-import { _ as U } from "./UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js";
-import { a as le } from "./index.Cp1LhIxy.js";
+import { _ as ne } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang.BGkzUy3Z.js";
+import { _ as F } from "./UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js";
+import { a as re } from "./index.Cp1LhIxy.js";
 import "./vue3-lottie.es.BGWavb2-.js";
-import { _ as F } from "./UiButton.vue_vue_type_script_setup_true_lang.C58Ve9-q.js";
-import { _ as ne } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
+import { _ as E } from "./UiButton.vue_vue_type_script_setup_true_lang.C58Ve9-q.js";
+import { _ as se } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
 /* empty css                                                */
 /* empty css                                                        */
 import { config as b } from "../config/index.js";
@@ -19,10 +19,10 @@ import { config as b } from "../config/index.js";
 /* empty css                                                                  */
 /* empty css                                                       */
 /* empty css                                                            */
-import { u as re } from "./useDatePicker.DnhbkLG1.js";
+import { u as me } from "./useDatePicker.DnhbkLG1.js";
 /* empty css                                                         */
-import { useDatePickerPresets as se } from "../components/UiDatepicker/composables/useDatePickerPresets.js";
-import { useDatePickerSelected as me } from "../components/UiDatepicker/composables/useDatePickerSelected.js";
+import { useDatePickerPresets as ue } from "../components/UiDatepicker/composables/useDatePickerPresets.js";
+import { useDatePickerSelected as de } from "../components/UiDatepicker/composables/useDatePickerSelected.js";
 /* empty css                                                       */
 /* empty css                                                   */
 /* empty css                                                  */
@@ -39,15 +39,15 @@ import "vue-router";
 /* empty css                                                */
 /* empty css                                                    */
 /* empty css                                                               */
-const ue = {
+const ce = {
   key: 1,
   class: "ui-datepicker__trigger"
-}, de = { class: "ui-datepicker__navigate" }, ce = { class: "ui-datepicker__navigate-value" }, pe = { class: "ui-datepicker__actions" }, ve = {
+}, pe = { class: "ui-datepicker__navigate" }, ve = { class: "ui-datepicker__navigate-value" }, fe = { class: "ui-datepicker__actions" }, ge = {
   key: 0,
   class: "ui-datepicker__actions-slot"
-}, fe = { class: "ui-datepicker__actions-btns" }, it = /* @__PURE__ */ X({
+}, ke = { class: "ui-datepicker__actions-btns" }, ot = /* @__PURE__ */ x({
   __name: "UiDatepickerRange",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ N({
     disabled: { type: Boolean },
     beginDate: {},
     size: { default: "xs" },
@@ -63,26 +63,26 @@ const ue = {
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(w) {
-    const n = w, i = Y(w, "modelValue"), { width: E } = le(), { dayjs: m, today: Q, endDate: _, startDate: V, beginDate: j, modelValueFormat: h } = re(i), M = k(
+  emits: /* @__PURE__ */ N(["clear"], ["update:modelValue"]),
+  setup(w, { emit: Q }) {
+    const n = w, j = Q, i = ee(w, "modelValue"), { width: W } = re(), { dayjs: m, today: q, endDate: _, startDate: V, beginDate: G, modelValueFormat: h } = me(i), M = k(
       () => n.enableTimePicker ? `${h.value} HH:mm` : h.value
-    ), u = $(), l = $(["", ""]), d = $(!1), W = k(
+    ), u = $(), o = $(["", ""]), d = $(!1), J = k(
       () => n.beginDate ? m(n.beginDate).format(h.value) : null
-    ), v = k(() => n.maxDate ?? Q), B = k(() => n.minDate), { presets: f } = se({ beginDate: W.value ?? j.value }), { isAllTimeSelected: q, selectedDate: A, formattedSelectedDate: G, selectedRange: J } = me({
+    ), v = k(() => n.maxDate ?? q), B = k(() => n.minDate), { presets: f } = ue({ beginDate: J.value ?? G.value }), { isAllTimeSelected: K, selectedDate: A, formattedSelectedDate: L, selectedRange: O } = de({
       presets: f,
       startDate: V,
       endDate: _,
       minDate: B,
       maxDate: v
     });
-    function K(e) {
+    function X(e) {
       H(e.date), u.value.closeMenu();
     }
-    function L(e) {
+    function Z(e) {
       if (!e) return;
       const a = Array.isArray(e) ? e : [e, e];
-      d.value = e.length < 2, a.length === 2 && (l.value = a);
+      d.value = e.length < 2, a.length === 2 && (o.value = a);
     }
     function T(e) {
       i.value = [m(e[0]).format(M.value), m(e[1]).format(M.value)];
@@ -90,37 +90,37 @@ const ue = {
     function H(e) {
       const a = Array.isArray(e) ? e : [e, e];
       if (V.value && _.value) {
-        const o = n.enableTimePicker ? "minute" : "day";
-        V.value.isSame(a[0], o) && _.value.isSame(a[1], o) || T(a);
+        const l = n.enableTimePicker ? "minute" : "day";
+        V.value.isSame(a[0], l) && _.value.isSame(a[1], l) || T(a);
       } else
         T(a);
     }
-    function O() {
-      const e = n.single ? m(l.value[0], b.uiDatePicker.modelValueFormat).toDate() : l.value;
+    function Y() {
+      const e = n.single ? m(o.value[0], b.uiDatePicker.modelValueFormat).toDate() : o.value;
       u.value?.updateInternalModelValue(e), u.value?.setMonthYear({
-        month: m(l.value[0]).month(),
-        year: m(l.value[0]).year()
+        month: m(o.value[0]).month(),
+        year: m(o.value[0]).year()
       });
     }
     const I = () => {
-      i.value = [], l.value = ["", ""], d.value = !0, u.value?.closeMenu();
+      i.value = [], o.value = ["", ""], d.value = !0, u.value?.closeMenu(), j("clear");
     };
-    return x(() => {
+    return te(() => {
       i.value.length || (d.value = !0);
     }), (e, a) => (p(), P("div", {
-      class: ee(["ui-datepicker-range", [e.size, { "is-disabled": e.disabled }]])
+      class: ae(["ui-datepicker-range", [e.size, { "is-disabled": e.disabled }]])
     }, [
-      r(oe, {
-        disabled: !i.value.length || t(q),
+      r(ne, {
+        disabled: !i.value.length || t(K),
         modelValue: i.value,
-        "onUpdate:modelValue": a[2] || (a[2] = (o) => i.value = o),
-        "selected-range": t(J),
+        "onUpdate:modelValue": a[2] || (a[2] = (l) => i.value = l),
+        "selected-range": t(O),
         "is-show": !e.hideSliderArrows,
         "min-date": B.value,
         "max-date": v.value
       }, {
         default: s(() => [
-          r(t(ae), {
+          r(t(le), {
             position: "center",
             locale: t(b).locale,
             ref_key: "pickerRef",
@@ -131,7 +131,7 @@ const ue = {
             "hours-grid-increment": 1,
             "minutes-grid-increment": 1,
             range: !e.single,
-            "multi-calendars": !e.single && t(E) > 1e3,
+            "multi-calendars": !e.single && t(W) > 1e3,
             "month-name-format": "long",
             "max-date": v.value,
             "min-date": B.value,
@@ -140,49 +140,49 @@ const ue = {
             offset: 0,
             timezone: e.timezone,
             "onUpdate:modelValue": H,
-            onInternalModelChange: L
+            onInternalModelChange: Z
           }, {
             "left-sidebar": s(() => [
-              !e.single && t(f).length ? (p(), R(ie, {
+              !e.single && t(f).length ? (p(), U(oe, {
                 key: 0,
                 presets: t(f),
-                date: l.value,
-                onChange: K
+                date: o.value,
+                onChange: X
               }, null, 8, ["presets", "date"])) : z("", !0),
-              r(te, {
-                onChange: O,
-                onSubmit: a[0] || (a[0] = (o) => u.value.selectDate()),
-                modelValue: l.value,
-                "onUpdate:modelValue": a[1] || (a[1] = (o) => l.value = o),
+              r(ie, {
+                onChange: Y,
+                onSubmit: a[0] || (a[0] = (l) => u.value.selectDate()),
+                modelValue: o.value,
+                "onUpdate:modelValue": a[1] || (a[1] = (l) => o.value = l),
                 single: e.single
               }, null, 8, ["modelValue", "single"])
             ]),
             trigger: s(() => [
-              e.$slots.trigger ? N(e.$slots, "trigger", {
+              e.$slots.trigger ? R(e.$slots, "trigger", {
                 key: 0,
                 date: i.value,
                 presets: t(f),
                 selectedDate: t(A),
-                formattedSelectedDate: t(G)
-              }) : (p(), P("button", ue, [
-                r(t(ne), {
+                formattedSelectedDate: t(L)
+              }) : (p(), P("button", ce, [
+                r(t(se), {
                   type: "400",
                   name: "calendar-month"
                 }),
                 C(y(t(A)), 1)
               ]))
             ]),
-            "month-year": s(({ month: o, months: c, handleMonthYearChange: g }) => [
-              D("div", de, [
-                r(U, {
+            "month-year": s(({ month: l, months: c, handleMonthYearChange: g }) => [
+              D("div", pe, [
+                r(F, {
                   onClick: (S) => g && g(!1),
                   "icon-type": "400",
                   size: "lg",
                   "icon-name": "chevron-left 1",
                   "no-size": ""
                 }, null, 8, ["onClick"]),
-                D("span", ce, y(c?.find((S) => S.value === o)?.text), 1),
-                r(U, {
+                D("span", ve, y(c?.find((S) => S.value === l)?.text), 1),
+                r(F, {
                   onClick: (S) => g && g(!0),
                   "icon-type": "400",
                   size: "lg",
@@ -191,11 +191,11 @@ const ue = {
                 }, null, 8, ["onClick"])
               ])
             ]),
-            "action-row": s(({ disabled: o, selectDate: c }) => [
-              D("div", pe, [
-                e.$slots["action-row"] ? (p(), P("div", ve, [
-                  N(e.$slots, "action-row", {
-                    disabled: o,
+            "action-row": s(({ disabled: l, selectDate: c }) => [
+              D("div", fe, [
+                e.$slots["action-row"] ? (p(), P("div", ge, [
+                  R(e.$slots, "action-row", {
+                    disabled: l,
                     selectDate: c,
                     clearDate: I,
                     isDisabledBtn: d.value,
@@ -203,9 +203,9 @@ const ue = {
                     clearable: e.clearable
                   })
                 ])) : z("", !0),
-                D("div", fe, [
-                  r(t(F), {
-                    disabled: d.value || o,
+                D("div", ke, [
+                  r(t(E), {
+                    disabled: d.value || l,
                     mode: "neutral",
                     onClick: c
                   }, {
@@ -214,7 +214,7 @@ const ue = {
                     ]),
                     _: 2
                   }, 1032, ["disabled", "onClick"]),
-                  i.value.length && e.clearable ? (p(), R(t(F), {
+                  i.value.length && e.clearable ? (p(), U(t(E), {
                     key: 0,
                     type: "secondary",
                     onClick: I
@@ -236,5 +236,5 @@ const ue = {
   }
 });
 export {
-  it as _
+  ot as _
 };

package/dist/components/UiDatepicker/UiDatepickerRange.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.DCzJY2wh.js";
+import { _ as m } from "../../assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.4d4FeAtU.js";
 import "../../assets/style.C3xG1ALc.js";
 export {
   m as default

package/dist/components/UiDatepicker/UiDatepickerRange.vue.d.ts

@@ -1093,7 +1093,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string[]) => any;
+} & {
+    clear: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
     size: import('./types').DatepickerSize;

package/dist/index.js

@@ -12,7 +12,7 @@ import { _ as v } from "./assets/UiCollapseItem.vue_vue_type_script_setup_true_l
 import { _ as j } from "./assets/UiConfirm.vue_vue_type_script_setup_true_lang.C0NGQkz6.js";
 import { _ as O } from "./assets/UiCopyText.vue_vue_type_script_setup_true_lang.BW_J9zQD.js";
 /* empty css                                                           */
-import { _ as z } from "./assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.DCzJY2wh.js";
+import { _ as z } from "./assets/UiDatepickerRange.vue_vue_type_script_setup_true_lang.4d4FeAtU.js";
 import { default as H } from "./components/UiDragAndDrop/UiDragAndDrop.js";
 import { _ as K } from "./assets/UiDrawer.vue_vue_type_script_setup_true_lang.7FvRxX0A.js";
 /* empty css                                                         */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dv.net/ui-kit",
   "private": false,
-  "version": "7.5.2",
+  "version": "7.5.3",
   "type": "module",
   "sideEffects": false,
   "module": "dist/index.js",