@platox/pivot-table 0.0.32 → 0.0.34

package/es/dashboard-workbench/icon/icon-strip-bar-pile.js

@@ -0,0 +1,105 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconStripBarPile = () => {
+  return /* @__PURE__ */ jsxs("svg", { width: "72", height: "48", viewBox: "0 0 72 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "40",
+        y: "11",
+        width: "4",
+        height: "15",
+        rx: "0.5",
+        transform: "rotate(90 40 11)",
+        fill: "#959bee"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "24",
+        y: "11",
+        width: "4",
+        height: "8",
+        rx: "0.5",
+        transform: "rotate(90 24 11)",
+        fill: "#5b65f5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "48",
+        y: "18",
+        width: "4",
+        height: "15.5",
+        rx: "0.5",
+        transform: "rotate(90 48 18)",
+        fill: "#959bee"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "31.5",
+        y: "18",
+        width: "4",
+        height: "15.5",
+        rx: "0.5",
+        transform: "rotate(90 31.5 18)",
+        fill: "#5b65f5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "60",
+        y: "25",
+        width: "4",
+        height: "34",
+        rx: "0.5",
+        transform: "rotate(90 60 25)",
+        fill: "#959bee"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "25",
+        y: "25",
+        width: "4",
+        height: "9",
+        rx: "0.5",
+        transform: "rotate(90 25 25)",
+        fill: "#5b65f5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "43",
+        y: "32",
+        width: "4",
+        height: "13",
+        rx: "0.5",
+        transform: "rotate(90 43 32)",
+        fill: "#959bee"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "29",
+        y: "32",
+        width: "4",
+        height: "13",
+        rx: "0.5",
+        transform: "rotate(90 29 32)",
+        fill: "#5b65f5"
+      }
+    )
+  ] });
+};
+export {
+  IconStripBarPile as default
+};
+//# sourceMappingURL=icon-strip-bar-pile.js.map

package/es/dashboard-workbench/icon/icon-strip-bar-pile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-strip-bar-pile.js","sources":["../../../packages/dashboard-workbench/icon/icon-strip-bar-pile.tsx"],"sourcesContent":["const IconStripBarPile = () => {\n  return (\n    <svg width=\"72\" height=\"48\" viewBox=\"0 0 72 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect\n        x=\"40\"\n        y=\"11\"\n        width=\"4\"\n        height=\"15\"\n        rx=\"0.5\"\n        transform=\"rotate(90 40 11)\"\n        fill=\"#959bee\"\n      ></rect>\n      <rect\n        x=\"24\"\n        y=\"11\"\n        width=\"4\"\n        height=\"8\"\n        rx=\"0.5\"\n        transform=\"rotate(90 24 11)\"\n        fill=\"#5b65f5\"\n      ></rect>\n      <rect\n        x=\"48\"\n        y=\"18\"\n        width=\"4\"\n        height=\"15.5\"\n        rx=\"0.5\"\n        transform=\"rotate(90 48 18)\"\n        fill=\"#959bee\"\n      ></rect>\n      <rect\n        x=\"31.5\"\n        y=\"18\"\n        width=\"4\"\n        height=\"15.5\"\n        rx=\"0.5\"\n        transform=\"rotate(90 31.5 18)\"\n        fill=\"#5b65f5\"\n      ></rect>\n      <rect\n        x=\"60\"\n        y=\"25\"\n        width=\"4\"\n        height=\"34\"\n        rx=\"0.5\"\n        transform=\"rotate(90 60 25)\"\n        fill=\"#959bee\"\n      ></rect>\n      <rect\n        x=\"25\"\n        y=\"25\"\n        width=\"4\"\n        height=\"9\"\n        rx=\"0.5\"\n        transform=\"rotate(90 25 25)\"\n        fill=\"#5b65f5\"\n      ></rect>\n      <rect\n        x=\"43\"\n        y=\"32\"\n        width=\"4\"\n        height=\"13\"\n        rx=\"0.5\"\n        transform=\"rotate(90 43 32)\"\n        fill=\"#959bee\"\n      ></rect>\n      <rect\n        x=\"29\"\n        y=\"32\"\n        width=\"4\"\n        height=\"13\"\n        rx=\"0.5\"\n        transform=\"rotate(90 29 32)\"\n        fill=\"#5b65f5\"\n      ></rect>\n    </svg>\n  )\n}\n\nexport default IconStripBarPile\n"],"names":[],"mappings":";AAAA,MAAM,mBAAmB,MAAM;AAE3B,SAAA,qBAAC,OAAI,EAAA,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACH;AAEJ;"}

