@feedmepos/mf-report 5.4.13-beta.3 → 5.4.13-beta.4

package/dist/{App-BA_8z26u.js → App-ElC_82W0.js}

@@ -77,7 +77,7 @@ const me = { class: "fm-typo-en-body-md-400 text-ellipsis overflow-hidden" }, de
     }), X(() => {
       d(le);
     }), j(() => {
-      console.log("5.4.13-beta.3", !0), window.addEventListener("message", C), window.addEventListener("message", $);
+      console.log("5.4.13-beta.4", !0), window.addEventListener("message", C), window.addEventListener("message", $);
     });
     const F = ae(), B = ie();
     z(() => {

package/dist/{ReportEditor-TWQyn4cl.js → ReportEditor-BGdGF3a5.js}

@@ -1,4 +1,4 @@
-import { defineComponent as h, mergeModels as w, useModel as R, ref as N, computed as U, resolveComponent as m, createBlock as y, openBlock as r, withCtx as u, createElementVNode as _, createVNode as t, normalizeClass as D, unref as l, createTextVNode as pe, createElementBlock as F, Fragment as B, renderSlot as A, createCommentVNode as O, watch as ce, resolveDynamicComponent as G, isRef as Y, toDisplayString as L, renderList as z, onMounted as fe, normalizeStyle as ve } from "vue";
+import { defineComponent as $, mergeModels as w, useModel as R, ref as N, computed as U, resolveComponent as m, createBlock as y, openBlock as r, withCtx as u, createElementVNode as _, createVNode as t, normalizeClass as D, unref as l, createTextVNode as pe, createElementBlock as F, Fragment as B, renderSlot as A, createCommentVNode as O, watch as ce, resolveDynamicComponent as G, isRef as Y, toDisplayString as L, renderList as z, onMounted as fe, normalizeStyle as ve } from "vue";
 import { W as ge, i as _e, S as ye, d as Ce, T as be, _ as Ve } from "./TransitionFade-ijtXaz1S.js";
 import { a as j, v as K } from "./v4-Cb0oLva6.js";
 import { _ as ke } from "./HeaderTab.vue_vue_type_script_setup_true_lang-B5VBDNwX.js";
@@ -9,7 +9,7 @@ import { u as ee } from "./message-dialog-UoMWOnil.js";
 import { _ as oe } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DVqkXuFU.js";
 import { _ as te } from "./NoData.vue_vue_type_script_setup_true_lang-DlBNFLa3.js";
 import { d as xe } from "./global-loader-CMC9fgBi.js";
-const we = /* @__PURE__ */ h({
+const we = /* @__PURE__ */ $({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ w({
     isOpen: { type: Boolean }
@@ -28,7 +28,7 @@ const we = /* @__PURE__ */ h({
     }
     const v = N(), i = U(() => !v.value);
     return (k, b) => {
-      const $ = m("FmButton"), M = m("FmDialog");
+      const h = m("FmButton"), M = m("FmDialog");
       return r(), y(M, {
         "model-value": s.isOpen
       }, {
@@ -45,12 +45,12 @@ const we = /* @__PURE__ */ h({
         ]),
         "dialog-footer": u(() => [
           b[2] || (b[2] = _("div", { class: "grow" }, null, -1)),
-          t($, {
+          t(h, {
             label: "Cancel",
             variant: "tertiary",
             onClick: e
           }),
-          t($, {
+          t(h, {
             label: "Confirm",
             disabled: i.value,
             onClick: f
@@ -60,7 +60,7 @@ const we = /* @__PURE__ */ h({
       }, 8, ["model-value"]);
     };
   }
-}), P = /* @__PURE__ */ h({
+}), P = /* @__PURE__ */ $({
   __name: "ReportEditorTabHeader",
   props: /* @__PURE__ */ w({
     icon: {
@@ -88,7 +88,7 @@ const we = /* @__PURE__ */ h({
       ]);
     };
   }
-}), $e = /* @__PURE__ */ h({
+}), he = /* @__PURE__ */ $({
   __name: "ReportEditorTabDesktop",
   props: {
     modelValue: { required: !0, default: !1 },
@@ -106,7 +106,7 @@ const we = /* @__PURE__ */ h({
       A(o.$slots, "default")
     ], 64));
   }
-}), he = /* @__PURE__ */ h({
+}), $e = /* @__PURE__ */ $({
   __name: "ReportEditorTabMobile",
   props: {
     modelValue: { required: !0, default: !1 },
@@ -144,7 +144,7 @@ const we = /* @__PURE__ */ h({
       });
     };
   }
-}), Se = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Re = { class: "flex flex-col gap-24" }, Te = { class: "line-clamp-2 overflow-hidden" }, le = /* @__PURE__ */ h({
+}), Se = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Re = { class: "flex flex-col gap-24" }, Te = { class: "line-clamp-2 overflow-hidden" }, le = /* @__PURE__ */ $({
   __name: "ReportEditorTab",
   props: /* @__PURE__ */ w({
     hideConfiguration: {
@@ -157,11 +157,11 @@ const we = /* @__PURE__ */ h({
   }),
   emits: /* @__PURE__ */ w(["hideConfiguration"], ["update:modelValue"]),
   setup(c, { emit: n }) {
-    const o = R(c, "modelValue"), { breakpoints: a } = I(), s = c, C = n, e = X(), f = Z(), v = N(), { currentSelectWidgetType: i, categories: k, editingTile: b, editingIndex: $ } = Q(j()), { promptMessage: M } = ee(), S = N(!1);
+    const o = R(c, "modelValue"), { breakpoints: a } = I(), s = c, C = n, e = X(), f = Z(), v = N(), { currentSelectWidgetType: i, categories: k, editingTile: b, editingIndex: h } = Q(j()), { promptMessage: M } = ee(), S = N(!1);
     ce(
       () => i.value,
       () => {
-        i.value !== void 0 && (o.value.tiles.push(_e(i.value)), $.value = o.value.tiles.length - 1, b.value = o.value.tiles[o.value.tiles.length - 1], e.push({
+        i.value !== void 0 && (o.value.tiles.push(_e(i.value)), h.value = o.value.tiles.length - 1, b.value = o.value.tiles[o.value.tiles.length - 1], e.push({
           name: "tileEditor",
           query: f.query
         }));
@@ -174,7 +174,7 @@ const we = /* @__PURE__ */ h({
         selected: !1,
         variant: "tertiary",
         onClick: (d) => {
-          $.value = d, b.value = JSON.parse(JSON.stringify(o.value.tiles[d])), e.push({
+          h.value = d, b.value = JSON.parse(JSON.stringify(o.value.tiles[d])), e.push({
             name: "tileEditor",
             query: f.query
           });
@@ -202,7 +202,7 @@ const we = /* @__PURE__ */ h({
     ], x = U(() => k.value.map((d) => ({ label: d.name, value: d.id })));
     return (d, p) => {
       const T = m("FmTextField"), E = m("FmSelect"), H = m("FmButton"), ne = m("FmIcon"), ae = m("FmTooltip"), re = m("FmMenuItem"), ie = m("FmMenu"), ue = m("FmListItem"), se = m("FmList"), de = m("FmForm");
-      return r(), y(G(l(a).lg || l(a).md ? $e : he), {
+      return r(), y(G(l(a).lg || l(a).md ? he : $e), {
         "model-value": s.hideConfiguration,
         "onUpdate:modelValue": p[5] || (p[5] = (g) => C("hideConfiguration", g))
       }, {
@@ -257,14 +257,19 @@ const we = /* @__PURE__ */ h({
                     t(l(Ce), {
                       list: o.value.tiles,
                       "item-key": "id",
-                      class: "flex flex-col gap-2 cursor-grab"
+                      class: "flex flex-col gap-2 cursor-grab",
+                      handle: ".handle"
                     }, {
                       item: u(({ element: g, index: W }) => [
                         t(ue, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                           default: u(() => [
-                            t(ne, { name: "drag_handle" }),
+                            t(ne, {
+                              name: "drag_handle",
+                              class: "handle"
+                            }),
                             t(ae, {
-                              content: g.widget.title.length <= 0 ? `Widget ${W}` : g.widget.title
+                              content: g.widget.title.length <= 0 ? `Widget ${W}` : g.widget.title,
+                              class: "handle"
                             }, {
                               default: u(() => [
                                 _("p", Te, L(g.widget.title.length <= 0 ? `Widget ${W}` : g.widget.title), 1)
@@ -322,7 +327,7 @@ const we = /* @__PURE__ */ h({
   key: 0,
   class: "w-full grid grid-cols-12 gap-[24px] p-24",
   style: { backgroundColor: "#F6F8FC" }
-}, Ne = /* @__PURE__ */ h({
+}, Ne = /* @__PURE__ */ $({
   __name: "ReportEditorDesktop",
   props: /* @__PURE__ */ w({
     hideConfiguration: { type: Boolean, required: !0, default: !1 }
@@ -386,7 +391,7 @@ const we = /* @__PURE__ */ h({
 }), Ue = {
   key: 0,
   class: "grid grid-cols-12 gap-[16px]"
-}, De = /* @__PURE__ */ h({
+}, De = /* @__PURE__ */ $({
   __name: "ReportEditorMobile",
   props: /* @__PURE__ */ w({
     hideConfiguration: { type: Boolean, required: !0, default: !1 }
@@ -428,7 +433,7 @@ const we = /* @__PURE__ */ h({
       ]);
     };
   }
-}), Ke = /* @__PURE__ */ h({
+}), Ke = /* @__PURE__ */ $({
   __name: "ReportEditor",
   setup(c) {
     const n = X(), o = Z(), a = j(), { promptLoader: s } = xe(), { currentReport: C, editingReport: e } = Q(a), { breakpoints: f } = I(), v = U(() => {
@@ -437,7 +442,7 @@ const we = /* @__PURE__ */ h({
     }), i = U(() => {
       var V;
       return ((V = e.value) == null ? void 0 : V.name) ?? "New Report";
-    }), k = Fe(), { promptMessage: b } = ee(), $ = N(!1);
+    }), k = Fe(), { promptMessage: b } = ee(), h = N(!1);
     async function M() {
       if (!e.value || e.value.tiles.length === 0) {
         k.open({ message: "No Widget", type: "error" });
@@ -511,8 +516,8 @@ const we = /* @__PURE__ */ h({
             "onUpdate:modelValue": x[0] || (x[0] = (T) => Y(e) ? e.value = T : null),
             class: D(`${l(f).lg || l(f).md ? "flex" : ""} w-full`),
             style: ve({ height: `calc( 100% - ${l(f).lg || l(f).md ? 72 : 64}px)` }),
-            "hide-configuration": $.value,
-            onHideConfiguration: x[1] || (x[1] = (T) => $.value = T)
+            "hide-configuration": h.value,
+            onHideConfiguration: x[1] || (x[1] = (T) => h.value = T)
           }, null, 40, ["modelValue", "class", "style", "hide-configuration"])) : O("", !0)
         ]),
         _: 1

package/dist/app.js

@@ -33,7 +33,7 @@ const r = {
   {
     path: "/report-editor",
     name: "reportEditor",
-    component: () => import("./ReportEditor-TWQyn4cl.js")
+    component: () => import("./ReportEditor-BGdGF3a5.js")
   },
   {
     path: "/report-editor/tile-editor",
@@ -79,7 +79,7 @@ o({
 const c = {
   "en-US": n,
   "zh-CN": i
-}, h = t(() => import("./App-BA_8z26u.js"));
+}, h = t(() => import("./App-ElC_82W0.js"));
 export {
   h as FmApp,
   c as i18nMessages,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-report",
-  "version": "5.4.13-beta.3",
+  "version": "5.4.13-beta.4",
   "files": [
     "dist"
   ],