@dv.net/ui-kit 7.2.21 → 7.3.0

package/dist/chunks/DatePickerPresets.vue_vue_type_script_setup_true_lang-lIwelXtJ.js

@@ -1,91 +0,0 @@
-import { defineComponent as D, ref as P, computed as f, watch as v, createElementBlock as o, openBlock as l, createElementVNode as A, Fragment as C, renderList as w, normalizeClass as S, toDisplayString as q } from "vue";
-import { u as x } from "./useDatePicker-Chd_Lf-L.js";
-import { config as a } from "../config/index.js";
-const z = { class: "com-datepicker-presets" }, B = { class: "com-datepicker-presets--buttons" }, E = ["onClick"], M = /* @__PURE__ */ D({
-  __name: "DatePickerPresets",
-  props: {
-    date: {},
-    beginDate: {}
-  },
-  emits: ["change"],
-  setup(u, { emit: m }) {
-    const { dayjs: c, today: e, weekAgo: p, monthAgo: k, quarterAgo: y, yearAgo: h } = x(), i = u, _ = m, n = P(null), d = f(() => [
-      {
-        label: a.uiDatePicker.translations.presetToday,
-        date: [e, e],
-        id: "day",
-        slider: {
-          type: "day",
-          count: 1
-        }
-      },
-      {
-        label: a.uiDatePicker.translations.presetWeek,
-        date: [p, e],
-        id: "week",
-        slider: {
-          type: "day",
-          count: 6
-        }
-      },
-      {
-        label: a.uiDatePicker.translations.presetMonth,
-        date: [k, e],
-        id: "month",
-        slider: {
-          type: "month",
-          count: 1
-        }
-      },
-      {
-        label: a.uiDatePicker.translations.presetQuarter,
-        date: [y, e],
-        id: "quarter",
-        slider: {
-          type: "month",
-          count: 3
-        }
-      },
-      {
-        label: a.uiDatePicker.translations.presetYear,
-        date: [h, e],
-        id: "year",
-        slider: {
-          type: "year",
-          count: 1
-        }
-      },
-      {
-        label: a.uiDatePicker.translations.presetAllTime,
-        date: [i.beginDate, e],
-        id: "all-time"
-      }
-    ]);
-    function g(t) {
-      n.value = d.value.find((s) => c(s.date[0]).isSame(t[0], "day") && c(s.date[1]).isSame(t[1], "day")) ?? null;
-    }
-    function b(t) {
-      n.value = t, _("change", t);
-    }
-    return v(
-      () => i.date,
-      () => {
-        g(i.date);
-      },
-      { immediate: !0 }
-    ), (t, s) => (l(), o("div", z, [
-      A("div", B, [
-        (l(!0), o(C, null, w(d.value, (r) => (l(), o("button", {
-          key: r.id,
-          onClick: (T) => b(r),
-          class: S({ active: n.value?.id === r.id }),
-          mode: "neutral",
-          size: "sm"
-        }, q(r.label), 11, E))), 128))
-      ])
-    ]));
-  }
-});
-export {
-  M as _
-};

package/dist/chunks/DatePickerSlider.vue_vue_type_script_setup_true_lang-BcoZR0Xd.js