package/es/dashboard-workbench/icon/icon-strip-bar.d.ts

@@ -0,0 +1,2 @@
+declare const IconStripBar: () => import("react/jsx-runtime").JSX.Element;
+export default IconStripBar;

package/es/dashboard-workbench/icon/icon-strip-bar.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const IconStripBar = () => {
+  return /* @__PURE__ */ jsxs("svg", { width: "72", height: "48", viewBox: "0 0 72 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "31",
+        y: "11",
+        width: "4",
+        height: "15",
+        rx: "0.5",
+        transform: "rotate(90 31 11)",
+        fill: "#5b65f5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "44",
+        y: "18",
+        width: "4",
+        height: "28",
+        rx: "0.5",
+        transform: "rotate(90 44 18)",
+        fill: "#5b65f5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "56",
+        y: "25",
+        width: "4",
+        height: "40",
+        rx: "0.5",
+        transform: "rotate(90 56 25)",
+        fill: "#5b65f5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "36",
+        y: "32",
+        width: "4",
+        height: "20",
+        rx: "0.5",
+        transform: "rotate(90 36 32)",
+        fill: "#5b65f5"
+      }
+    )
+  ] });
+};
+export {
+  IconStripBar as default
+};
+//# sourceMappingURL=icon-strip-bar.js.map

package/es/dashboard-workbench/icon/icon-strip-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-strip-bar.js","sources":["../../../packages/dashboard-workbench/icon/icon-strip-bar.tsx"],"sourcesContent":["const IconStripBar = () => {\n  return (\n    <svg width=\"72\" height=\"48\" viewBox=\"0 0 72 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect\n        x=\"31\"\n        y=\"11\"\n        width=\"4\"\n        height=\"15\"\n        rx=\"0.5\"\n        transform=\"rotate(90 31 11)\"\n        fill=\"#5b65f5\"\n      ></rect>\n      <rect\n        x=\"44\"\n        y=\"18\"\n        width=\"4\"\n        height=\"28\"\n        rx=\"0.5\"\n        transform=\"rotate(90 44 18)\"\n        fill=\"#5b65f5\"\n      ></rect>\n      <rect\n        x=\"56\"\n        y=\"25\"\n        width=\"4\"\n        height=\"40\"\n        rx=\"0.5\"\n        transform=\"rotate(90 56 25)\"\n        fill=\"#5b65f5\"\n      ></rect>\n      <rect\n        x=\"36\"\n        y=\"32\"\n        width=\"4\"\n        height=\"20\"\n        rx=\"0.5\"\n        transform=\"rotate(90 36 32)\"\n        fill=\"#5b65f5\"\n      ></rect>\n    </svg>\n  )\n}\n\nexport default IconStripBar\n"],"names":[],"mappings":";AAAA,MAAM,eAAe,MAAM;AAEvB,SAAA,qBAAC,OAAI,EAAA,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,WAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACH;AAEJ;"}

