@feedmepos/mf-report 5.27.54 → 5.28.0-beta.0

package/dist/DateRangeSelect-B6QocR7V.js

@@ -0,0 +1,437 @@
+import { defineComponent as te, resolveComponent as A, createBlock as b, openBlock as C, normalizeClass as ce, withCtx as U, createCommentVNode as E, createElementVNode as I, toDisplayString as me, renderSlot as fe, mergeModels as K, useModel as z, ref as O, computed as L, watch as M, nextTick as J, onMounted as De, onBeforeUnmount as ye, createElementBlock as pe, unref as Y, createVNode as Q } from "vue";
+import { d as u, a as ge, C as P, j as ve } from "./app-CSF-ZDAa.js";
+import { detectLocale as X } from "@feedmepos/mf-common";
+import { u as he, _ as Ce } from "./_plugin-vue_export-helper-C6QDExPN.js";
+import { storeToRefs as be } from "pinia";
+import { useSnackbar as Re } from "@feedmepos/ui-library";
+var $ = /* @__PURE__ */ ((e) => (e.Year = "YEAR", e.Month = "MONTH", e.Week = "WEEK", e.Day = "DAY", e))($ || {}), Me = /* @__PURE__ */ ((e) => (e.Yesterday = "YESTERDAY", e.Today = "TODAY", e))(Me || {});
+function ze(e, n = 100) {
+  let l = null;
+  const f = function(...D) {
+    return l && clearTimeout(l), new Promise((d) => {
+      l = setTimeout(() => {
+        l = null;
+        const h = e(...D);
+        d(h);
+      }, n);
+    });
+  };
+  return f.cancel = () => {
+    l && (clearTimeout(l), l = null);
+  }, f;
+}
+function Se() {
+  return [...Array(12).keys()].map((e) => u().month(e).format("MMM"));
+}
+function Le(e, n, l = "") {
+  const f = (r) => /^[\x00-\x7F]*$/.test(r) ? " " : "", D = (r) => /^每年/.test(r), d = (r) => /^每周|^每週/.test(r), h = (r) => /^每月/.test(r);
+  switch (e.type) {
+    case $.Day:
+      return n("report.schedule.everyDay");
+    case $.Week: {
+      const r = n("report.schedule.everyWeek"), y = d(r);
+      let s = `${r}${f(r)}`;
+      const p = [
+        n("report.days.sunday"),
+        n("report.days.monday"),
+        n("report.days.tuesday"),
+        n("report.days.wednesday"),
+        n("report.days.thursday"),
+        n("report.days.friday"),
+        n("report.days.saturday")
+      ];
+      if (e.days)
+        for (let m = 0; m < e.days.length; m++) {
+          const T = y ? p[e.days[m]].replace(/^[周週]/, "") : p[e.days[m]];
+          s = s + T + (m !== e.days.length - 1 ? "," : "");
+        }
+      return s;
+    }
+    case $.Month: {
+      const r = n("report.schedule.everyMonth"), y = h(r);
+      let s = `${r}${f(r)}`;
+      return e.days && (s = s + (y ? e.days.map((p) => `${p}日`).join(",") : e.days.join(","))), s;
+    }
+    case $.Year: {
+      if (!e.months && !e.days)
+        return n("report.schedule.customDate");
+      const r = n("report.schedule.everyYear"), y = D(r);
+      let s = `${r}${y ? " " : f(r)}`;
+      if (e.months) {
+        const p = Se();
+        s = s + e.months.map((m) => p[m - 1]).join(",");
+      }
+      return e.months && e.days && (s = y ? `${s} 的 ` : `${s} ${n("report.common.and")} `), e.days && (s = s + (y ? e.days.map((p) => `${p}日`).join(",") : e.days.join(","))), s;
+    }
+    default:
+      return l;
+  }
+}
+function Z(e = {
+  startDate: null,
+  endDate: null,
+  locale: "en-US",
+  timezone: void 0
+}) {
+  if (!e.startDate || !e.endDate)
+    return "No comparison";
+  let n = u().subtract(1, "day").endOf("day"), l = u().endOf("day");
+  return e.startDate && (n = e.timezone ? u(e.startDate).tz(e.timezone).locale(e.locale) : u(e.startDate).locale(e.locale)), e.endDate && (l = e.timezone ? u(e.endDate).tz(e.timezone).locale(e.locale) : u(e.endDate).locale(e.locale)), n.format("YYYY") !== l.format("YYYY") ? `${n.format("DD MMM YYYY")} - ${l.format("DD MMM YYYY")}` : `${n.format("DD MMM")} - ${l.format("DD MMM YYYY")}`;
+}
+function Ue(e = {
+  startTime: null,
+  endTime: null,
+  locale: "en-US"
+}) {
+  const n = "hh:mmA", { startTime: l, endTime: f, locale: D } = e;
+  if (!l || !f) return "";
+  const d = u().set("hour", l.hour).set("minute", l.minute).locale(D), h = u().set("hour", f.hour).set("minute", f.minute).locale(D);
+  return `${d.format(n)}-${h.format(n)}`;
+}
+const Ye = { class: "fm-typo-en-body-md-600 flex items-center gap-1 flex-1 min-w-0" }, $e = { class: "text-ellipsis overflow-hidden whitespace-nowrap flex-1 min-w-0" }, Te = { class: "whitespace-nowrap flex-none" }, _ = /* @__PURE__ */ te({
+  __name: "FilterChip",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    leftIcon: {
+      type: String,
+      default: ""
+    },
+    rightIcon: {
+      type: String,
+      default: ""
+    },
+    trailingIcon: {
+      type: String,
+      default: ""
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const n = e;
+    return (l, f) => {
+      const D = A("FmIcon"), d = A("FmCircularProgress"), h = A("FmChip");
+      return C(), b(h, {
+        "aria-busy": n.loading,
+        class: ce([
+          "bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400 max-w-[400px] flex items-center gap-1 transition-opacity",
+          n.loading && "opacity-80"
+        ])
+      }, {
+        default: U(() => [
+          e.leftIcon ? (C(), b(D, {
+            key: 0,
+            name: n.leftIcon,
+            size: "sm",
+            outline: "",
+            class: "flex-none"
+          }, null, 8, ["name"])) : E("", !0),
+          I("div", Ye, [
+            I("span", $e, me(n.label), 1),
+            e.rightIcon ? (C(), b(D, {
+              key: 0,
+              name: e.rightIcon,
+              size: "sm",
+              outline: "",
+              class: "flex-none"
+            }, null, 8, ["name"])) : E("", !0),
+            I("span", Te, [
+              fe(l.$slots, "default")
+            ]),
+            n.loading ? (C(), b(d, {
+              key: 1,
+              size: "md",
+              class: "flex-none scale-75"
+            })) : e.trailingIcon ? (C(), b(D, {
+              key: 2,
+              name: e.trailingIcon,
+              size: "sm",
+              outline: "",
+              class: "flex-none"
+            }, null, 8, ["name"])) : E("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["aria-busy", "class"]);
+    };
+  }
+}), we = { class: "flex gap-2 items-center" }, S = "YYYY-MM-DD", ee = ".fm-calendar__cell[id]", xe = ".fm-calendar__cell__button", ke = /* @__PURE__ */ te({
+  __name: "DateRangeSelect",
+  props: /* @__PURE__ */ K({
+    compare: {
+      type: Boolean,
+      default: !1
+    },
+    datePredefinedRanges: {
+      type: Array,
+      default: () => ve()
+    },
+    label: {
+      type: String,
+      required: !1,
+      default: null
+    },
+    removable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    minDate: {
+      type: String,
+      required: !1,
+      default: void 0
+    }
+  }, {
+    compareType: {
+      type: String,
+      default: P.PRECEDING_PERIOD
+    },
+    compareTypeModifiers: {},
+    dateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    dateRangeModifiers: {},
+    compareDateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    compareDateRangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["update", "chip-closed"], ["update:compareType", "update:dateRange", "update:compareDateRange"]),
+  setup(e, { emit: n }) {
+    const { t: l, locale: f } = he(), D = Re();
+    function d(t) {
+      return t ? t.includes("T") ? u(t).tz(p.value).format(S) : u(t).format(S) : null;
+    }
+    const h = n, r = z(e, "compareType"), y = z(e, "dateRange"), s = z(e, "compareDateRange"), { timezone: p } = be(ge());
+    let m = null, T = 0, R = null;
+    const w = /* @__PURE__ */ new Set(), N = O(!1), B = O(!1), x = L(
+      () => N.value || B.value
+    ), V = L(
+      () => e.minDate ? l("report.messages.noPermissionDateAccess", { date: e.minDate }) : ""
+    );
+    function j(t) {
+      return !!(e.minDate && u(t).isBefore(u(e.minDate, S), "day"));
+    }
+    function ae() {
+      const t = Date.now();
+      t - T < 1e3 || (T = t, D == null || D.open({
+        type: "error",
+        message: V.value
+      }));
+    }
+    function ne(t) {
+      return t instanceof HTMLElement && t.matches(ee) ? [t] : "querySelectorAll" in t ? Array.from(t.querySelectorAll(ee)) : [];
+    }
+    function re(t = document) {
+      e.minDate && ne(t).forEach((a) => {
+        const i = u(a.id), o = i.isValid() && j(i), v = a.querySelector(xe);
+        a.classList.toggle("report-date-access-disabled", o), v && (v.setAttribute("aria-disabled", String(o)), v.title = o ? V.value : "");
+      });
+    }
+    function q(t = [document]) {
+      !e.minDate || !x.value || (t.forEach((a) => w.add(a)), R === null && (R = window.requestAnimationFrame(() => {
+        R = null;
+        const a = Array.from(w);
+        w.clear(), a.length || a.push(document), a.forEach((i) => re(i));
+      })));
+    }
+    function W() {
+      m == null || m.disconnect(), m = null, R !== null && (window.cancelAnimationFrame(R), R = null), w.clear();
+    }
+    function oe() {
+      m || !e.minDate || !x.value || (m = new MutationObserver((t) => {
+        const a = /* @__PURE__ */ new Set();
+        t.forEach((i) => {
+          a.add(i.target), i.addedNodes.forEach((o) => {
+            o instanceof HTMLElement && a.add(o);
+          });
+        }), q(Array.from(a));
+      }), m.observe(document.body, { childList: !0, subtree: !0 }));
+    }
+    function F() {
+      if (!e.minDate || !x.value) {
+        W();
+        return;
+      }
+      oe(), q();
+    }
+    function H(t, a = !0) {
+      return t && (j(u(t, S)) ? (a && ae(), e.minDate) : t);
+    }
+    function G(t, a = {}) {
+      const i = a.notify ?? !0;
+      let o = H(t.startDate, i), v = H(t.endDate, i);
+      return o && v && u(o, S).isAfter(u(v, S), "day") && (o = e.minDate ?? v, v = o), { startDate: o, endDate: v };
+    }
+    function k(t, a) {
+      return t.startDate === a.startDate && t.endDate === a.endDate;
+    }
+    const c = O({
+      startDate: d(y.value.startDate),
+      endDate: d(y.value.endDate)
+    }), g = O({
+      startDate: s.value.startDate ? d(s.value.startDate) : null,
+      endDate: s.value.endDate ? d(s.value.endDate) : null
+    });
+    M(
+      [() => c.value],
+      () => {
+        const t = G(c.value);
+        if (!k(t, c.value)) {
+          c.value = t;
+          return;
+        }
+        c.value.endDate || (c.value.endDate = c.value.startDate);
+        const a = {
+          startDate: u.tz(c.value.startDate, p.value).startOf("day").utc().toISOString(),
+          endDate: u.tz(c.value.endDate, p.value).endOf("day").utc().toISOString()
+        };
+        y.value = a, h("update", a);
+      },
+      { deep: !0 }
+    ), M([() => g.value], () => {
+      const t = G(g.value, {
+        notify: r.value === P.CUSTOM
+      });
+      if (!k(t, g.value)) {
+        g.value = t;
+        return;
+      }
+      const a = g.value.startDate, i = g.value.endDate, o = a ? u(
+        a instanceof Date ? a : u(a).toDate()
+      ).startOf("day").tz(p.value, !0).toISOString() : void 0, v = i ? u(i instanceof Date ? i : u(i).toDate()).tz(p.value, !0).endOf("day").toISOString() : void 0;
+      s.value = {
+        startDate: o,
+        endDate: v
+      };
+    }), M(
+      () => y.value,
+      () => {
+        const t = {
+          startDate: d(y.value.startDate),
+          endDate: d(y.value.endDate)
+        };
+        k(t, c.value) || (c.value = t);
+      },
+      { deep: !0 }
+    ), M(
+      () => s.value,
+      () => {
+        const t = {
+          startDate: d(s.value.startDate),
+          endDate: d(s.value.endDate)
+        };
+        k(t, g.value) || (g.value = t);
+      },
+      { deep: !0 }
+    ), M(
+      () => e.minDate,
+      async () => {
+        await J(), F();
+      }
+    ), M(
+      () => x.value,
+      async () => {
+        await J(), F();
+      }
+    ), De(() => {
+      F();
+    }), ye(() => {
+      W();
+    });
+    function le(t) {
+      r.value = t;
+    }
+    function se(t) {
+      N.value = t;
+    }
+    function ue(t) {
+      B.value = t;
+    }
+    function ie(t) {
+      h("chip-closed", t);
+    }
+    const de = L(() => {
+      const t = X(), a = t.startsWith("zh") ? "" : " ", i = l("report.common.comparedTo"), o = Z({
+        startDate: g.value.startDate ?? null,
+        endDate: g.value.endDate ?? null,
+        locale: t
+      });
+      return r.value === P.NO_COMPARISON ? `${i}: ${l(`report.compare.${r.value}`)}` : r.value === P.CUSTOM ? `${i}: ${o}` : `${i}${a}${l(`report.compare.${r.value}`).toLowerCase()}: ${o}`;
+    });
+    return (t, a) => {
+      const i = A("FmSimpleDateRangePicker");
+      return C(), pe("div", we, [
+        (C(), b(i, {
+          key: `date-picker-${Y(f)}`,
+          modelValue: c.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (o) => c.value = o),
+          "show-predefined-range": "",
+          min: e.minDate,
+          "predefined-range": e.datePredefinedRanges.map((o) => ({
+            ...o,
+            label: Y(l)(`report.date.${o.label}`)
+          })),
+          class: "w-2/6",
+          onPopoverChanged: se
+        }, {
+          "trigger-button": U(() => [
+            Q(_, {
+              "left-icon": e.label ? "filter_alt" : "calendar_month",
+              label: e.label ?? Y(Z)({
+                startDate: c.value.startDate ?? "",
+                endDate: c.value.endDate ?? "",
+                locale: Y(X)()
+              }),
+              removable: e.removable,
+              onChipClosed: a[0] || (a[0] = (o) => ie(!0))
+            }, null, 8, ["left-icon", "label", "removable"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "min", "predefined-range"])),
+        e.compare ? (C(), b(i, {
+          key: `compare-date-picker-${Y(f)}`,
+          modelValue: g.value,
+          "onUpdate:modelValue": a[2] || (a[2] = (o) => g.value = o),
+          "compare-type": r.value,
+          "onUpdate:compareType": a[3] || (a[3] = (o) => r.value = o),
+          "show-predefined-range": "",
+          min: e.minDate,
+          "compare-target": c.value,
+          "default-compare-type": r.value,
+          onPopoverChanged: ue,
+          onSelectComparison: le
+        }, {
+          "trigger-button": U(() => [
+            Q(_, { label: de.value }, null, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "compare-type", "min", "compare-target", "default-compare-type"])) : E("", !0)
+      ]);
+    };
+  }
+}), Ne = /* @__PURE__ */ Ce(ke, [["__scopeId", "data-v-e0ce1b3c"]]);
+export {
+  $ as C,
+  Ne as D,
+  _,
+  Me as a,
+  Le as b,
+  Ue as c,
+  ze as d,
+  Z as e,
+  Se as g
+};

package/dist/{Default.vue_vue_type_script_setup_true_lang-BwPZXC_d.js → Default.vue_vue_type_script_setup_true_lang-CjkYcdoD.js}

@@ -1,29 +1,30 @@
-import { defineComponent as u, computed as p, resolveComponent as f, createElementBlock as s, openBlock as t, normalizeStyle as n, normalizeClass as d, unref as e, createBlock as y, createCommentVNode as _, createVNode as h, createElementVNode as k, toDisplayString as g, renderSlot as x } from "vue";
-import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-TpeQ_Wm1.js";
+import { defineComponent as u, computed as p, resolveComponent as f, createElementBlock as r, openBlock as t, normalizeStyle as n, normalizeClass as d, unref as e, createBlock as y, createCommentVNode as _, createVNode as h, createElementVNode as k, toDisplayString as g, renderSlot as x } from "vue";
+import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-B2IXNXS_.js";
 import { useBreakpoints as b } from "@feedmepos/ui-library";
 import { storeToRefs as C } from "pinia";
-import { u as q, a as w } from "./_plugin-vue_export-helper-kkiiQoKl.js";
-import { useRoute as B } from "vue-router";
+import { u as q } from "./global-loader-BuxFfehu.js";
+import { useRoute as w } from "vue-router";
+import { u as B } from "./_plugin-vue_export-helper-C6QDExPN.js";
 const $ = {
   key: 1,
   class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"
-}, N = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, P = /* @__PURE__ */ u({
+}, N = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, R = /* @__PURE__ */ u({
   __name: "Default",
   setup(S) {
-    const { t: l } = q(), { breakpoints: r } = b(), { isLoading: c } = C(w()), o = B(), a = p(() => !o.query.token);
+    const { t: l } = B(), { breakpoints: s } = b(), { isLoading: c } = C(q()), o = w(), a = p(() => !o.query.token);
     return (m, z) => {
       const i = f("FmCircularProgress");
-      return t(), s("div", {
-        class: d(`${e(r).lg || e(r).md ? "flex w-full" : ""} bg-fm-color-neutral-white`),
+      return t(), r("div", {
+        class: d(`${e(s).lg || e(s).md ? "flex w-full" : ""} bg-fm-color-neutral-white`),
         style: n({
           height: `calc(100vh - ${e(o).query.token && e(o).query.businessId ? "0" : "64"}px)`
         })
       }, [
         a.value ? _("", !0) : (t(), y(v, { key: 0 })),
-        e(c) ? (t(), s("div", $, [
+        e(c) ? (t(), r("div", $, [
           h(i, { size: "xl" }),
           k("span", N, g(e(l)("report.common.isLoading")), 1)
-        ])) : (t(), s("div", {
+        ])) : (t(), r("div", {
           key: 2,
           class: "w-full flex flex-col",
           style: n({
@@ -37,5 +38,5 @@ const $ = {
   }
 });
 export {
-  P as _
+  R as _
 };