@platox/pivot-table 0.0.90 → 0.0.92

package/es/dashboard-workbench/components/module-header/index.js

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import IconDrag from "../../icon/icon-drag.js";
 import IconMove from "../../icon/icon-move.js";
 import useDebounce from "../module-content/text-module/editor/useDebounce.js";
+import { useAppContext } from "../../context.js";
 const ModuleHeader = ({
   defaultValue,
   onChange,
@@ -13,6 +14,7 @@ const ModuleHeader = ({
   onMouseDown,
   onMouseUp
 }) => {
+  const { readOnly } = useAppContext();
   const [isEdit, setIsEdit] = useState(false);
   const [title, setTitle] = useState("");
   const inputRef = useRef(null);
@@ -56,6 +58,9 @@ const ModuleHeader = ({
               className: "title-child",
               onDoubleClick: (e) => {
                 e.stopPropagation();
+                if (readOnly) {
+                  return;
+                }
                 setIsEdit(true);
                 setTimeout(() => {
                   var _a;
@@ -80,7 +85,7 @@ const ModuleHeader = ({
               ) : defaultValue
             }
           ) }),
-          /* @__PURE__ */ jsx("div", { className: "menu-slot isNoCanDrag", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "menu-slot isNoCanDrag", children: !readOnly && /* @__PURE__ */ jsx(
             Dropdown,
             {
               trigger: ["click"],

package/es/dashboard-workbench/components/module-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/module-header/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { FC, useEffect, useRef, useState } from 'react'\nimport { Dropdown, Input } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport IconDrag from '../../icon/icon-drag'\nimport IconMove from '../../icon/icon-move'\nimport InputWrapper from '../InputWrapper'\nimport { ModuleData } from '../module-content'\nimport useDebounce from '../module-content/text-module/editor/useDebounce'\n\ninterface ModuleHeaderProps {\n  defaultValue: string\n  onChange?: (val: string) => void\n  module: ModuleData\n  onDropdownItem?: (key: string) => void\n  onMouseDown?: () => void\n  onMouseUp?: () => void\n}\n\nconst ModuleHeader: FC<ModuleHeaderProps> = ({\n  defaultValue,\n  onChange,\n  module,\n  onDropdownItem,\n  onMouseDown,\n  onMouseUp,\n}) => {\n  const [isEdit, setIsEdit] = useState<boolean>(false)\n  const [title, setTitle] = useState<string>('')\n  const inputRef = useRef<any>(null)\n  const debouncedOnChange = useDebounce(val => {\n    onChange?.(val)\n  }, 300) // 300 毫秒的延迟\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    setTitle(title)\n  }, [defaultValue])\n\n  const handleDblClick = () => {\n    // 获取input DOM元素\n    const inputElement = inputRef.current?.input\n    // 双击事件发生在input元素上时，触发全选\n    inputElement.select()\n  }\n\n  const handleEnterPress = (event: { key: string }) => {\n    if (event.key === 'Enter') {\n      setIsEdit(false)\n    }\n  }\n\n  useEffect(() => {\n    if (!isEdit) {\n      setTitle(prev => prev.trim())\n    }\n  }, [isEdit])\n\n  return (\n    <div\n      className={`layout-item-head isCanDrag`}\n      onMouseDown={() => {\n        onMouseDown?.()\n      }}\n      onMouseUp={() => {\n        onMouseUp?.()\n      }}\n    >\n      <div className=\"head-inner\">\n        <span className=\"title\">\n          <span\n            className=\"title-child\"\n            onDoubleClick={e => {\n              e.stopPropagation()\n              setIsEdit(true)\n              setTimeout(() => {\n                inputRef.current?.focus()\n              }, 100)\n            }}\n          >\n            {isEdit ? (\n              <Input\n                defaultValue={defaultValue}\n                onBlur={() => {\n                  setIsEdit(false)\n                }}\n                ref={inputRef}\n                onKeyDown={handleEnterPress}\n                onDoubleClick={handleDblClick}\n                onChange={e => {\n                  setTitle(e.target.value)\n                  debouncedOnChange(e.target.value)\n                }}\n              />\n            ) : (\n              defaultValue\n            )}\n          </span>\n        </span>\n\n        <div className=\"menu-slot isNoCanDrag\">\n          <Dropdown\n            trigger={['click']}\n            menu={{\n              items: [\n                module.type !== 'text'\n                  ? {\n                      label: t('configuration'),\n                      key: 'edit',\n                    }\n                  : null,\n                {\n                  label: t('copy'),\n                  key: 'copy',\n                },\n                {\n                  key: 'delete',\n                  danger: true,\n                  label: t('delete'),\n                },\n              ],\n              onClick: ({ key }) => {\n                onDropdownItem?.(key)\n              },\n            }}\n          >\n            <button type=\"button\" className=\"dashboard-grid-menu-button\">\n              <span className=\"universe-icon\">\n                <IconMove />\n              </span>\n            </button>\n          </Dropdown>\n        </div>\n      </div>\n      <div className={`drag isCanDrag`}>\n        <span className=\"universe-icon drag-icon\">\n          <IconDrag />\n        </span>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ModuleHeader)\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/module-header/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { FC, useEffect, useRef, useState } from 'react'\nimport { Dropdown, Input } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport IconDrag from '../../icon/icon-drag'\nimport IconMove from '../../icon/icon-move'\nimport InputWrapper from '../InputWrapper'\nimport { ModuleData } from '../module-content'\nimport useDebounce from '../module-content/text-module/editor/useDebounce'\nimport { useAppContext } from '@platox/pivot-table/context'\n\ninterface ModuleHeaderProps {\n  defaultValue: string\n  onChange?: (val: string) => void\n  module: ModuleData\n  onDropdownItem?: (key: string) => void\n  onMouseDown?: () => void\n  onMouseUp?: () => void\n}\n\nconst ModuleHeader: FC<ModuleHeaderProps> = ({\n  defaultValue,\n  onChange,\n  module,\n  onDropdownItem,\n  onMouseDown,\n  onMouseUp,\n}) => {\n  const { readOnly } = useAppContext()\n\n  const [isEdit, setIsEdit] = useState<boolean>(false)\n  const [title, setTitle] = useState<string>('')\n  const inputRef = useRef<any>(null)\n  const debouncedOnChange = useDebounce(val => {\n    onChange?.(val)\n  }, 300) // 300 毫秒的延迟\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    setTitle(title)\n  }, [defaultValue])\n\n  const handleDblClick = () => {\n    // 获取input DOM元素\n    const inputElement = inputRef.current?.input\n    // 双击事件发生在input元素上时，触发全选\n    inputElement.select()\n  }\n\n  const handleEnterPress = (event: { key: string }) => {\n    if (event.key === 'Enter') {\n      setIsEdit(false)\n    }\n  }\n\n  useEffect(() => {\n    if (!isEdit) {\n      setTitle(prev => prev.trim())\n    }\n  }, [isEdit])\n\n  return (\n    <div\n      className={`layout-item-head isCanDrag`}\n      onMouseDown={() => {\n        onMouseDown?.()\n      }}\n      onMouseUp={() => {\n        onMouseUp?.()\n      }}\n    >\n      <div className=\"head-inner\">\n        <span className=\"title\">\n          <span\n            className=\"title-child\"\n            onDoubleClick={e => {\n              e.stopPropagation()\n              if (readOnly) {\n                return\n              }\n              setIsEdit(true)\n              setTimeout(() => {\n                inputRef.current?.focus()\n              }, 100)\n            }}\n          >\n            {isEdit ? (\n              <Input\n                defaultValue={defaultValue}\n                onBlur={() => {\n                  setIsEdit(false)\n                }}\n                ref={inputRef}\n                onKeyDown={handleEnterPress}\n                onDoubleClick={handleDblClick}\n                onChange={e => {\n                  setTitle(e.target.value)\n                  debouncedOnChange(e.target.value)\n                }}\n              />\n            ) : (\n              defaultValue\n            )}\n          </span>\n        </span>\n\n        <div className=\"menu-slot isNoCanDrag\">\n          {\n            !readOnly && <Dropdown\n              trigger={['click']}\n              menu={{\n                items: [\n                  module.type !== 'text'\n                    ? {\n                      label: t('configuration'),\n                      key: 'edit',\n                    }\n                    : null,\n                  {\n                    label: t('copy'),\n                    key: 'copy',\n                  },\n                  {\n                    key: 'delete',\n                    danger: true,\n                    label: t('delete'),\n                  },\n                ],\n                onClick: ({ key }) => {\n                  onDropdownItem?.(key)\n                },\n              }}\n            >\n              <button type=\"button\" className=\"dashboard-grid-menu-button\">\n                <span className=\"universe-icon\">\n                  <IconMove />\n                </span>\n              </button>\n            </Dropdown>\n          }\n\n        </div>\n      </div>\n      <div className={`drag isCanDrag`}>\n        <span className=\"universe-icon drag-icon\">\n          <IconDrag />\n        </span>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(ModuleHeader)\n"],"names":[],"mappings":"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"}

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

@@ -3,6 +3,7 @@ import { ConditionBlockWrapper } from './components/global-filter-condition/inte
 import { ModuleData } from './components/module-content';
 import { EnumDataApi, ModuleDataApi, SourceDataItem } from './types';
 interface AppContextProps {
+    readOnly: boolean;
     globalData?: {
         fieldMap?: Record<string, string>;
         sourceData?: SourceDataItem[];

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../packages/dashboard-workbench/context.tsx"],"sourcesContent":["// Context.tsx\nimport React, { createContext, ReactNode, useContext, useState } from 'react'\nimport { ConditionBlockWrapper } from './components/global-filter-condition/interface'\nimport { ModuleData } from './components/module-content'\nimport { EnumDataApi, ModuleDataApi, SourceDataItem } from './types'\n\ninterface AppContextProps {\n  globalData?: {\n    fieldMap?: Record<string, string> // 目前看到枚举的翻译用到了这个\n    sourceData?: SourceDataItem[]\n  }\n  service?: {\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  }\n\n  globalFilterCondition?: ConditionBlockWrapper[]\n  setGlobalFilterCondition: React.Dispatch<React.SetStateAction<ConditionBlockWrapper[]>>\n\n  formatCurrency: (val: number, decimalPlaces?: number) => string\n}\n\nexport const AppContext = createContext<AppContextProps | undefined>(undefined)\n\nexport const useAppContext = () => {\n  const context = useContext(AppContext)\n  if (!context) {\n    throw new Error('useAppContext must be used within an AppProvider')\n  }\n  return context\n}\n\n/// 存一份数据ref\nlet contextRef: AppContextProps | undefined = undefined\n\nexport const getContextRef = () => {\n  return contextRef\n}\n\nexport const setContextRef = (contextData: AppContextProps | undefined) => {\n  contextRef = contextData\n}\n"],"names":[],"mappings":";AAyBa,MAAA,aAAa,cAA2C,MAAS;AAEvE,MAAM,gBAAgB,MAAM;AAC3B,QAAA,UAAU,WAAW,UAAU;AACrC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kDAAkD;AAAA,EAAA;AAE7D,SAAA;AACT;"}
+{"version":3,"file":"context.js","sources":["../../packages/dashboard-workbench/context.tsx"],"sourcesContent":["// Context.tsx\nimport React, { createContext, ReactNode, useContext, useState } from 'react'\nimport { ConditionBlockWrapper } from './components/global-filter-condition/interface'\nimport { ModuleData } from './components/module-content'\nimport { EnumDataApi, ModuleDataApi, SourceDataItem } from './types'\n\ninterface AppContextProps {\n  readOnly: boolean,\n  globalData?: {\n    fieldMap?: Record<string, string> // 目前看到枚举的翻译用到了这个\n    sourceData?: SourceDataItem[]\n  }\n  service?: {\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  }\n\n  globalFilterCondition?: ConditionBlockWrapper[]\n  setGlobalFilterCondition: React.Dispatch<React.SetStateAction<ConditionBlockWrapper[]>>\n\n  formatCurrency: (val: number, decimalPlaces?: number) => string\n}\n\nexport const AppContext = createContext<AppContextProps | undefined>(undefined)\n\nexport const useAppContext = () => {\n  const context = useContext(AppContext)\n  if (!context) {\n    throw new Error('useAppContext must be used within an AppProvider')\n  }\n  return context\n}\n\n/// 存一份数据ref\nlet contextRef: AppContextProps | undefined = undefined\n\nexport const getContextRef = () => {\n  return contextRef\n}\n\nexport const setContextRef = (contextData: AppContextProps | undefined) => {\n  contextRef = contextData\n}\n"],"names":[],"mappings":";AA0Ba,MAAA,aAAa,cAA2C,MAAS;AAEvE,MAAM,gBAAgB,MAAM;AAC3B,QAAA,UAAU,WAAW,UAAU;AACrC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kDAAkD;AAAA,EAAA;AAE7D,SAAA;AACT;"}

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

@@ -36,6 +36,10 @@ export type GlobalProps = {
     globalFilterCondition: ConditionBlockWrapper[];
     onGlobalFilterConditionChange: (condition: ConditionBlockWrapper[]) => void;
     formatCurrency: (val: number, decimalPlaces?: number) => string;
+    /**
+     * @default false
+     */
+    readOnly?: boolean;
 };
 declare const _default: React.MemoExoticComponent<(props: DashboardWorkbenchProps & GlobalProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/dashboard-workbench/index.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useEffect, useState, useRef } from "react";
 import { Modal, message } from "antd";
 import { ExclamationCircleOutlined } from "@ant-design/icons";
@@ -13,7 +13,7 @@ import AddStatisticsModal from "./components/add-module-modal/add-statistics-mod
 import { GlobalFilterCondition } from "./components/global-filter-condition/index.js";
 import ModuleContent from "./components/module-content/index.js";
 import ModuleHeader from "./components/module-header/index.js";
-import { AppContext } from "./context.js";
+import { AppContext, useAppContext } from "./context.js";
 import { findChangedItems } from "./utils/index.js";
 import "./lang/index.js";
 /* empty css                                                                                                                                      */
@@ -33,6 +33,7 @@ const DashboardWorkbench = ({
   renderToolbarLeft
 }) => {
   const { t } = useTranslation();
+  const { readOnly } = useAppContext();
   const [modules, setModules] = useState([]);
   const [activeId, setActiveId] = useState();
   useEffect(() => {
@@ -206,27 +207,29 @@ const DashboardWorkbench = ({
         ),
         children: /* @__PURE__ */ jsxs("div", { className: "bitable-block-dashboard-toolbar--left", children: [
           renderToolbarLeft == null ? void 0 : renderToolbarLeft(),
-          /* @__PURE__ */ jsx(
-            AddModuleBtn,
-            {
-              onOk: (val) => {
-                handleOpenCreateModal(val);
+          !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              AddModuleBtn,
+              {
+                onOk: (val) => {
+                  handleOpenCreateModal(val);
+                }
               }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                width: "1px",
-                height: "1rem",
-                backgroundColor: "rgba(217, 217, 217, 1)",
-                marginLeft: "12px",
-                marginRight: "4px"
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  width: "1px",
+                  height: "1rem",
+                  backgroundColor: "rgba(217, 217, 217, 1)",
+                  marginLeft: "12px",
+                  marginRight: "4px"
+                }
               }
-            }
-          ),
-          /* @__PURE__ */ jsx(GlobalFilterCondition, {})
+            ),
+            /* @__PURE__ */ jsx(GlobalFilterCondition, {})
+          ] })
         ] })
       }
     ),
@@ -237,6 +240,8 @@ const DashboardWorkbench = ({
         children: /* @__PURE__ */ jsx(
           ResponsiveReactGridLayout,
           {
+            isDraggable: !readOnly,
+            isResizable: !readOnly,
             onBreakpointChange,
             className,
             compactType: "vertical",
@@ -270,7 +275,7 @@ const DashboardWorkbench = ({
             children: modules == null ? void 0 : modules.map((module) => /* @__PURE__ */ jsxs(
               "div",
               {
-                className: `box-dashboard ${activeId === module.id ? "active" : ""}`,
+                className: `box-dashboard  ${readOnly ? "readonly" : ""}  ${activeId === module.id ? "active" : ""}`,
                 onClick: () => {
                   setActiveId(module.id);
                 },
@@ -448,6 +453,7 @@ const index = React.memo((props) => {
     trigger: "onGlobalFilterConditionChange"
   });
   let contextData = {
+    readOnly: (props == null ? void 0 : props.readOnly) || false,
     globalData,
     service,
     formatCurrency: props == null ? void 0 : props.formatCurrency,

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, 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, setContextRef } 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  renderToolbarLeft?: () => React.ReactNode\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  renderToolbarLeft,\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) > 0\n\n  return (\n    <div className=\"pivot-table\">\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          {renderToolbarLeft?.()}\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\" ref={ref}>\n        <div className=\"dashboard-container\">\n          <div\n            className={`dashboard-content-container ${isDragOrResize ? 'isDragOrResize' : ''}  ${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              containerPadding={[10, 0]}\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  let contextData = {\n    globalData,\n    service,\n    formatCurrency: props?.formatCurrency,\n    globalFilterCondition,\n    setGlobalFilterCondition: setGlobalFilterCondition as React.Dispatch<\n      React.SetStateAction<ConditionBlockWrapper[]>\n    >,\n  }\n  setContextRef(contextData)\n\n  return (\n    <AppContext.Provider value={contextData}>\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, setContextRef, useAppContext } 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'\nimport { read } from 'fs'\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  renderToolbarLeft?: () => React.ReactNode\n\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  renderToolbarLeft,\n}) => {\n  const { t } = useTranslation()\n  const { readOnly } = useAppContext()\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) > 0\n\n  return (\n    <div className=\"pivot-table\">\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          {renderToolbarLeft?.()}\n          {\n            !readOnly && <>\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            </>\n          }\n\n        </div>\n      </div>\n      <div className=\"bitable-block-dashboard__mount\" ref={ref}>\n        <div className=\"dashboard-container\">\n          <div\n            className={`dashboard-content-container ${isDragOrResize ? 'isDragOrResize' : ''}  ${isDragOrResizeEnd ? 'isDragOrResizeEnd' : ''\n              }`}\n          >\n            <ResponsiveReactGridLayout\n              isDraggable={!readOnly}\n              isResizable={!readOnly}\n\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              containerPadding={[10, 0]}\n            >\n              {modules?.map(module => (\n                <div\n                  className={`box-dashboard  ${readOnly ? \"readonly\" : \"\"}  ${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  /**\n   * @default false\n   */\n  readOnly?: boolean\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  let contextData = {\n    readOnly: props?.readOnly || false,\n    globalData,\n    service,\n    formatCurrency: props?.formatCurrency,\n    globalFilterCondition,\n    setGlobalFilterCondition: setGlobalFilterCondition as React.Dispatch<\n      React.SetStateAction<ConditionBlockWrapper[]>\n    >,\n  }\n  setContextRef(contextData)\n\n  return (\n    <AppContext.Provider value={contextData}>\n      <DashboardWorkbench {...props} />\n    </AppContext.Provider>\n  )\n})\n"],"names":["cols","module","AddCalendarModal","AddChartModal"],"mappings":"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"}