package/es/dashboard-workbench/index.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { Layout } from 'react-grid-layout';
+import { ModuleData } from './components/module-content';
+import { EnumDataApi, ModuleConfigDataTypes, ModuleDataApi, SourceDataTypes } from './types';
+interface DashboardWorkbenchProps {
+    sourceData?: SourceDataTypes[];
+    moduleConfigData?: ModuleConfigDataTypes;
+    fieldMap?: Record<string, string>;
+    lang?: 'zh-CN' | 'en-US';
+    moduleDataApi?: ModuleDataApi;
+    enumDataApi?: EnumDataApi;
+    onCreateModule?: (val: ModuleData) => Promise<{
+        data: ModuleData;
+    }>;
+    onUpdateModule?: (val: ModuleData) => Promise<{
+        data: ModuleData;
+    }>;
+    onDeleteModule?: (val: string) => Promise<{
+        data: ModuleData;
+    }>;
+    onLayoutChange?: (layout: Layout[]) => void;
+    className?: string;
+    cols?: {
+        lg: number;
+        md: number;
+        sm: number;
+        xs: number;
+        xxs: number;
+    };
+    rowHeight?: number;
+}
+declare const _default: React.MemoExoticComponent<(props: DashboardWorkbenchProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/es/dashboard-workbench/index.js

@@ -0,0 +1,435 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import { WidthProvider, Responsive } from "react-grid-layout";
+import ModuleContent from "./components/module-content/index.js";
+import AddModuleBtn from "./components/add-module-btn/index.js";
+/* empty css                  */
+import { AppProvider, useAppContext } from "./context.js";
+import AddStatisticsModal from "./components/add-module-modal/add-statistics-modal/index.js";
+import AddStatisticsModal$1 from "./components/add-module-modal/add-calendar-modal/index.js";
+import AddStatisticsModal$2 from "./components/add-module-modal/add-chart-modal/index.js";
+import "./lang/index.js";
+import { useTranslation } from "react-i18next";
+/* empty css                                                                                                                                      */
+import { Modal, message } from "antd";
+import { ExclamationCircleOutlined } from "@ant-design/icons";
+import ModuleHeader from "./components/module-header/index.js";
+import { findChangedItems } from "./utils/index.js";
+const ResponsiveReactGridLayout = WidthProvider(Responsive);
+const DashboardWorkbench = ({
+  sourceData,
+  moduleConfigData,
+  fieldMap,
+  moduleDataApi,
+  enumDataApi,
+  onCreateModule,
+  onUpdateModule,
+  onDeleteModule,
+  lang,
+  // onLayoutChange,
+  className = "layout",
+  cols = { lg: 12, md: 12, sm: 12, xs: 12, xxs: 12 },
+  rowHeight = 79
+}) => {
+  const { setGlobalData } = useAppContext();
+  useEffect(() => {
+    setGlobalData({ fieldMap, sourceData });
+  }, [fieldMap, setGlobalData, sourceData]);
+  const { i18n, t } = useTranslation();
+  useEffect(() => {
+    i18n.changeLanguage(lang || "zh_CN");
+  }, [i18n, lang]);
+  const [modules, setModules] = useState([]);
+  const [activeId, setActiveId] = useState();
+  const [selectModuleData, setSelectModuleData] = useState();
+  useEffect(() => {
+    setModules(
+      (moduleConfigData == null ? void 0 : moduleConfigData.map((item) => ({
+        ...item,
+        i: item.i ? item.i : item.id
+      }))) || []
+    );
+  }, [moduleConfigData]);
+  const addModule = async (data) => {
+    const wMultiple = data.type === "calendar" ? 5 : 4;
+    const hMultiple = data.type === "calendar" ? 5 : 3;
+    if (Array.isArray(modules) && data.type) {
+      const newModuleData = {
+        x: 0,
+        y: 0,
+        w: wMultiple,
+        h: hMultiple,
+        title: data.type.includes("chart") ? t("chartText") : title[data.type],
+        ...data,
+        type: data.type
+      };
+      await (onCreateModule == null ? void 0 : onCreateModule(newModuleData).then((res) => {
+        var _a, _b;
+        if (!res.success) {
+          message.error(res.message);
+          return;
+        }
+        setModules([...modules, { ...newModuleData, i: (_a = res.data) == null ? void 0 : _a.id, id: (_b = res.data) == null ? void 0 : _b.id }]);
+      }));
+    }
+  };
+  const updateModule = async (id, updatedProps) => {
+    if (modules == null ? void 0 : modules.length) {
+      const oldData = modules.find((m) => m.id === id);
+      const updatedModule = {
+        ...oldData,
+        ...updatedProps
+      };
+      const modulesData = modules.map((m) => m.id === id ? updatedModule : m);
+      setModules(modulesData);
+      await (onUpdateModule == null ? void 0 : onUpdateModule(updatedModule).then((res) => {
+        if (!res.success) {
+          message.error(res.message);
+          return;
+        }
+      }));
+    }
+  };
+  const updateModules = async (updatedItems) => {
+    if (!(modules == null ? void 0 : modules.length) || !(updatedItems == null ? void 0 : updatedItems.length)) return;
+    const updatedModules = modules.map((module) => {
+      const update = updatedItems.find((item) => item.id === module.id);
+      return update ? { ...module, ...update } : module;
+    });
+    setModules(updatedModules);
+    try {
+      for (const updatedItem of updatedItems) {
+        const res = await (onUpdateModule == null ? void 0 : onUpdateModule(updatedItem));
+        if (!(res == null ? void 0 : res.success)) {
+          throw new Error((res == null ? void 0 : res.message) || `Failed to update module: ${updatedItem.id}`);
+        }
+      }
+    } catch (error) {
+      setModules(modules);
+      message.error(error.message || "Failed to update modules");
+    }
+  };
+  const deleteModule = async (id) => {
+    if (modules == null ? void 0 : modules.length) {
+      setModules(modules.filter((m) => m.id !== id));
+      await (onDeleteModule == null ? void 0 : onDeleteModule(id || ""));
+    }
+  };
+  const margins = [10, 10];
+  const [rowWidth, setRowWidth] = useState(0);
+  const [, setCurrentCols] = useState(cols.lg);
+  const [isDragOrResize, setIsDragOrResize] = useState(false);
+  const [isDragOrResizeEnd, setIsDragOrResizeEnd] = useState(false);
+  const onBreakpointChange = (_breakpoint, cols2) => {
+    setCurrentCols(cols2);
+  };
+  const onDragResizeStop = (newLayout) => {
+    const changedItems = findChangedItems(newLayout, modules);
+    const newChangedItems = changedItems.map((item) => {
+      const module = modules == null ? void 0 : modules.find((module2) => module2.i === item.i);
+      return { ...module, ...item };
+    });
+    updateModules(newChangedItems);
+  };
+  const onDragStartOrEnd = (type, newLayout) => {
+    if (type === "start") {
+      setIsDragOrResize(true);
+      setIsDragOrResizeEnd(true);
+    } else {
+      setIsDragOrResize(false);
+      setTimeout(() => {
+        setIsDragOrResizeEnd(false);
+      }, 500);
+      onDragResizeStop(newLayout || []);
+    }
+  };
+  const [isShowAddStatisticsModal, setIsShowAddStatisticsModal] = useState(false);
+  const [isShowAddCalendarModal, setIsShowAddCalendarModal] = useState(false);
+  const [isShowAddChartModal, setIsShowAddChartModal] = useState(false);
+  const onAddModule = (val) => {
+    if (val === "text") {
+      const data = {
+        type: val,
+        customData: {
+          title: t("text"),
+          editor: [
+            {
+              type: "paragraph",
+              children: [
+                {
+                  text: ""
+                }
+              ]
+            }
+          ]
+        }
+      };
+      addModule(data);
+    } else if (val === "statistics") {
+      setIsShowAddStatisticsModal(true);
+    } else if (val === "calendar") {
+      setIsShowAddCalendarModal(true);
+    } else if (val == null ? void 0 : val.includes("chart")) {
+      setIsShowAddChartModal(true);
+    }
+    setSelectModuleData({
+      title: "",
+      type: val,
+      w: 0,
+      h: 0,
+      x: 0,
+      y: 0
+    });
+  };
+  const title = {
+    text: t("pb.text"),
+    calendar: t("calendarText"),
+    statistics: t("chartText")
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "pivot-table", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bitable-block-dashboard", children: [
+      /* @__PURE__ */ jsx("div", { className: "bitable-block-dashboard-toolbar bitable-toolbar", children: /* @__PURE__ */ jsx("div", { className: "bitable-block-dashboard-toolbar--left", children: /* @__PURE__ */ jsx(
+        AddModuleBtn,
+        {
+          onOk: (val) => {
+            onAddModule(val);
+          }
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "bitable-block-dashboard__mount", children: /* @__PURE__ */ jsx("div", { className: "dashboard-container", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `dashboard-content-container ${isDragOrResize ? "isDragOrResize" : ""}  ${isDragOrResizeEnd ? "isDragOrResizeEnd" : ""}`,
+          children: /* @__PURE__ */ jsx(
+            ResponsiveReactGridLayout,
+            {
+              onBreakpointChange,
+              className,
+              compactType: "vertical",
+              preventCollision: false,
+              cols,
+              margin: margins,
+              rowHeight,
+              measureBeforeMount: false,
+              draggableHandle: ".isCanDrag",
+              onWidthChange: (containerWidth, _margin, cols2) => {
+                setRowWidth(containerWidth / cols2 - 1);
+              },
+              onDragStart: () => {
+                onDragStartOrEnd("start");
+              },
+              onDragStop: (newLayout) => {
+                onDragStartOrEnd("end", newLayout);
+              },
+              onResizeStart: () => {
+                onDragStartOrEnd("start");
+              },
+              onResizeStop: (newLayout) => {
+                onDragStartOrEnd("end", newLayout);
+              },
+              style: {
+                backgroundSize: `${rowWidth}px ${rowHeight + margins[0]}px`,
+                backgroundPosition: `${margins[0]}px ${margins[0]}px`,
+                minHeight: "100vh"
+              },
+              children: modules == null ? void 0 : modules.map((module) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `box-dashboard ${activeId === module.id ? "active" : ""}`,
+                  onClick: () => {
+                    setActiveId(module.id);
+                  },
+                  "data-grid": {
+                    i: module.id,
+                    x: module.x || 0,
+                    y: module.y || 0,
+                    // puts it at the bottom
+                    w: module.w || 2,
+                    h: module.h || 2,
+                    minW: 2,
+                    minH: 2
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      ModuleHeader,
+                      {
+                        module,
+                        defaultValue: module.title,
+                        onChange: (val) => updateModule(module.id, {
+                          title: val
+                        }),
+                        onDropdownItem: (key) => {
+                          var _a;
+                          if (key === "edit") {
+                            setActiveId(module.id);
+                            setSelectModuleData(module);
+                            if (module.type === "statistics") {
+                              setIsShowAddStatisticsModal(true);
+                            }
+                            if ((_a = module.type) == null ? void 0 : _a.includes("chart")) {
+                              setIsShowAddChartModal(true);
+                            }
+                            if (module.type === "calendar") {
+                              setIsShowAddCalendarModal(true);
+                            }
+                          } else if (key === "delete") {
+                            Modal.confirm({
+                              title: t("promptTitle"),
+                              icon: /* @__PURE__ */ jsx(ExclamationCircleOutlined, {}),
+                              content: t("promptContentDeleteComponents"),
+                              onOk() {
+                                deleteModule(module.id);
+                              }
+                            });
+                          } else if (key === "copy") {
+                            const data = JSON.parse(JSON.stringify(module));
+                            delete data.id;
+                            delete data.i;
+                            addModule(data);
+                          }
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ModuleContent,
+                      {
+                        module,
+                        onUpdate: updateModule,
+                        moduleDataApi,
+                        activeId,
+                        onClick: () => {
+                          setActiveId(module.id);
+                        },
+                        rowWidth,
+                        rowHeight,
+                        onEdit: () => {
+                          var _a;
+                          setActiveId(module.id);
+                          setSelectModuleData(module);
+                          if (module.type === "statistics") {
+                            setIsShowAddStatisticsModal(true);
+                          }
+                          if ((_a = module.type) == null ? void 0 : _a.includes("chart")) {
+                            setIsShowAddChartModal(true);
+                          }
+                          if (module.type === "calendar") {
+                            setIsShowAddCalendarModal(true);
+                          }
+                        },
+                        onDelete: () => {
+                          deleteModule(module.id);
+                        },
+                        onCopy: () => {
+                          const data = JSON.parse(JSON.stringify(module));
+                          delete data.id;
+                          delete data.i;
+                          addModule(data);
+                        },
+                        onStartDragOrResize: () => {
+                          setIsDragOrResize(true);
+                        },
+                        onStopDragOrResize: () => {
+                          setIsDragOrResize(false);
+                        }
+                      }
+                    )
+                  ]
+                },
+                module.id
+              ))
+            }
+          )
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AddStatisticsModal,
+      {
+        open: isShowAddStatisticsModal,
+        selectModuleData,
+        onClose: () => {
+          setIsShowAddStatisticsModal(false);
+        },
+        onOk: ({ id, customData, customeStyle }) => {
+          if (id) {
+            updateModule(id, {
+              type: "statistics",
+              customData,
+              customeStyle
+            });
+          } else {
+            addModule({
+              type: "statistics",
+              customData,
+              customeStyle
+            });
+          }
+          setIsShowAddStatisticsModal(false);
+        },
+        moduleDataApi,
+        enumDataApi
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AddStatisticsModal$1,
+      {
+        open: isShowAddCalendarModal,
+        selectModuleData,
+        onClose: () => {
+          setIsShowAddCalendarModal(false);
+        },
+        onOk: ({ id, customData }) => {
+          if (id) {
+            updateModule(id, {
+              type: "calendar",
+              customData
+            });
+          } else {
+            addModule({
+              type: "calendar",
+              customData
+            });
+          }
+          setIsShowAddCalendarModal(false);
+        },
+        moduleDataApi,
+        enumDataApi
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AddStatisticsModal$2,
+      {
+        open: isShowAddChartModal,
+        selectModuleData,
+        onClose: () => {
+          setIsShowAddChartModal(false);
+        },
+        onOk: ({ id, type, customData, customeStyle }) => {
+          if (id) {
+            updateModule(id, {
+              type,
+              customData,
+              customeStyle
+            });
+          } else {
+            addModule({
+              type,
+              customData,
+              customeStyle
+            });
+          }
+          setIsShowAddChartModal(false);
+        },
+        moduleDataApi,
+        enumDataApi
+      }
+    )
+  ] });
+};
+const index = React.memo((props) => {
+  return /* @__PURE__ */ jsx(AppProvider, { children: /* @__PURE__ */ jsx(DashboardWorkbench, { ...props }) });
+});
+export {
+  index as default
+};
+//# sourceMappingURL=index.js.map