@@ -1,81 +0,0 @@
-import { defineComponent as k, mergeModels as _, useModel as S, computed as V, createElementBlock as s, openBlock as n, createCommentVNode as u, renderSlot as D, createVNode as f, unref as c } from "vue";
-import { u as B } from "./useDatePicker-Chd_Lf-L.js";
-import "./vue3-lottie.es-C_Z24a9S.js";
-import "./style-CD0jFgS4.js";
-import { _ as v } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
-/* empty css                                                */
-/* empty css                                                         */
-/* empty css                                                    */
-import "../config/index.js";
-/* empty css                                                           */
-/* empty css                                                       */
-/* empty css                                                   */
-/* empty css                                                  */
-/* empty css                                                    */
-/* empty css                                                    */
-/* empty css                                                    */
-/* empty css                                                  */
-/* empty css                                                      */
-import "vue-router";
-/* empty css                                                */
-/* empty css                                                 */
-/* empty css                                                      */
-/* empty css                                                        */
-/* empty css                                                    */
-/* empty css                                                */
-/* empty css                                                    */
-/* empty css                                                               */
-/* empty css                                                    */
-const M = { class: "com-datepicker-slider" }, C = ["disabled"], $ = ["disabled"], oe = /* @__PURE__ */ k({
-  __name: "DatePickerSlider",
-  props: /* @__PURE__ */ _({
-    isShow: { type: Boolean, default: !0 },
-    disabled: { type: Boolean }
-  }, {
-    modelValue: { default: [] },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(y) {
-    const r = S(y, "modelValue"), { dayjs: e, modelValueFormat: i, isFullMonthSelected: b } = B(r), h = V(() => e(r.value[1]).isAfter(e()) || e().isSame(e(r.value[1]), "day"));
-    function p(t) {
-      let a = "", o = "";
-      const m = e(r.value[0]), l = e(r.value[1]);
-      if (b.value)
-        a = m.add(t ? -1 : 1, "month").format(i.value), o = l.add(t ? -1 : 1, "month").format(i.value), o = e(o).date(e(o).daysInMonth()).format(i.value);
-      else {
-        const d = l.diff(m, "day") || 1;
-        a = m.add(t ? -d : d, "day").format(i.value), o = l.add(t ? -d : d, "day").format(i.value), e(o).isAfter(e()) && (o = e().format(i.value));
-      }
-      r.value = [a, o];
-    }
-    return (t, a) => (n(), s("div", M, [
-      t.isShow ? (n(), s("button", {
-        key: 0,
-        disabled: t.disabled,
-        class: "com-datepicker-slider__btn",
-        onClick: a[0] || (a[0] = (o) => p(!0))
-      }, [
-        f(c(v), {
-          type: "400",
-          name: "chevron-left 1"
-        })
-      ], 8, C)) : u("", !0),
-      D(t.$slots, "default"),
-      t.isShow ? (n(), s("button", {
-        key: 1,
-        disabled: h.value || t.disabled,
-        class: "com-datepicker-slider__btn",
-        onClick: a[1] || (a[1] = (o) => p(!1))
-      }, [
-        f(c(v), {
-          type: "400",
-          name: "chevron-right"
-        })
-      ], 8, $)) : u("", !0)
-    ]));
-  }
-});
-export {
-  oe as _
-};

package/dist/chunks/UiDatepickerRange.vue_vue_type_script_setup_true_lang-Roi6uBRs.js

@@ -1,185 +0,0 @@
-import { defineComponent as O, mergeModels as Q, useModel as j, ref as k, computed as Y, onMounted as W, createElementBlock as S, openBlock as M, normalizeClass as q, createVNode as c, withCtx as f, unref as l, createBlock as A, createCommentVNode as G, createTextVNode as _, toDisplayString as y, createElementVNode as C, renderSlot as J } from "vue";
-import { _ as K } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang-Byew6Df7.js";
-import { Q as L } from "./style-CD0jFgS4.js";
-import { _ as X } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang-lIwelXtJ.js";
-/* empty css                                                           */
-import { _ as Z } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang-BcoZR0Xd.js";
-import { _ as P } from "./UiIconButton.vue_vue_type_script_setup_true_lang-yQR_GeIn.js";
-import { a as ee } from "./index-CUyc6a0N.js";
-import "./vue3-lottie.es-C_Z24a9S.js";
-import { _ as B } from "./UiButton.vue_vue_type_script_setup_true_lang-DFOSQ46r.js";
-/* empty css                                                         */
-import { _ as ae } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
-/* empty css                                                */
-/* empty css                                                    */
-import { u as te } from "./useDatePicker-Chd_Lf-L.js";
-import { config as s } from "../config/index.js";
-/* empty css                                                       */
-/* empty css                                                   */
-/* empty css                                                  */
-/* empty css                                                    */
-/* empty css                                                    */
-/* empty css                                                    */
-/* empty css                                                  */
-/* empty css                                                      */
-import "vue-router";
-/* empty css                                                */
-/* empty css                                                 */
-/* empty css                                                      */
-/* empty css                                                        */
-/* empty css                                                    */
-/* empty css                                                */
-/* empty css                                                    */
-/* empty css                                                               */
-/* empty css                                                    */
-const le = {
-  key: 1,
-  class: "ui-datepicker__trigger"
-}, oe = { class: "ui-datepicker__navigate" }, ie = { class: "ui-datepicker__navigate-value" }, Ee = /* @__PURE__ */ O({
-  __name: "UiDatepickerRange",
-  props: /* @__PURE__ */ Q({
-    disabled: { type: Boolean },
-    beginDate: {},
-    size: { default: "xs" },
-    clearable: { type: Boolean }
-  }, {
-    modelValue: { default: [] },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(b) {
-    const V = b, a = j(b, "modelValue"), { width: z } = ee(), { dayjs: o, checkIsValidDate: I, today: w, endDate: u, startDate: m, beginDate: N, isFullMonthSelected: U, modelValueFormat: D } = te(a), p = k(), d = k(["", ""]), g = k(!1), x = Y(
-      () => V.beginDate ? o(V.beginDate).format(D.value) : null
-    ), F = Y(() => {
-      if (!I())
-        return s.uiDatePicker.translations.invalidDate;
-      if (m.value && u.value) {
-        const e = u.value.isSame(o(), "day") && m.value.isSame(o(), "day"), i = m.value.isSame(o().subtract(1, "day").startOf("day"), "day") && u.value.isSame(o().subtract(1, "day").startOf("day"), "day"), t = m.value.isSame(u.value, "year"), v = m.value.isSame(u.value, "month"), r = m.value.locale(s.locale), n = u.value.locale(s.locale);
-        return e ? s.uiDatePicker.translations.todayPlaceholder : i ? s.uiDatePicker.translations.yesterdayPlaceholder : U.value ? r.format("MMMM YYYY") : v ? `${r.format("DD")} - ${n.format("DD")} ${n.format("MMM YYYY")}` : t ? `${r.format("DD MMM")} - ${n.format("DD MMM")} ${n.format("YYYY")}` : `${r.format("DD MMM YY")} - ${n.format("DD MMM YY")}`;
-      } else
-        return s.uiDatePicker.translations.emptyPlaceholder;
-    });
-    function R(e) {
-      h(e.date), p.value.closeMenu();
-    }
-    function T(e) {
-      e && (g.value = e.length < 2, e.length === 2 && (d.value = e));
-    }
-    function $(e) {
-      a.value = [o(e[0]).format(D.value), o(e[1]).format(D.value)];
-    }
-    function h(e) {
-      m.value && u.value && m.value.isSame(e[0], "day") && u.value.isSame(e[1], "day") || $(e);
-    }
-    function E() {
-      p.value?.updateInternalModelValue(d.value), p.value?.setMonthYear({
-        month: o(d.value[0]).month(),
-        year: o(d.value[0]).year()
-      });
-    }
-    const H = () => {
-      a.value = [], d.value = ["", ""], g.value = !0, p.value?.closeMenu();
-    };
-    return W(() => {
-      a.value.length || (g.value = !0);
-    }), (e, i) => (M(), S("div", {
-      class: q(["ui-datepicker-range", [e.size, { "is-disabled": e.disabled }]])
-    }, [
-      c(Z, {
-        disabled: !a.value.length,
-        modelValue: a.value,
-        "onUpdate:modelValue": i[2] || (i[2] = (t) => a.value = t)
-      }, {
-        default: f(() => [
-          c(l(L), {
-            position: "center",
-            locale: l(s).locale,
-            ref_key: "pickerRef",
-            ref: p,
-            "model-value": a.value,
-            "enable-time-picker": !1,
-            range: "",
-            "multi-calendars": l(z) > 1e3,
-            "month-name-format": "long",
-            "max-date": l(w),
-            offset: 0,
-            "onUpdate:modelValue": h,
-            onInternalModelChange: T
-          }, {
-            "left-sidebar": f(() => [
-              c(X, {
-                "begin-date": x.value ?? l(N),
-                date: d.value,
-                onChange: R
-              }, null, 8, ["begin-date", "date"]),
-              c(K, {
-                onChange: E,
-                onSubmit: i[0] || (i[0] = (t) => p.value.selectDate()),
-                modelValue: d.value,
-                "onUpdate:modelValue": i[1] || (i[1] = (t) => d.value = t)
-              }, null, 8, ["modelValue"])
-            ]),
-            trigger: f(() => [
-              e.$slots.trigger ? J(e.$slots, "trigger", {
-                key: 0,
-                date: a.value
-              }) : (M(), S("button", le, [
-                c(l(ae), {
-                  type: "400",
-                  name: "calendar-month"
-                }),
-                _(y(F.value), 1)
-              ]))
-            ]),
-            "month-year": f(({ month: t, months: v, handleMonthYearChange: r }) => [
-              C("div", oe, [
-                c(P, {
-                  onClick: (n) => r && r(!1),
-                  "icon-type": "400",
-                  size: "lg",
-                  "icon-name": "chevron-left 1",
-                  "no-size": ""
-                }, null, 8, ["onClick"]),
-                C("span", ie, y(v?.find((n) => n.value === t)?.text), 1),
-                c(P, {
-                  onClick: (n) => r && r(!0),
-                  "icon-type": "400",
-                  size: "lg",
-                  "icon-name": "chevron-right",
-                  "no-size": ""
-                }, null, 8, ["onClick"])
-              ])
-            ]),
-            "action-row": f(({ disabled: t, selectDate: v }) => [
-              c(l(B), {
-                disabled: g.value || t,
-                mode: "neutral",
-                onClick: v
-              }, {
-                default: f(() => [
-                  _(y(l(s).uiDatePicker.translations.applyButton), 1)
-                ]),
-                _: 2
-              }, 1032, ["disabled", "onClick"]),
-              a.value.length && e.clearable ? (M(), A(l(B), {
-                key: 0,
-                type: "secondary",
-                onClick: H
-              }, {
-                default: f(() => [
-                  _(y(l(s).uiDatePicker.translations.clearButton), 1)
-                ]),
-                _: 1
-              })) : G("", !0)
-            ]),
-            _: 3
-          }, 8, ["locale", "model-value", "multi-calendars", "max-date"])
-        ]),
-        _: 3
-      }, 8, ["disabled", "modelValue"])
-    ], 2));
-  }
-});
-export {
-  Ee as _
-};