@platox/pivot-table 0.0.54 → 0.0.55

package/es/dashboard-workbench/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useRef } from "react";
 import { Modal, message } from "antd";
 import { ExclamationCircleOutlined } from "@ant-design/icons";
 import { WidthProvider, Responsive } from "react-grid-layout";
 import { useTranslation } from "react-i18next";
-import { useControllableValue } from "ahooks";
+import { useControllableValue, useScroll } from "ahooks";
 import { pick, omit } from "lodash-es";
 import AddModuleBtn from "./components/add-module-btn/index.js";
 import AddStatisticsModal$1 from "./components/add-module-modal/add-calendar-modal/index.js";
@@ -18,6 +18,7 @@ import { findChangedItems } from "./utils/index.js";
 import "./lang/index.js";
 /* empty css                                                                                                                                      */
 /* empty css                  */
+import clsx from "clsx";
 const ResponsiveReactGridLayout = WidthProvider(Responsive);
 const DashboardWorkbench = ({
   moduleConfigData,
@@ -190,139 +191,108 @@ const DashboardWorkbench = ({
     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__ */ jsxs("div", { className: "bitable-block-dashboard-toolbar--left", children: [
-        /* @__PURE__ */ jsx(
-          AddModuleBtn,
-          {
-            onOk: (val) => {
-              handleOpenCreateModal(val);
-            }
-          }
+  const ref = useRef(null);
+  const scroll = useScroll(ref);
+  const isShadowShow = ((scroll == null ? void 0 : scroll.top) ?? 0) > 50;
+  return /* @__PURE__ */ jsxs("div", { className: "pivot-table", ref, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          "bitable-block-dashboard-toolbar bitable-toolbar",
+          isShadowShow && "bitable-toolbar--shadow"
+          // isShadowShow &&
         ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              width: "1px",
-              height: "1rem",
-              backgroundColor: "rgba(217, 217, 217, 1)",
-              marginLeft: "12px",
-              marginRight: "4px"
+        children: /* @__PURE__ */ jsxs("div", { className: "bitable-block-dashboard-toolbar--left", children: [
+          /* @__PURE__ */ jsx(
+            AddModuleBtn,
+            {
+              onOk: (val) => {
+                handleOpenCreateModal(val);
+              }
             }
-          }
-        ),
-        /* @__PURE__ */ jsx(GlobalFilterCondition, {})
-      ] }) }),
-      /* @__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,
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
             {
-              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;
+                width: "1px",
+                height: "1rem",
+                backgroundColor: "rgba(217, 217, 217, 1)",
+                marginLeft: "12px",
+                marginRight: "4px"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(GlobalFilterCondition, {})
+        ] })
+      }
+    ),
+    /* @__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") {
@@ -334,33 +304,75 @@ const DashboardWorkbench = ({
                           if (module.type === "calendar") {
                             setIsShowAddCalendarModal(true);
                           }
-                        },
-                        onDelete: () => {
-                          deleteModule(module.id);
-                        },
-                        onCopy: () => {
+                        } 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);
-                        },
-                        onStartDragOrResize: () => {
-                          setIsDragOrResize(true);
-                        },
-                        onStopDragOrResize: () => {
-                          setIsDragOrResize(false);
                         }
                       }
-                    )
-                  ]
-                },
-                module.id
-              ))
-            }
-          )
-        }
-      ) }) })
-    ] }),
+                    }
+                  ),
+                  /* @__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,
       {

package/es/dashboard-workbench/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../packages/dashboard-workbench/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { message, Modal } from 'antd'\nimport { ExclamationCircleOutlined } from '@ant-design/icons'\nimport { Layout, Responsive, WidthProvider } from 'react-grid-layout'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useLatest, useLocalStorageState, useMemoizedFn } from 'ahooks'\nimport { omit, pick } from 'lodash-es'\nimport AddModuleBtn, { ModuleValueType } from './components/add-module-btn'\nimport AddCalendarModal from './components/add-module-modal/add-calendar-modal'\nimport AddChartModal from './components/add-module-modal/add-chart-modal'\nimport AddStatisticsModal from './components/add-module-modal/add-statistics-modal'\nimport { GlobalFilterCondition } from './components/global-filter-condition'\nimport { ConditionBlockWrapper } from './components/global-filter-condition/interface'\nimport ModuleContent, { ModuleData } from './components/module-content'\nimport ModuleHeader from './components/module-header'\nimport { AppContext } from './context'\nimport { EnumDataApi, ModuleConfigDataTypes, ModuleDataApi, SourceDataItem } from './types'\nimport { findChangedItems } from './utils'\nimport './lang/index'\nimport '/node_modules/react-grid-layout/css/styles.css'\nimport './styles/index.less'\n\nconst ResponsiveReactGridLayout = WidthProvider(Responsive)\n\ninterface DashboardWorkbenchProps {\n  sourceData?: SourceDataItem[]\n  moduleConfigData?: ModuleConfigDataTypes\n  fieldMap?: Record<string, string>\n  lang?: 'zh-CN' | 'en-US'\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: EnumDataApi\n  onCreateModule?: (val: ModuleData) => Promise<{ data: ModuleData }>\n  onUpdateModule?: (val: ModuleData) => Promise<{ data: ModuleData }>\n  onDeleteModule?: (val: string) => Promise<{ data: ModuleData }>\n  onLayoutChange?: (layout: Layout[]) => void\n  className?: string\n  cols?: { lg: number; md: number; sm: number; xs: number; xxs: number }\n  rowHeight?: number\n}\n\nconst DashboardWorkbench: React.FC<DashboardWorkbenchProps> = ({\n  moduleConfigData,\n  moduleDataApi,\n  enumDataApi,\n  onCreateModule,\n  onUpdateModule,\n  onDeleteModule,\n  className = 'layout',\n  cols = { lg: 12, md: 12, sm: 12, xs: 12, xxs: 12 },\n  rowHeight = 79,\n}) => {\n  const { t } = useTranslation()\n\n  /* ============================== modules =============================== */\n  const [modules, setModules] = useState<ModuleData[] | undefined>([])\n  const [activeId, setActiveId] = useState<ModuleData['id']>()\n\n  useEffect(() => {\n    setModules(\n      moduleConfigData?.map(item => ({\n        ...item,\n        i: item.i ? item.i : item.id,\n      })) || []\n    )\n  }, [moduleConfigData])\n\n  const addModule = async (data: ModuleValueType) => {\n    const wMultiple = data.type === 'calendar' ? 5 : 4\n    const hMultiple = data.type === 'calendar' ? 5 : 3\n\n    if (Array.isArray(modules) && data.type) {\n      const newModuleData = {\n        x: 0,\n        y: 0,\n        w: wMultiple,\n        h: hMultiple,\n        title: data.type.includes('chart') ? t('chartText') : title[data.type],\n        ...data,\n        type: data.type,\n      }\n      await onCreateModule?.(newModuleData).then((res: any) => {\n        if (!res.success) {\n          message.error(res.message)\n          return\n        }\n        setModules([...modules, { ...newModuleData, i: res.data?.id, id: res.data?.id }])\n      })\n    }\n  }\n\n  // 单个\n  const updateModule = async (id: ModuleData['id'], updatedProps: Partial<ModuleData>) => {\n    if (modules?.length) {\n      const oldData = modules.find(m => m.id === id)\n      const updatedModule = {\n        ...oldData!,\n        ...updatedProps,\n      }\n      const modulesData = modules.map(m => (m.id === id ? updatedModule : m))\n      setModules(modulesData)\n      await onUpdateModule?.(updatedModule).then((res: any) => {\n        if (!res.success) {\n          message.error(res.message)\n          return\n        }\n      })\n    }\n  }\n\n  // 批量\n  const updateModules = async (updatedItems: Partial<ModuleData>[]) => {\n    if (!modules?.length || !updatedItems?.length) return\n    const updatedModules = modules.map(module => {\n      const update = updatedItems.find(item => item.id === module.id)\n      return update ? { ...module, ...update } : module\n    })\n    setModules(updatedModules)\n    try {\n      for (const updatedItem of updatedItems) {\n        const res: any = await onUpdateModule?.(updatedItem as ModuleData)\n        if (!res?.success) {\n          throw new Error(res?.message || `Failed to update module: ${updatedItem.id}`)\n        }\n      }\n    } catch (error: any) {\n      setModules(modules)\n      message.error(error.message || 'Failed to update modules')\n    }\n  }\n\n  const deleteModule = async (id: ModuleData['id']) => {\n    if (modules?.length) {\n      setModules(modules.filter(m => m.id !== id))\n      await onDeleteModule?.(id || '')\n    }\n  }\n\n  /* ============================== drag =============================== */\n\n  const margins: [number, number] = [10, 10]\n  const [rowWidth, setRowWidth] = useState(0)\n  const [, setCurrentCols] = useState<number>(cols.lg)\n\n  const [isDragOrResize, setIsDragOrResize] = useState(false)\n  const [isDragOrResizeEnd, setIsDragOrResizeEnd] = useState(false)\n\n  const onBreakpointChange = (_breakpoint: string, cols: number) => {\n    setCurrentCols(cols)\n  }\n\n  const onDragResizeStop = (newLayout: Layout[]) => {\n    const changedItems = findChangedItems(newLayout, modules as any)\n    const newChangedItems = changedItems.map(item => {\n      const module = modules?.find(module => module.i === item.i)\n      return { ...module, ...item }\n    })\n    updateModules(newChangedItems)\n  }\n\n  const onDragStartOrEnd = (type: 'start' | 'end', newLayout?: Layout[]) => {\n    if (type === 'start') {\n      setIsDragOrResize(true)\n      setIsDragOrResizeEnd(true)\n    } else {\n      setIsDragOrResize(false)\n      setTimeout(() => {\n        setIsDragOrResizeEnd(false)\n      }, 500)\n      onDragResizeStop(newLayout || [])\n    }\n  }\n\n  /* ============================== split =============================== */\n  const [selectModuleData, setSelectModuleData] = useState<ModuleData>()\n\n  const [isShowAddStatisticsModal, setIsShowAddStatisticsModal] = useState<boolean>(false)\n  const [isShowAddCalendarModal, setIsShowAddCalendarModal] = useState<boolean>(false)\n  const [isShowAddChartModal, setIsShowAddChartModal] = useState<boolean>(false)\n\n  const handleOpenCreateModal = (val: any) => {\n    if (val === 'text') {\n      const data = {\n        type: val,\n        customData: {\n          title: t('text'),\n          editor: [\n            {\n              type: 'paragraph',\n              children: [\n                {\n                  text: '',\n                },\n              ],\n            },\n          ],\n        },\n      }\n      addModule(data)\n    } else if (val === 'statistics') {\n      setIsShowAddStatisticsModal(true)\n    } else if (val === 'calendar') {\n      setIsShowAddCalendarModal(true)\n    } else if (val?.includes('chart')) {\n      setIsShowAddChartModal(true)\n    }\n\n    setSelectModuleData({\n      title: '',\n      type: val,\n      w: 0,\n      h: 0,\n      x: 0,\n      y: 0,\n    })\n  }\n\n  const commonModalProps = {\n    moduleDataApi: moduleDataApi,\n    enumDataApi: enumDataApi,\n    selectModuleData: selectModuleData,\n  }\n  const handleModalSubmit = (data: Partial<ModuleData>) => {\n    if (data.id) {\n      updateModule(data.id, omit(data, 'id'))\n    } else {\n      addModule(data)\n    }\n  }\n  /* ============================== split =============================== */\n  const title: any = {\n    text: t('pb.text'),\n    calendar: t('calendarText'),\n    statistics: t('chartText'),\n  }\n\n  return (\n    <div className=\"pivot-table\">\n      <div className=\"bitable-block-dashboard\">\n        <div className=\"bitable-block-dashboard-toolbar bitable-toolbar\">\n          <div className=\"bitable-block-dashboard-toolbar--left\">\n            <AddModuleBtn\n              onOk={val => {\n                handleOpenCreateModal(val)\n              }}\n            />\n            <div\n              style={{\n                width: '1px',\n                height: '1rem',\n                backgroundColor: 'rgba(217, 217, 217, 1)',\n                marginLeft: '12px',\n                marginRight: '4px',\n              }}\n            />\n            <GlobalFilterCondition />\n          </div>\n        </div>\n        <div className=\"bitable-block-dashboard__mount\">\n          <div className=\"dashboard-container\">\n            <div\n              className={`dashboard-content-container ${isDragOrResize ? 'isDragOrResize' : ''}  ${\n                isDragOrResizeEnd ? 'isDragOrResizeEnd' : ''\n              }`}\n            >\n              <ResponsiveReactGridLayout\n                onBreakpointChange={onBreakpointChange}\n                className={className}\n                compactType=\"vertical\"\n                preventCollision={false}\n                cols={cols}\n                margin={margins}\n                rowHeight={rowHeight}\n                measureBeforeMount={false}\n                draggableHandle=\".isCanDrag\"\n                // draggableCancel=\".isNoCanDrag\"\n                onWidthChange={(containerWidth, _margin, cols) => {\n                  setRowWidth(containerWidth / cols - 1)\n                }}\n                onDragStart={() => {\n                  onDragStartOrEnd('start')\n                }}\n                onDragStop={newLayout => {\n                  onDragStartOrEnd('end', newLayout)\n                }}\n                onResizeStart={() => {\n                  onDragStartOrEnd('start')\n                }}\n                onResizeStop={newLayout => {\n                  onDragStartOrEnd('end', newLayout)\n                }}\n                style={{\n                  backgroundSize: `${rowWidth}px ${rowHeight + margins[0]}px`,\n                  backgroundPosition: `${margins[0]}px ${margins[0]}px`,\n                  minHeight: '100vh',\n                }}\n              >\n                {modules?.map(module => (\n                  <div\n                    className={`box-dashboard ${activeId === module.id ? 'active' : ''}`}\n                    onClick={() => {\n                      setActiveId(module.id)\n                    }}\n                    key={module.id}\n                    data-grid={{\n                      i: module.id,\n                      x: module.x || 0,\n                      y: module.y || 0, // puts it at the bottom\n                      w: module.w || 2,\n                      h: module.h || 2,\n                      minW: 2,\n                      minH: 2,\n                    }}\n                  >\n                    <ModuleHeader\n                      module={module}\n                      defaultValue={module.title}\n                      onChange={val =>\n                        updateModule(module.id, {\n                          title: val,\n                        })\n                      }\n                      onDropdownItem={key => {\n                        if (key === 'edit') {\n                          setActiveId(module.id)\n                          setSelectModuleData(module)\n                          if (module.type === 'statistics') {\n                            setIsShowAddStatisticsModal(true)\n                          }\n                          if (module.type?.includes('chart')) {\n                            setIsShowAddChartModal(true)\n                          }\n                          if (module.type === 'calendar') {\n                            setIsShowAddCalendarModal(true)\n                          }\n                        } else if (key === 'delete') {\n                          Modal.confirm({\n                            title: t('promptTitle'),\n                            icon: <ExclamationCircleOutlined />,\n                            content: t('promptContentDeleteComponents'),\n                            onOk() {\n                              deleteModule(module.id)\n                            },\n                          })\n                        } else if (key === 'copy') {\n                          const data = JSON.parse(JSON.stringify(module))\n                          delete data.id\n                          delete data.i\n                          addModule(data)\n                        }\n                      }}\n                    />\n\n                    <ModuleContent\n                      module={module}\n                      onUpdate={updateModule}\n                      moduleDataApi={moduleDataApi}\n                      activeId={activeId}\n                      onClick={() => {\n                        setActiveId(module.id)\n                      }}\n                      rowWidth={rowWidth}\n                      rowHeight={rowHeight}\n                      onEdit={() => {\n                        setActiveId(module.id)\n                        setSelectModuleData(module)\n                        if (module.type === 'statistics') {\n                          setIsShowAddStatisticsModal(true)\n                        }\n                        if (module.type?.includes('chart')) {\n                          setIsShowAddChartModal(true)\n                        }\n                        if (module.type === 'calendar') {\n                          setIsShowAddCalendarModal(true)\n                        }\n                      }}\n                      onDelete={() => {\n                        deleteModule(module.id)\n                      }}\n                      onCopy={() => {\n                        const data = JSON.parse(JSON.stringify(module))\n                        delete data.id\n                        delete data.i\n                        addModule(data)\n                      }}\n                      onStartDragOrResize={() => {\n                        setIsDragOrResize(true)\n                      }}\n                      onStopDragOrResize={() => {\n                        setIsDragOrResize(false)\n                      }}\n                    />\n                  </div>\n                ))}\n              </ResponsiveReactGridLayout>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <AddStatisticsModal\n        {...commonModalProps}\n        open={isShowAddStatisticsModal}\n        onClose={() => {\n          setIsShowAddStatisticsModal(false)\n        }}\n        onOk={data => {\n          handleModalSubmit({\n            ...data,\n            type: 'statistics',\n          })\n          setIsShowAddStatisticsModal(false)\n        }}\n      />\n\n      <AddCalendarModal\n        {...commonModalProps}\n        open={isShowAddCalendarModal}\n        onClose={() => {\n          setIsShowAddCalendarModal(false)\n        }}\n        onOk={data => {\n          handleModalSubmit({\n            ...data,\n            type: 'calendar',\n          })\n          setIsShowAddCalendarModal(false)\n        }}\n      />\n\n      <AddChartModal\n        {...commonModalProps}\n        open={isShowAddChartModal}\n        // open={true}\n        onClose={() => {\n          setIsShowAddChartModal(false)\n        }}\n        onOk={data => {\n          handleModalSubmit(data)\n          setIsShowAddChartModal(false)\n        }}\n      />\n    </div>\n  )\n}\n\n/* ============================== split =============================== */\n\nexport type { ConditionBlockWrapper }\nexport type GlobalProps = {\n  globalFilterCondition: ConditionBlockWrapper[]\n  onGlobalFilterConditionChange: (condition: ConditionBlockWrapper[]) => void\n\n  formatCurrency: (val: number, decimalPlaces?: number) => string\n}\n\nconst Empty: unknown = []\n\nexport default React.memo((props: DashboardWorkbenchProps & GlobalProps) => {\n  /* ============================== i18n =============================== */\n  const { i18n } = useTranslation()\n  useEffect(() => {\n    i18n.changeLanguage(props?.lang || 'zh_CN')\n  }, [i18n, props?.lang])\n\n  const globalData = {\n    fieldMap: props.fieldMap,\n    sourceData: props?.sourceData,\n  }\n\n  const service = pick(props, [\n    'moduleDataApi',\n    'enumDataApi',\n    'onCreateModule',\n    'onUpdateModule',\n    'onDeleteModule',\n  ])\n\n  /* ============================== 全局筛选条件 =============================== */\n  const [globalFilterCondition = Empty as ConditionBlockWrapper[], setGlobalFilterCondition] =\n    useControllableValue<ConditionBlockWrapper[]>(props, {\n      valuePropName: 'globalFilterCondition',\n      trigger: 'onGlobalFilterConditionChange',\n    })\n\n  return (\n    <AppContext.Provider\n      value={{\n        globalData,\n        service,\n        formatCurrency: props?.formatCurrency,\n        globalFilterCondition,\n        setGlobalFilterCondition: setGlobalFilterCondition as React.Dispatch<\n          React.SetStateAction<ConditionBlockWrapper[]>\n        >,\n      }}\n    >\n      <DashboardWorkbench {...props} />\n    </AppContext.Provider>\n  )\n})\n"],"names":["cols","module","AddCalendarModal","AddChartModal"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../packages/dashboard-workbench/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef, useState } from 'react'\nimport { message, Modal } from 'antd'\nimport { ExclamationCircleOutlined } from '@ant-design/icons'\nimport { Layout, Responsive, WidthProvider } from 'react-grid-layout'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useScroll } from 'ahooks'\nimport { omit, pick } from 'lodash-es'\nimport AddModuleBtn, { ModuleValueType } from './components/add-module-btn'\nimport AddCalendarModal from './components/add-module-modal/add-calendar-modal'\nimport AddChartModal from './components/add-module-modal/add-chart-modal'\nimport AddStatisticsModal from './components/add-module-modal/add-statistics-modal'\nimport { GlobalFilterCondition } from './components/global-filter-condition'\nimport { ConditionBlockWrapper } from './components/global-filter-condition/interface'\nimport ModuleContent, { ModuleData } from './components/module-content'\nimport ModuleHeader from './components/module-header'\nimport { AppContext } from './context'\nimport { EnumDataApi, ModuleConfigDataTypes, ModuleDataApi, SourceDataItem } from './types'\nimport { findChangedItems } from './utils'\nimport './lang/index'\nimport '/node_modules/react-grid-layout/css/styles.css'\nimport './styles/index.less'\nimport clsx from 'clsx'\n\nconst ResponsiveReactGridLayout = WidthProvider(Responsive)\n\ninterface DashboardWorkbenchProps {\n  sourceData?: SourceDataItem[]\n  moduleConfigData?: ModuleConfigDataTypes\n  fieldMap?: Record<string, string>\n  lang?: 'zh-CN' | 'en-US'\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: EnumDataApi\n  onCreateModule?: (val: ModuleData) => Promise<{ data: ModuleData }>\n  onUpdateModule?: (val: ModuleData) => Promise<{ data: ModuleData }>\n  onDeleteModule?: (val: string) => Promise<{ data: ModuleData }>\n  onLayoutChange?: (layout: Layout[]) => void\n  className?: string\n  cols?: { lg: number; md: number; sm: number; xs: number; xxs: number }\n  rowHeight?: number\n}\n\nconst DashboardWorkbench: React.FC<DashboardWorkbenchProps> = ({\n  moduleConfigData,\n  moduleDataApi,\n  enumDataApi,\n  onCreateModule,\n  onUpdateModule,\n  onDeleteModule,\n  className = 'layout',\n  cols = { lg: 12, md: 12, sm: 12, xs: 12, xxs: 12 },\n  rowHeight = 79,\n}) => {\n  const { t } = useTranslation()\n\n  /* ============================== modules =============================== */\n  const [modules, setModules] = useState<ModuleData[] | undefined>([])\n  const [activeId, setActiveId] = useState<ModuleData['id']>()\n\n  useEffect(() => {\n    setModules(\n      moduleConfigData?.map(item => ({\n        ...item,\n        i: item.i ? item.i : item.id,\n      })) || []\n    )\n  }, [moduleConfigData])\n\n  const addModule = async (data: ModuleValueType) => {\n    const wMultiple = data.type === 'calendar' ? 5 : 4\n    const hMultiple = data.type === 'calendar' ? 5 : 3\n\n    if (Array.isArray(modules) && data.type) {\n      const newModuleData = {\n        x: 0,\n        y: 0,\n        w: wMultiple,\n        h: hMultiple,\n        title: data.type.includes('chart') ? t('chartText') : title[data.type],\n        ...data,\n        type: data.type,\n      }\n      await onCreateModule?.(newModuleData).then((res: any) => {\n        if (!res.success) {\n          message.error(res.message)\n          return\n        }\n        setModules([...modules, { ...newModuleData, i: res.data?.id, id: res.data?.id }])\n      })\n    }\n  }\n\n  // 单个\n  const updateModule = async (id: ModuleData['id'], updatedProps: Partial<ModuleData>) => {\n    if (modules?.length) {\n      const oldData = modules.find(m => m.id === id)\n      const updatedModule = {\n        ...oldData!,\n        ...updatedProps,\n      }\n      const modulesData = modules.map(m => (m.id === id ? updatedModule : m))\n      setModules(modulesData)\n      await onUpdateModule?.(updatedModule).then((res: any) => {\n        if (!res.success) {\n          message.error(res.message)\n          return\n        }\n      })\n    }\n  }\n\n  // 批量\n  const updateModules = async (updatedItems: Partial<ModuleData>[]) => {\n    if (!modules?.length || !updatedItems?.length) return\n    const updatedModules = modules.map(module => {\n      const update = updatedItems.find(item => item.id === module.id)\n      return update ? { ...module, ...update } : module\n    })\n    setModules(updatedModules)\n    try {\n      for (const updatedItem of updatedItems) {\n        const res: any = await onUpdateModule?.(updatedItem as ModuleData)\n        if (!res?.success) {\n          throw new Error(res?.message || `Failed to update module: ${updatedItem.id}`)\n        }\n      }\n    } catch (error: any) {\n      setModules(modules)\n      message.error(error.message || 'Failed to update modules')\n    }\n  }\n\n  const deleteModule = async (id: ModuleData['id']) => {\n    if (modules?.length) {\n      setModules(modules.filter(m => m.id !== id))\n      await onDeleteModule?.(id || '')\n    }\n  }\n\n  /* ============================== drag =============================== */\n\n  const margins: [number, number] = [10, 10]\n  const [rowWidth, setRowWidth] = useState(0)\n  const [, setCurrentCols] = useState<number>(cols.lg)\n\n  const [isDragOrResize, setIsDragOrResize] = useState(false)\n  const [isDragOrResizeEnd, setIsDragOrResizeEnd] = useState(false)\n\n  const onBreakpointChange = (_breakpoint: string, cols: number) => {\n    setCurrentCols(cols)\n  }\n\n  const onDragResizeStop = (newLayout: Layout[]) => {\n    const changedItems = findChangedItems(newLayout, modules as any)\n    const newChangedItems = changedItems.map(item => {\n      const module = modules?.find(module => module.i === item.i)\n      return { ...module, ...item }\n    })\n    updateModules(newChangedItems)\n  }\n\n  const onDragStartOrEnd = (type: 'start' | 'end', newLayout?: Layout[]) => {\n    if (type === 'start') {\n      setIsDragOrResize(true)\n      setIsDragOrResizeEnd(true)\n    } else {\n      setIsDragOrResize(false)\n      setTimeout(() => {\n        setIsDragOrResizeEnd(false)\n      }, 500)\n      onDragResizeStop(newLayout || [])\n    }\n  }\n\n  /* ============================== split =============================== */\n  const [selectModuleData, setSelectModuleData] = useState<ModuleData>()\n\n  const [isShowAddStatisticsModal, setIsShowAddStatisticsModal] = useState<boolean>(false)\n  const [isShowAddCalendarModal, setIsShowAddCalendarModal] = useState<boolean>(false)\n  const [isShowAddChartModal, setIsShowAddChartModal] = useState<boolean>(false)\n\n  const handleOpenCreateModal = (val: any) => {\n    if (val === 'text') {\n      const data = {\n        type: val,\n        customData: {\n          title: t('text'),\n          editor: [\n            {\n              type: 'paragraph',\n              children: [\n                {\n                  text: '',\n                },\n              ],\n            },\n          ],\n        },\n      }\n      addModule(data)\n    } else if (val === 'statistics') {\n      setIsShowAddStatisticsModal(true)\n    } else if (val === 'calendar') {\n      setIsShowAddCalendarModal(true)\n    } else if (val?.includes('chart')) {\n      setIsShowAddChartModal(true)\n    }\n\n    setSelectModuleData({\n      title: '',\n      type: val,\n      w: 0,\n      h: 0,\n      x: 0,\n      y: 0,\n    })\n  }\n\n  const commonModalProps = {\n    moduleDataApi: moduleDataApi,\n    enumDataApi: enumDataApi,\n    selectModuleData: selectModuleData,\n  }\n  const handleModalSubmit = (data: Partial<ModuleData>) => {\n    if (data.id) {\n      updateModule(data.id, omit(data, 'id'))\n    } else {\n      addModule(data)\n    }\n  }\n  /* ============================== split =============================== */\n  const title: any = {\n    text: t('pb.text'),\n    calendar: t('calendarText'),\n    statistics: t('chartText'),\n  }\n\n  /* ============================== 滚动出阴影 =============================== */\n  const ref = useRef(null)\n  const scroll = useScroll(ref)\n  const isShadowShow = (scroll?.top ?? 0) > 50\n\n  return (\n    <div className=\"pivot-table\" ref={ref}>\n      <div\n        className={clsx(\n          'bitable-block-dashboard-toolbar bitable-toolbar',\n          isShadowShow && 'bitable-toolbar--shadow'\n          // isShadowShow &&\n        )}\n      >\n        <div className=\"bitable-block-dashboard-toolbar--left\">\n          <AddModuleBtn\n            onOk={val => {\n              handleOpenCreateModal(val)\n            }}\n          />\n          <div\n            style={{\n              width: '1px',\n              height: '1rem',\n              backgroundColor: 'rgba(217, 217, 217, 1)',\n              marginLeft: '12px',\n              marginRight: '4px',\n            }}\n          />\n          <GlobalFilterCondition />\n        </div>\n      </div>\n      <div className=\"bitable-block-dashboard__mount\">\n        <div className=\"dashboard-container\">\n          <div\n            className={`dashboard-content-container ${isDragOrResize ? 'isDragOrResize' : ''}  ${\n              isDragOrResizeEnd ? 'isDragOrResizeEnd' : ''\n            }`}\n          >\n            <ResponsiveReactGridLayout\n              onBreakpointChange={onBreakpointChange}\n              className={className}\n              compactType=\"vertical\"\n              preventCollision={false}\n              cols={cols}\n              margin={margins}\n              rowHeight={rowHeight}\n              measureBeforeMount={false}\n              draggableHandle=\".isCanDrag\"\n              // draggableCancel=\".isNoCanDrag\"\n              onWidthChange={(containerWidth, _margin, cols) => {\n                setRowWidth(containerWidth / cols - 1)\n              }}\n              onDragStart={() => {\n                onDragStartOrEnd('start')\n              }}\n              onDragStop={newLayout => {\n                onDragStartOrEnd('end', newLayout)\n              }}\n              onResizeStart={() => {\n                onDragStartOrEnd('start')\n              }}\n              onResizeStop={newLayout => {\n                onDragStartOrEnd('end', newLayout)\n              }}\n              style={{\n                backgroundSize: `${rowWidth}px ${rowHeight + margins[0]}px`,\n                backgroundPosition: `${margins[0]}px ${margins[0]}px`,\n                minHeight: '100vh',\n              }}\n            >\n              {modules?.map(module => (\n                <div\n                  className={`box-dashboard ${activeId === module.id ? 'active' : ''}`}\n                  onClick={() => {\n                    setActiveId(module.id)\n                  }}\n                  key={module.id}\n                  data-grid={{\n                    i: module.id,\n                    x: module.x || 0,\n                    y: module.y || 0, // puts it at the bottom\n                    w: module.w || 2,\n                    h: module.h || 2,\n                    minW: 2,\n                    minH: 2,\n                  }}\n                >\n                  <ModuleHeader\n                    module={module}\n                    defaultValue={module.title}\n                    onChange={val =>\n                      updateModule(module.id, {\n                        title: val,\n                      })\n                    }\n                    onDropdownItem={key => {\n                      if (key === 'edit') {\n                        setActiveId(module.id)\n                        setSelectModuleData(module)\n                        if (module.type === 'statistics') {\n                          setIsShowAddStatisticsModal(true)\n                        }\n                        if (module.type?.includes('chart')) {\n                          setIsShowAddChartModal(true)\n                        }\n                        if (module.type === 'calendar') {\n                          setIsShowAddCalendarModal(true)\n                        }\n                      } else if (key === 'delete') {\n                        Modal.confirm({\n                          title: t('promptTitle'),\n                          icon: <ExclamationCircleOutlined />,\n                          content: t('promptContentDeleteComponents'),\n                          onOk() {\n                            deleteModule(module.id)\n                          },\n                        })\n                      } else if (key === 'copy') {\n                        const data = JSON.parse(JSON.stringify(module))\n                        delete data.id\n                        delete data.i\n                        addModule(data)\n                      }\n                    }}\n                  />\n\n                  <ModuleContent\n                    module={module}\n                    onUpdate={updateModule}\n                    moduleDataApi={moduleDataApi}\n                    activeId={activeId}\n                    onClick={() => {\n                      setActiveId(module.id)\n                    }}\n                    rowWidth={rowWidth}\n                    rowHeight={rowHeight}\n                    onEdit={() => {\n                      setActiveId(module.id)\n                      setSelectModuleData(module)\n                      if (module.type === 'statistics') {\n                        setIsShowAddStatisticsModal(true)\n                      }\n                      if (module.type?.includes('chart')) {\n                        setIsShowAddChartModal(true)\n                      }\n                      if (module.type === 'calendar') {\n                        setIsShowAddCalendarModal(true)\n                      }\n                    }}\n                    onDelete={() => {\n                      deleteModule(module.id)\n                    }}\n                    onCopy={() => {\n                      const data = JSON.parse(JSON.stringify(module))\n                      delete data.id\n                      delete data.i\n                      addModule(data)\n                    }}\n                    onStartDragOrResize={() => {\n                      setIsDragOrResize(true)\n                    }}\n                    onStopDragOrResize={() => {\n                      setIsDragOrResize(false)\n                    }}\n                  />\n                </div>\n              ))}\n            </ResponsiveReactGridLayout>\n          </div>\n        </div>\n      </div>\n\n      <AddStatisticsModal\n        {...commonModalProps}\n        open={isShowAddStatisticsModal}\n        onClose={() => {\n          setIsShowAddStatisticsModal(false)\n        }}\n        onOk={data => {\n          handleModalSubmit({\n            ...data,\n            type: 'statistics',\n          })\n          setIsShowAddStatisticsModal(false)\n        }}\n      />\n\n      <AddCalendarModal\n        {...commonModalProps}\n        open={isShowAddCalendarModal}\n        onClose={() => {\n          setIsShowAddCalendarModal(false)\n        }}\n        onOk={data => {\n          handleModalSubmit({\n            ...data,\n            type: 'calendar',\n          })\n          setIsShowAddCalendarModal(false)\n        }}\n      />\n\n      <AddChartModal\n        {...commonModalProps}\n        open={isShowAddChartModal}\n        // open={true}\n        onClose={() => {\n          setIsShowAddChartModal(false)\n        }}\n        onOk={data => {\n          handleModalSubmit(data)\n          setIsShowAddChartModal(false)\n        }}\n      />\n    </div>\n  )\n}\n\n/* ============================== split =============================== */\n\nexport type { ConditionBlockWrapper }\nexport type GlobalProps = {\n  globalFilterCondition: ConditionBlockWrapper[]\n  onGlobalFilterConditionChange: (condition: ConditionBlockWrapper[]) => void\n\n  formatCurrency: (val: number, decimalPlaces?: number) => string\n}\n\nconst Empty: unknown = []\n\nexport default React.memo((props: DashboardWorkbenchProps & GlobalProps) => {\n  /* ============================== i18n =============================== */\n  const { i18n } = useTranslation()\n  useEffect(() => {\n    i18n.changeLanguage(props?.lang || 'zh_CN')\n  }, [i18n, props?.lang])\n\n  const globalData = {\n    fieldMap: props.fieldMap,\n    sourceData: props?.sourceData,\n  }\n\n  const service = pick(props, [\n    'moduleDataApi',\n    'enumDataApi',\n    'onCreateModule',\n    'onUpdateModule',\n    'onDeleteModule',\n  ])\n\n  /* ============================== 全局筛选条件 =============================== */\n  const [globalFilterCondition = Empty as ConditionBlockWrapper[], setGlobalFilterCondition] =\n    useControllableValue<ConditionBlockWrapper[]>(props, {\n      valuePropName: 'globalFilterCondition',\n      trigger: 'onGlobalFilterConditionChange',\n    })\n\n  return (\n    <AppContext.Provider\n      value={{\n        globalData,\n        service,\n        formatCurrency: props?.formatCurrency,\n        globalFilterCondition,\n        setGlobalFilterCondition: setGlobalFilterCondition as React.Dispatch<\n          React.SetStateAction<ConditionBlockWrapper[]>\n        >,\n      }}\n    >\n      <DashboardWorkbench {...props} />\n    </AppContext.Provider>\n  )\n})\n"],"names":["cols","module","AddCalendarModal","AddChartModal"],"mappings":"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"}