@platox/pivot-table 0.0.34 → 0.0.35

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react'\nimport { Button, Modal, Tabs } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport CustomData, { ChartCustomeDataTypes } from './custome-data'\nimport CustomeStyles, { ChartCustomeStylesTypes } from './custome-styles'\nimport { EnumDataApi, ModuleDataApi } from '../../../types'\nimport ChartModule from '../../module-content/chart-module'\nimport { ModuleData } from '../../module-content'\nimport { useTranslation } from 'react-i18next'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  selectModuleData?: ModuleData\n  onOk?: ({\n    id,\n    type,\n    customData,\n    customeStyle,\n  }: {\n    id?: ModuleData['id']\n    type?: ModuleData['type']\n    customData?: ChartCustomeDataTypes\n    customeStyle?: ChartCustomeStylesTypes\n  }) => void\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: EnumDataApi\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<ChartCustomeDataTypes>()\n  const [customeStyle, setCustomeStyle] = useState<any>()\n  const handleOk = () => {\n    onClose?.()\n  }\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n      setCustomeStyle(selectModuleData?.customeStyle)\n    }\n  }, [selectModuleData])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={t('chartText')}\n        footer={null}\n        open={open}\n        onOk={handleOk}\n        onCancel={onClose}\n        destroyOnClose\n        closeIcon={<CloseOutlined />}\n        classNames={{\n          content: 'ow',\n        }}\n        styles={{\n          header: {\n            padding: '10px',\n            borderBottom: '1px solid #dee0e3',\n            marginBottom: '10px',\n          },\n          body: {\n            overflowY: 'auto',\n            flex: 1,\n          },\n        }}\n      >\n        <div className=\"config-widget-dialog-container\">\n          <div className=\"config-widget-dialog-content\">\n            <div className=\"config-widget-dialog-preview\">\n              <ChartModule\n                customData={customData}\n                customeStyle={customeStyle}\n                moduleDataApi={moduleDataApi}\n              />\n            </div>\n          </div>\n          <div className=\"config-widget-dialog-panel\">\n            <div className=\"bitable-dashboard edit-panel-container\">\n              <Tabs\n                defaultActiveKey=\"1\"\n                items={[\n                  {\n                    key: '1',\n                    label: t('typeData'),\n                    children: (\n                      <CustomData\n                        enumDataApi={enumDataApi}\n                        selectModuleData={selectModuleData}\n                        onAllValuesChange={allVal => {\n                          setCustomData(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                  {\n                    key: '2',\n                    label: t('customStyle'),\n                    children: (\n                      <CustomeStyles\n                        customData={customData}\n                        selectModuleData={selectModuleData}\n                        onAllValuesChange={allVal => {\n                          setCustomeStyle(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                ]}\n              />\n            </div>\n            <div className=\"button-container\">\n              <Button\n                type=\"primary\"\n                onClick={() => {\n                  onOk?.({\n                    id: selectModuleData?.id,\n                    type: selectModuleData?.type,\n                    customData,\n                    customeStyle,\n                  })\n                }}\n              >\n                {t('confirm')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  )\n}\n\nexport default AddStatisticsModal\n"],"names":[],"mappings":";;;;;;;;AA8BA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAgC;AACpE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAc;AACtD,QAAM,WAAW,MAAM;AACX;AAAA,EACZ;AAEA,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAC1C,sBAAgB,qDAAkB,YAAY;AAAA,IAAA;AAAA,EAChD,GACC,CAAC,gBAAgB,CAAC;AAErB,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,EAAE,WAAW;AAAA,MACpB,QAAQ;AAAA,MACR;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,MACV,gBAAc;AAAA,MACd,+BAAY,eAAc,EAAA;AAAA,MAC1B,YAAY;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,MAAM;AAAA,UACJ,WAAW;AAAA,UACX,MAAM;AAAA,QAAA;AAAA,MAEV;AAAA,MAEA,UAAA,qBAAC,OAAI,EAAA,WAAU,kCACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,gCACb,UAAC,oBAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,WAEJ,EACF,CAAA;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,OAAO;AAAA,gBACL;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,UAAU;AAAA,kBACnB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,sCAAc,MAAM;AAAA,sBAAA;AAAA,oBACtB;AAAA,kBAAA;AAAA,gBAGN;AAAA,gBACA;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,aAAa;AAAA,kBACtB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,wCAAgB,MAAM;AAAA,sBAAA;AAAA,oBACxB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAEJ;AAAA,YACF;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACN,6CAAA;AAAA,kBACL,IAAI,qDAAkB;AAAA,kBACtB,MAAM,qDAAkB;AAAA,kBACxB;AAAA,kBACA;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEC,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA,EAEhB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react'\nimport { Button, Modal, Tabs } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport CustomData, { ChartCustomeDataTypes } from './custome-data'\nimport CustomeStyles from './custome-styles'\nimport { EnumDataApi, ModuleDataApi } from '../../../types'\nimport ChartModule from '../../module-content/chart-module'\nimport { ModuleData } from '../../module-content'\nimport { useTranslation } from 'react-i18next'\nimport EditorHeader from '@platox/pivot-table/dashboard-workbench/components/ui/modal/editor-header'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  onOk?: (data: Partial<ModuleData>) => void\n\n  selectModuleData?: ModuleData\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: EnumDataApi\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<ChartCustomeDataTypes>()\n  const [customeStyle, setCustomeStyle] = useState<any>()\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n      setCustomeStyle(selectModuleData?.customeStyle)\n    }\n  }, [selectModuleData])\n\n  /* ============================== split =============================== */\n  const [title, setTitle] = useState<string>('')\n  useEffect(() => {\n    if (open) {\n      setTitle(!!selectModuleData?.title ? selectModuleData?.title : t('chartText'))\n    }\n  }, [open])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={<EditorHeader value={title} onChange={setTitle} />}\n        footer={null}\n        open={open}\n        onCancel={onClose}\n        destroyOnClose\n        closeIcon={<CloseOutlined />}\n        className=\"ow\"\n      >\n        <div className=\"config-widget-dialog-container\">\n          <div className=\"config-widget-dialog-content\">\n            <div className=\"config-widget-dialog-preview\">\n              <ChartModule\n                customData={customData}\n                customeStyle={customeStyle}\n                moduleDataApi={moduleDataApi}\n              />\n            </div>\n          </div>\n          <div className=\"config-widget-dialog-panel\">\n            <div className=\"bitable-dashboard edit-panel-container\">\n              <Tabs\n                defaultActiveKey=\"1\"\n                items={[\n                  {\n                    key: '1',\n                    label: t('typeData'),\n                    children: (\n                      <CustomData\n                        enumDataApi={enumDataApi}\n                        selectModuleData={selectModuleData}\n                        onAllValuesChange={allVal => {\n                          setCustomData(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                  {\n                    key: '2',\n                    label: t('customStyle'),\n                    children: (\n                      <CustomeStyles\n                        customData={customData}\n                        selectModuleData={selectModuleData}\n                        onAllValuesChange={allVal => {\n                          setCustomeStyle(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                ]}\n              />\n            </div>\n            <div className=\"button-container\">\n              <Button\n                type=\"primary\"\n                onClick={() => {\n                  onOk?.({\n                    id: selectModuleData?.id,\n                    type: selectModuleData?.type,\n                    customData,\n                    customeStyle,\n                    title,\n                  })\n                }}\n              >\n                {t('confirm')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  )\n}\n\nexport default AddStatisticsModal\n"],"names":[],"mappings":";;;;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAgC;AACpE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAc;AAEtD,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAC1C,sBAAgB,qDAAkB,YAAY;AAAA,IAAA;AAAA,EAChD,GACC,CAAC,gBAAgB,CAAC;AAGrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,YAAU,MAAM;AACd,QAAI,MAAM;AACC,eAAA,CAAC,EAAC,qDAAkB,SAAQ,qDAAkB,QAAQ,EAAE,WAAW,CAAC;AAAA,IAAA;AAAA,EAC/E,GACC,CAAC,IAAI,CAAC;AAET,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAQ,oBAAA,cAAA,EAAa,OAAO,OAAO,UAAU,UAAU;AAAA,MACvD,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,gBAAc;AAAA,MACd,+BAAY,eAAc,EAAA;AAAA,MAC1B,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,kCACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,gCACb,UAAC,oBAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,WAEJ,EACF,CAAA;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,OAAO;AAAA,gBACL;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,UAAU;AAAA,kBACnB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,sCAAc,MAAM;AAAA,sBAAA;AAAA,oBACtB;AAAA,kBAAA;AAAA,gBAGN;AAAA,gBACA;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,aAAa;AAAA,kBACtB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,wCAAgB,MAAM;AAAA,sBAAA;AAAA,oBACxB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAEJ;AAAA,YACF;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACN,6CAAA;AAAA,kBACL,IAAI,qDAAkB;AAAA,kBACtB,MAAM,qDAAkB;AAAA,kBACxB;AAAA,kBACA;AAAA,kBACA;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEC,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA,EAEhB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/index.d.ts

@@ -1,17 +1,11 @@
 import { default as React } from 'react';
-import { StatisticsCustomeDataTypes } from './custome-data';
-import { StatisticsCustomeStylesTypes } from './custome-styles';
 import { ModuleDataApi } from '../../../types';
 import { ModuleData } from '../../module-content';
 interface AddStatisticsModalProps {
     open: boolean;
     onClose?: () => void;
+    onOk?: (data: Partial<ModuleData>) => void;
     selectModuleData?: ModuleData;
-    onOk?: ({ id, customData, customeStyle, }: {
-        id?: ModuleData['id'];
-        customData?: StatisticsCustomeDataTypes;
-        customeStyle?: StatisticsCustomeStylesTypes;
-    }) => void;
     moduleDataApi?: ModuleDataApi;
     enumDataApi?: any;
 }

package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/index.js

@@ -6,6 +6,7 @@ import CustomData from "./custome-data.js";
 import CustomeStyles from "./custome-styles.js";
 import StatisticsModule from "../../module-content/statistics-module/index.js";
 import { useTranslation } from "react-i18next";
+import { EditorHeader } from "../../ui/modal/editor-header.js";
 const AddStatisticsModal = ({
   open,
   onClose,
@@ -17,39 +18,28 @@ const AddStatisticsModal = ({
   const { t } = useTranslation();
   const [customData, setCustomData] = useState();
   const [customeStyle, setCustomeStyle] = useState();
-  const handleOk = () => {
-    onClose == null ? void 0 : onClose();
-  };
   useEffect(() => {
     if (selectModuleData) {
       setCustomData(selectModuleData == null ? void 0 : selectModuleData.customData);
       setCustomeStyle(selectModuleData == null ? void 0 : selectModuleData.customeStyle);
     }
   }, [selectModuleData]);
+  const [title, setTitle] = useState("");
+  useEffect(() => {
+    if (open) {
+      setTitle(!!(selectModuleData == null ? void 0 : selectModuleData.title) ? selectModuleData == null ? void 0 : selectModuleData.title : t("statisticsText"));
+    }
+  }, [open]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     Modal,
     {
       width: "65%",
-      title: t("statisticsText"),
+      title: /* @__PURE__ */ jsx(EditorHeader, { value: title, onChange: setTitle }),
       footer: null,
       open,
-      onOk: handleOk,
       onCancel: onClose,
       closeIcon: /* @__PURE__ */ jsx(CloseOutlined, {}),
-      classNames: {
-        content: "ow"
-      },
-      styles: {
-        header: {
-          padding: "10px",
-          borderBottom: "1px solid #dee0e3",
-          marginBottom: "10px"
-        },
-        body: {
-          overflowY: "auto",
-          flex: 1
-        }
-      },
+      className: "ow",
       children: /* @__PURE__ */ jsxs("div", { className: "config-widget-dialog-container", children: [
         /* @__PURE__ */ jsx("div", { className: "config-widget-dialog-content", children: /* @__PURE__ */ jsx("div", { className: "config-widget-dialog-preview", children: /* @__PURE__ */ jsx(
           StatisticsModule,
@@ -103,7 +93,8 @@ const AddStatisticsModal = ({
                 onOk == null ? void 0 : onOk({
                   id: selectModuleData == null ? void 0 : selectModuleData.id,
                   customData,
-                  customeStyle
+                  customeStyle,
+                  title
                 });
               },
               children: t("confirm")

package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { Button, Modal, Tabs } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport CustomData, { StatisticsCustomeDataTypes } from './custome-data'\nimport CustomeStyles, { StatisticsCustomeStylesTypes } from './custome-styles'\nimport { ModuleDataApi } from '../../../types'\nimport StatisticsModule from '../../module-content/statistics-module'\nimport { ModuleData } from '../../module-content'\nimport { useTranslation } from 'react-i18next'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  selectModuleData?: ModuleData\n  onOk?: ({\n    id,\n    customData,\n    customeStyle,\n  }: {\n    id?: ModuleData['id']\n    customData?: StatisticsCustomeDataTypes\n    customeStyle?: StatisticsCustomeStylesTypes\n  }) => void\n  moduleDataApi?: ModuleDataApi\n\n  enumDataApi?: any\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<StatisticsCustomeDataTypes>()\n  const [customeStyle, setCustomeStyle] = useState<any>()\n  const handleOk = () => {\n    onClose?.()\n  }\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n      setCustomeStyle(selectModuleData?.customeStyle)\n    }\n  }, [selectModuleData])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={t('statisticsText')}\n        footer={null}\n        open={open}\n        onOk={handleOk}\n        onCancel={onClose}\n        closeIcon={<CloseOutlined />}\n        classNames={{\n          content: 'ow',\n        }}\n        styles={{\n          header: {\n            padding: '10px',\n            borderBottom: '1px solid #dee0e3',\n            marginBottom: '10px',\n          },\n          body: {\n            overflowY: 'auto',\n            flex: 1,\n          },\n        }}\n      >\n        <div className=\"config-widget-dialog-container\">\n          <div className=\"config-widget-dialog-content\">\n            <div className=\"config-widget-dialog-preview\">\n              <StatisticsModule\n                customData={customData}\n                customeStyle={customeStyle}\n                moduleDataApi={moduleDataApi}\n              />\n            </div>\n          </div>\n          <div className=\"config-widget-dialog-panel\">\n            <div className=\"bitable-dashboard edit-panel-container\">\n              <Tabs\n                defaultActiveKey=\"1\"\n                items={[\n                  {\n                    key: '1',\n                    label: t('typeData'),\n                    children: (\n                      <CustomData\n                        selectModuleData={selectModuleData}\n                        enumDataApi={enumDataApi}\n                        onAllValuesChange={allVal => {\n                          setCustomData(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                  {\n                    key: '2',\n                    label: t('customStyle'),\n                    children: (\n                      <CustomeStyles\n                        selectModuleData={selectModuleData}\n                        onAllValuesChange={allVal => {\n                          setCustomeStyle(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                ]}\n              />\n            </div>\n            <div className=\"button-container\">\n              <Button\n                type=\"primary\"\n                onClick={() => {\n                  onOk?.({\n                    id: selectModuleData?.id,\n                    customData,\n                    customeStyle,\n                  })\n                }}\n              >\n                {t('confirm')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  )\n}\n\nexport default AddStatisticsModal\n"],"names":[],"mappings":";;;;;;;;AA6BA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqC;AACzE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAc;AACtD,QAAM,WAAW,MAAM;AACX;AAAA,EACZ;AAEA,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAC1C,sBAAgB,qDAAkB,YAAY;AAAA,IAAA;AAAA,EAChD,GACC,CAAC,gBAAgB,CAAC;AAErB,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,EAAE,gBAAgB;AAAA,MACzB,QAAQ;AAAA,MACR;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,MACV,+BAAY,eAAc,EAAA;AAAA,MAC1B,YAAY;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,MAAM;AAAA,UACJ,WAAW;AAAA,UACX,MAAM;AAAA,QAAA;AAAA,MAEV;AAAA,MAEA,UAAA,qBAAC,OAAI,EAAA,WAAU,kCACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,gCACb,UAAC,oBAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,WAEJ,EACF,CAAA;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,OAAO;AAAA,gBACL;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,UAAU;AAAA,kBACnB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,sCAAc,MAAM;AAAA,sBAAA;AAAA,oBACtB;AAAA,kBAAA;AAAA,gBAGN;AAAA,gBACA;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,aAAa;AAAA,kBACtB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,wCAAgB,MAAM;AAAA,sBAAA;AAAA,oBACxB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAEJ;AAAA,YACF;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACN,6CAAA;AAAA,kBACL,IAAI,qDAAkB;AAAA,kBACtB;AAAA,kBACA;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEC,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA,EAEhB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { Button, Modal, Tabs } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport CustomData, { StatisticsCustomeDataTypes } from './custome-data'\nimport CustomeStyles from './custome-styles'\nimport { ModuleDataApi } from '../../../types'\nimport StatisticsModule from '../../module-content/statistics-module'\nimport { ModuleData } from '../../module-content'\nimport { useTranslation } from 'react-i18next'\nimport EditorHeader from '@platox/pivot-table/dashboard-workbench/components/ui/modal/editor-header'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  onOk?: (data: Partial<ModuleData>) => void\n\n  selectModuleData?: ModuleData\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: any\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<StatisticsCustomeDataTypes>()\n  const [customeStyle, setCustomeStyle] = useState<any>()\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n      setCustomeStyle(selectModuleData?.customeStyle)\n    }\n  }, [selectModuleData])\n\n  /* ============================== split =============================== */\n  const [title, setTitle] = useState<string>('')\n  useEffect(() => {\n    if (open) {\n      setTitle(!!selectModuleData?.title ? selectModuleData?.title : t('statisticsText'))\n    }\n  }, [open])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={<EditorHeader value={title} onChange={setTitle} />}\n        footer={null}\n        open={open}\n        onCancel={onClose}\n        closeIcon={<CloseOutlined />}\n        className=\"ow\"\n      >\n        <div className=\"config-widget-dialog-container\">\n          <div className=\"config-widget-dialog-content\">\n            <div className=\"config-widget-dialog-preview\">\n              <StatisticsModule\n                customData={customData}\n                customeStyle={customeStyle}\n                moduleDataApi={moduleDataApi}\n              />\n            </div>\n          </div>\n          <div className=\"config-widget-dialog-panel\">\n            <div className=\"bitable-dashboard edit-panel-container\">\n              <Tabs\n                defaultActiveKey=\"1\"\n                items={[\n                  {\n                    key: '1',\n                    label: t('typeData'),\n                    children: (\n                      <CustomData\n                        selectModuleData={selectModuleData}\n                        enumDataApi={enumDataApi}\n                        onAllValuesChange={allVal => {\n                          setCustomData(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                  {\n                    key: '2',\n                    label: t('customStyle'),\n                    children: (\n                      <CustomeStyles\n                        selectModuleData={selectModuleData}\n                        onAllValuesChange={allVal => {\n                          setCustomeStyle(allVal)\n                        }}\n                      />\n                    ),\n                  },\n                ]}\n              />\n            </div>\n            <div className=\"button-container\">\n              <Button\n                type=\"primary\"\n                onClick={() => {\n                  onOk?.({\n                    id: selectModuleData?.id,\n                    customData,\n                    customeStyle,\n                    title,\n                  })\n                }}\n              >\n                {t('confirm')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  )\n}\n\nexport default AddStatisticsModal\n"],"names":[],"mappings":";;;;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqC;AACzE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAc;AAEtD,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAC1C,sBAAgB,qDAAkB,YAAY;AAAA,IAAA;AAAA,EAChD,GACC,CAAC,gBAAgB,CAAC;AAGrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,YAAU,MAAM;AACd,QAAI,MAAM;AACC,eAAA,CAAC,EAAC,qDAAkB,SAAQ,qDAAkB,QAAQ,EAAE,gBAAgB,CAAC;AAAA,IAAA;AAAA,EACpF,GACC,CAAC,IAAI,CAAC;AAET,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAQ,oBAAA,cAAA,EAAa,OAAO,OAAO,UAAU,UAAU;AAAA,MACvD,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,+BAAY,eAAc,EAAA;AAAA,MAC1B,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,kCACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,gCACb,UAAC,oBAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,WAEJ,EACF,CAAA;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,OAAO;AAAA,gBACL;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,UAAU;AAAA,kBACnB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,sCAAc,MAAM;AAAA,sBAAA;AAAA,oBACtB;AAAA,kBAAA;AAAA,gBAGN;AAAA,gBACA;AAAA,kBACE,KAAK;AAAA,kBACL,OAAO,EAAE,aAAa;AAAA,kBACtB,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC;AAAA,sBACA,mBAAmB,CAAU,WAAA;AAC3B,wCAAgB,MAAM;AAAA,sBAAA;AAAA,oBACxB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAEJ;AAAA,YACF;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACN,6CAAA;AAAA,kBACL,IAAI,qDAAkB;AAAA,kBACtB;AAAA,kBACA;AAAA,kBACA;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEC,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA,EAEhB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/es/dashboard-workbench/components/module-content/calendar-module/index.js

@@ -10,14 +10,11 @@ import { mapConditionsToPostgrest } from "../utils.js";
 import { message, Spin, Modal, Descriptions } from "antd";
 import { getTransformValue } from "../../../utils/index.js";
 import { useMemoizedFn, useSize } from "ahooks";
+import MINIMAL_RAW_EN_LOCALE from "./locales/en.js";
+import l77 from "./locales/zh.js";
 dayjs.extend(isBetween);
-const CalendarModule = ({
-  moduleDataApi,
-  customData,
-  width,
-  height
-}) => {
-  const { t } = useTranslation();
+const CalendarModule = ({ moduleDataApi, customData }) => {
+  const { t, i18n } = useTranslation();
   const { globalData } = useAppContext();
   const [startMonthIntervals, setStartMonthIntervals] = useState(["", ""]);
   const handleDatesSet = (dateInfo) => {
@@ -162,6 +159,7 @@ const CalendarModule = ({
             /* @__PURE__ */ jsx(
               FullCalendar,
               {
+                locale: i18n.language === "zh-CN" ? l77 : MINIMAL_RAW_EN_LOCALE,
                 ref: calendarRef,
                 plugins: [dayGridPlugin],
                 headerToolbar: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/calendar-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport FullCalendar from '@fullcalendar/react'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport dayjs from 'dayjs'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport { EventContentArg, EventSourceInput } from '@fullcalendar/core'\nimport { ModuleDataApi, SourceDataFieldsTypes } from '../../../types'\nimport { CalendarCustomeDataTypes } from '../../add-module-modal/add-calendar-modal/custome-data'\nimport { useAppContext } from '../../../context'\nimport { useTranslation } from 'react-i18next'\nimport { mapConditionsToPostgrest } from '../utils'\nimport { Descriptions, message, Modal, Spin } from 'antd'\nimport { getTransformValue } from '../../../utils'\nimport { useMemoizedFn, useSize } from 'ahooks'\n\ndayjs.extend(isBetween)\n\ninterface CalendarModuleProps {\n  customData?: CalendarCustomeDataTypes\n  onChange?: (val: unknown) => void\n  moduleDataApi?: ModuleDataApi\n  width?: number\n  height?: number\n  rowWidth?: number\n  rowHeight?: number\n}\n\nconst CalendarModule: React.FC<CalendarModuleProps> = ({\n  moduleDataApi,\n  customData,\n  width,\n  height,\n}) => {\n  const { t } = useTranslation()\n  const { globalData } = useAppContext()\n\n  /* ============================== split =============================== */\n  const [startMonthIntervals, setStartMonthIntervals] = useState<[string, string]>(['', ''])\n  const handleDatesSet = (dateInfo: any) => {\n    const currentDate = dayjs(dateInfo.view.currentStart)\n    const firstDay = currentDate.startOf('month').format('YYYY-MM-DD')\n    const lastDay = currentDate.endOf('month').format('YYYY-MM-DD')\n    setStartMonthIntervals([firstDay, lastDay])\n  }\n  /* ============================== split =============================== */\n  const [isloading, setIsloading] = useState(false)\n  const [chartData, setChartData] = useState<any>()\n  const fetchChartData = useMemoizedFn(async () => {\n    setChartData([])\n    if (customData) {\n      setIsloading(true)\n      let queryString = ''\n      const firstDayOfMonth = dayjs().startOf('month').format('YYYY-MM-DD')\n      const lastDayOfMonth = dayjs().endOf('month').format('YYYY-MM-DD')\n      const conditionData = customData.conditionData\n      const FMDay = startMonthIntervals.length > 0 ? startMonthIntervals[0] : firstDayOfMonth\n      const LMDay = startMonthIntervals.length > 0 ? startMonthIntervals[1] : lastDayOfMonth\n\n      if (conditionData) {\n        if (conditionData?.conditionList?.map(item => item.type)?.includes('timestamp')) {\n          queryString += `${mapConditionsToPostgrest(conditionData)}`\n        } else {\n          queryString += `added_on=gt.${FMDay}&added_on=lt.${LMDay}&${mapConditionsToPostgrest(\n            conditionData\n          )}`\n        }\n      } else {\n        queryString = `added_on=gt.${FMDay}&added_on=lt.${LMDay}`\n      }\n\n      if (customData?.dataSourceId) {\n        moduleDataApi?.({\n          id: customData?.dataSourceId,\n          query: queryString,\n        })\n          .then((res: any) => {\n            if (!res.success) {\n              message.error(res.message)\n              return\n            }\n            setChartData(res.data)\n          })\n          .finally(() => {\n            setIsloading(false)\n          })\n      }\n    }\n  })\n  useEffect(() => {\n    if (customData) {\n      fetchChartData()\n    }\n  }, [customData?.dataSourceId, customData?.conditionData, startMonthIntervals])\n\n  /* ============================== split =============================== */\n  const fieldOptions = useMemo(() => {\n    return globalData?.sourceData?.find(item => item.value === customData?.dataSourceId)?.fields\n  }, [globalData, customData])\n\n  const events = useMemo(() => {\n    const calendarEvents = chartData?.map((item: any) => {\n      const title = getTransformValue({\n        fieldOptions,\n        val: customData?.titleField ? item?.[customData.titleField] : '',\n        field: customData?.titleField,\n        fieldMap: globalData?.fieldMap,\n      })\n      return {\n        title: title ?? t('unnamedRecord'),\n        start:\n          customData?.startDateField && item[customData?.startDateField]\n            ? dayjs(item[customData?.startDateField])?.toISOString()\n            : '',\n        end:\n          customData?.endDateField && item[customData?.endDateField]\n            ? dayjs(item[customData?.endDateField])?.toISOString()\n            : undefined,\n        allDay: true,\n        ...item,\n        originalData: item,\n      }\n    })\n    return calendarEvents\n  }, [chartData, customData, fieldOptions])\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [currData, setCurrData] = useState()\n  const currTitle = getTransformValue({\n    fieldOptions,\n    val: customData?.titleField ? currData?.[customData.titleField] : '',\n    field: customData?.titleField,\n    fieldMap: globalData?.fieldMap,\n  })\n\n  const handleEventClick = useMemoizedFn((info: any) => {\n    const event = info.event\n    setIsModalOpen(true)\n\n    setCurrData(event.extendedProps?.originalData)\n  })\n\n  /* ============================== split =============================== */\n  const boxRef = useRef<any>()\n  const calendarRef = useRef<any>(null)\n  const size = useSize(boxRef)\n  useEffect(() => {\n    setTimeout(() => {\n      calendarRef.current?.getApi()?.updateSize()\n    }, 16) //不是一个div 会有延迟\n  }, [size])\n\n  /* ============================== split =============================== */\n\n  return (\n    <div\n      ref={boxRef}\n      style={{\n        height: '100%',\n        width: '100%',\n        boxSizing: 'border-box',\n        padding: '12px',\n      }}\n    >\n      <div\n        className=\"full-calendar-app\"\n        style={{\n          height: '100%',\n          width: '100%',\n          overflowY: 'auto',\n          position: 'relative',\n        }}\n      >\n        {isloading ? (\n          <Spin\n            style={{\n              width: '100%',\n              height: '100%',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              position: 'absolute',\n              background: 'rgba(255,255,255,0.6)',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              zIndex: 1000,\n            }}\n            spinning={isloading}\n          />\n        ) : null}\n\n        <FullCalendar\n          ref={calendarRef} // 设置 FullCalendar 引用\n          plugins={[dayGridPlugin]}\n          headerToolbar={{\n            left: 'title,today,prev,next',\n            center: '',\n            right: '',\n          }}\n          initialView=\"dayGridMonth\"\n          height=\"auto\" // 自适应高度\n          contentHeight=\"auto\" // 自动调整内容高度\n          // dayMaxEvents={4} // 如果一天的事件太多则显示更多按钮\n          editable={true}\n          selectable={true}\n          selectMirror={true}\n          fixedWeekCount={false}\n          datesSet={handleDatesSet}\n          timeZone=\"UTC\"\n          events={events} // 将筛选后的事件传递给 FullCalendar\n          eventContent={(eventInfo: EventContentArg) => {\n            return (\n              <>\n                <i>{eventInfo.event.title}</i>\n              </>\n            )\n          }} // 自定义事件内容渲染\n          eventClick={handleEventClick} // 事件点击时调用\n        ></FullCalendar>\n        <Modal\n          title={currTitle ?? t('unnamedRecord')}\n          open={isModalOpen}\n          onOk={() => {\n            setIsModalOpen(false)\n          }}\n          onCancel={() => {\n            setIsModalOpen(false)\n          }}\n          destroyOnClose\n          footer={(_, { OkBtn }) => (\n            <>\n              <OkBtn />\n            </>\n          )}\n        >\n          {(fieldOptions?.length ?? 0) > 0 ? (\n            <Descriptions\n              className=\"reset-descriptions\"\n              layout=\"vertical\"\n              column={2}\n              items={fieldOptions?.map((field: any, fieldKey) => ({\n                key: fieldKey,\n                label: field.label,\n                children: getTransformValue({\n                  fieldOptions,\n                  val: currData?.[field.value],\n                  field: field.value,\n                  fieldMap: globalData?.fieldMap,\n                }),\n              }))}\n            />\n          ) : null}\n        </Modal>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(CalendarModule)\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/calendar-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport FullCalendar from '@fullcalendar/react'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport dayjs from 'dayjs'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport { EventContentArg, EventSourceInput } from '@fullcalendar/core'\nimport { ModuleDataApi, SourceDataFieldsTypes } from '../../../types'\nimport { CalendarCustomeDataTypes } from '../../add-module-modal/add-calendar-modal/custome-data'\nimport { useAppContext } from '../../../context'\nimport { useTranslation } from 'react-i18next'\nimport { mapConditionsToPostgrest } from '../utils'\nimport { Descriptions, message, Modal, Spin } from 'antd'\nimport { getTransformValue } from '../../../utils'\nimport { useMemoizedFn, useSize } from 'ahooks'\nimport en from './locales/en'\nimport zh from './locales/zh'\n// import zh from\n\ndayjs.extend(isBetween)\n\ninterface CalendarModuleProps {\n  customData?: CalendarCustomeDataTypes\n  onChange?: (val: unknown) => void\n  moduleDataApi?: ModuleDataApi\n  width?: number\n  height?: number\n  rowWidth?: number\n  rowHeight?: number\n}\n\nconst CalendarModule: React.FC<CalendarModuleProps> = ({ moduleDataApi, customData }) => {\n  const { t, i18n } = useTranslation()\n  const { globalData } = useAppContext()\n\n  /* ============================== split =============================== */\n  const [startMonthIntervals, setStartMonthIntervals] = useState<[string, string]>(['', ''])\n  const handleDatesSet = (dateInfo: any) => {\n    const currentDate = dayjs(dateInfo.view.currentStart)\n    const firstDay = currentDate.startOf('month').format('YYYY-MM-DD')\n    const lastDay = currentDate.endOf('month').format('YYYY-MM-DD')\n    setStartMonthIntervals([firstDay, lastDay])\n  }\n  /* ============================== split =============================== */\n  const [isloading, setIsloading] = useState(false)\n  const [chartData, setChartData] = useState<any>()\n  const fetchChartData = useMemoizedFn(async () => {\n    setChartData([])\n    if (customData) {\n      setIsloading(true)\n      let queryString = ''\n      const firstDayOfMonth = dayjs().startOf('month').format('YYYY-MM-DD')\n      const lastDayOfMonth = dayjs().endOf('month').format('YYYY-MM-DD')\n      const conditionData = customData.conditionData\n      const FMDay = startMonthIntervals.length > 0 ? startMonthIntervals[0] : firstDayOfMonth\n      const LMDay = startMonthIntervals.length > 0 ? startMonthIntervals[1] : lastDayOfMonth\n\n      if (conditionData) {\n        if (conditionData?.conditionList?.map(item => item.type)?.includes('timestamp')) {\n          queryString += `${mapConditionsToPostgrest(conditionData)}`\n        } else {\n          queryString += `added_on=gt.${FMDay}&added_on=lt.${LMDay}&${mapConditionsToPostgrest(\n            conditionData\n          )}`\n        }\n      } else {\n        queryString = `added_on=gt.${FMDay}&added_on=lt.${LMDay}`\n      }\n\n      if (customData?.dataSourceId) {\n        moduleDataApi?.({\n          id: customData?.dataSourceId,\n          query: queryString,\n        })\n          .then((res: any) => {\n            if (!res.success) {\n              message.error(res.message)\n              return\n            }\n            setChartData(res.data)\n          })\n          .finally(() => {\n            setIsloading(false)\n          })\n      }\n    }\n  })\n  useEffect(() => {\n    if (customData) {\n      fetchChartData()\n    }\n  }, [customData?.dataSourceId, customData?.conditionData, startMonthIntervals])\n\n  /* ============================== split =============================== */\n  const fieldOptions = useMemo(() => {\n    return globalData?.sourceData?.find(item => item.value === customData?.dataSourceId)?.fields\n  }, [globalData, customData])\n\n  const events = useMemo(() => {\n    const calendarEvents = chartData?.map((item: any) => {\n      const title = getTransformValue({\n        fieldOptions,\n        val: customData?.titleField ? item?.[customData.titleField] : '',\n        field: customData?.titleField,\n        fieldMap: globalData?.fieldMap,\n      })\n      return {\n        title: title ?? t('unnamedRecord'),\n        start:\n          customData?.startDateField && item[customData?.startDateField]\n            ? dayjs(item[customData?.startDateField])?.toISOString()\n            : '',\n        end:\n          customData?.endDateField && item[customData?.endDateField]\n            ? dayjs(item[customData?.endDateField])?.toISOString()\n            : undefined,\n        allDay: true,\n        ...item,\n        originalData: item,\n      }\n    })\n    return calendarEvents\n  }, [chartData, customData, fieldOptions])\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [currData, setCurrData] = useState()\n  const currTitle = getTransformValue({\n    fieldOptions,\n    val: customData?.titleField ? currData?.[customData.titleField] : '',\n    field: customData?.titleField,\n    fieldMap: globalData?.fieldMap,\n  })\n\n  const handleEventClick = useMemoizedFn((info: any) => {\n    const event = info.event\n    setIsModalOpen(true)\n\n    setCurrData(event.extendedProps?.originalData)\n  })\n\n  /* ============================== split =============================== */\n  const boxRef = useRef<any>()\n  const calendarRef = useRef<any>(null)\n  const size = useSize(boxRef)\n  useEffect(() => {\n    setTimeout(() => {\n      calendarRef.current?.getApi()?.updateSize()\n    }, 16) //不是一个div 会有延迟\n  }, [size])\n\n  /* ============================== split =============================== */\n\n  return (\n    <div\n      ref={boxRef}\n      style={{\n        height: '100%',\n        width: '100%',\n        boxSizing: 'border-box',\n        padding: '12px',\n      }}\n    >\n      <div\n        className=\"full-calendar-app\"\n        style={{\n          height: '100%',\n          width: '100%',\n          overflowY: 'auto',\n          position: 'relative',\n        }}\n      >\n        {isloading ? (\n          <Spin\n            style={{\n              width: '100%',\n              height: '100%',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              position: 'absolute',\n              background: 'rgba(255,255,255,0.6)',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              zIndex: 1000,\n            }}\n            spinning={isloading}\n          />\n        ) : null}\n\n        <FullCalendar\n          locale={i18n.language === 'zh-CN' ? zh : en}\n          // locale =\n          ref={calendarRef} // 设置 FullCalendar 引用\n          plugins={[dayGridPlugin]}\n          headerToolbar={{\n            left: 'title,today,prev,next',\n            center: '',\n            right: '',\n          }}\n          initialView=\"dayGridMonth\"\n          height=\"auto\" // 自适应高度\n          contentHeight=\"auto\" // 自动调整内容高度\n          // dayMaxEvents={4} // 如果一天的事件太多则显示更多按钮\n          editable={true}\n          selectable={true}\n          selectMirror={true}\n          fixedWeekCount={false}\n          datesSet={handleDatesSet}\n          timeZone=\"UTC\"\n          events={events} // 将筛选后的事件传递给 FullCalendar\n          eventContent={(eventInfo: EventContentArg) => {\n            return (\n              <>\n                <i>{eventInfo.event.title}</i>\n              </>\n            )\n          }} // 自定义事件内容渲染\n          eventClick={handleEventClick} // 事件点击时调用\n        ></FullCalendar>\n        <Modal\n          title={currTitle ?? t('unnamedRecord')}\n          open={isModalOpen}\n          onOk={() => {\n            setIsModalOpen(false)\n          }}\n          onCancel={() => {\n            setIsModalOpen(false)\n          }}\n          destroyOnClose\n          footer={(_, { OkBtn }) => (\n            <>\n              <OkBtn />\n            </>\n          )}\n        >\n          {(fieldOptions?.length ?? 0) > 0 ? (\n            <Descriptions\n              className=\"reset-descriptions\"\n              layout=\"vertical\"\n              column={2}\n              items={fieldOptions?.map((field: any, fieldKey) => ({\n                key: fieldKey,\n                label: field.label,\n                children: getTransformValue({\n                  fieldOptions,\n                  val: currData?.[field.value],\n                  field: field.value,\n                  fieldMap: globalData?.fieldMap,\n                }),\n              }))}\n            />\n          ) : null}\n        </Modal>\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(CalendarModule)\n"],"names":["zh","en"],"mappings":"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"}

package/es/dashboard-workbench/components/module-content/calendar-module/locales/en.d.ts

@@ -0,0 +1,7 @@
+declare const MINIMAL_RAW_EN_LOCALE: {
+    code: string;
+    buttonText: {
+        today: string;
+    };
+};
+export default MINIMAL_RAW_EN_LOCALE;

package/es/dashboard-workbench/components/module-content/calendar-module/locales/en.js

@@ -0,0 +1,10 @@
+const MINIMAL_RAW_EN_LOCALE = {
+  code: "en",
+  buttonText: {
+    today: "Today"
+  }
+};
+export {
+  MINIMAL_RAW_EN_LOCALE as default
+};
+//# sourceMappingURL=en.js.map

package/es/dashboard-workbench/components/module-content/calendar-module/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/calendar-module/locales/en.ts"],"sourcesContent":["const MINIMAL_RAW_EN_LOCALE = {\n  code: 'en',\n  buttonText: {\n    today: 'Today',\n  },\n}\nexport default MINIMAL_RAW_EN_LOCALE\n"],"names":[],"mappings":"AAAA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,OAAO;AAAA,EAAA;AAEX;"}

package/es/dashboard-workbench/components/module-content/calendar-module/locales/zh.d.ts

@@ -0,0 +1,22 @@
+declare var l77: {
+    code: string;
+    week: {
+        dow: number;
+        doy: number;
+    };
+    buttonText: {
+        prev: string;
+        next: string;
+        today: string;
+        year: string;
+        month: string;
+        week: string;
+        day: string;
+        list: string;
+    };
+    weekText: string;
+    allDayText: string;
+    moreLinkText(n: string): string;
+    noEventsText: string;
+};
+export { l77 as default };

package/es/dashboard-workbench/components/module-content/calendar-module/locales/zh.js

@@ -0,0 +1,29 @@
+var l77 = {
+  code: "zh-cn",
+  week: {
+    // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
+    dow: 1,
+    doy: 4
+    // The week that contains Jan 4th is the first week of the year.
+  },
+  buttonText: {
+    prev: "上月",
+    next: "下月",
+    today: "今天",
+    year: "年",
+    month: "月",
+    week: "周",
+    day: "日",
+    list: "日程"
+  },
+  weekText: "周",
+  allDayText: "全天",
+  moreLinkText(n) {
+    return "另外 " + n + " 个";
+  },
+  noEventsText: "没有事件显示"
+};
+export {
+  l77 as default
+};
+//# sourceMappingURL=zh.js.map

package/es/dashboard-workbench/components/module-content/calendar-module/locales/zh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/calendar-module/locales/zh.ts"],"sourcesContent":["var l77 = {\n  code: 'zh-cn',\n  week: {\n    // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效\n    dow: 1,\n    doy: 4, // The week that contains Jan 4th is the first week of the year.\n  },\n  buttonText: {\n    prev: '上月',\n    next: '下月',\n    today: '今天',\n    year: '年',\n    month: '月',\n    week: '周',\n    day: '日',\n    list: '日程',\n  },\n  weekText: '周',\n  allDayText: '全天',\n  moreLinkText(n: string) {\n    return '另外 ' + n + ' 个'\n  },\n  noEventsText: '没有事件显示',\n}\n\nexport { l77 as default }\n"],"names":[],"mappings":"AAAA,IAAI,MAAM;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA;AAAA,IAEJ,KAAK;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa,GAAW;AACtB,WAAO,QAAQ,IAAI;AAAA,EACrB;AAAA,EACA,cAAc;AAChB;"}

package/es/dashboard-workbench/components/module-content/chart-module/Empty.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface EmptyProps {
+}
+export declare const Empty: React.FC<EmptyProps>;
+export default Empty;

package/es/dashboard-workbench/components/module-content/chart-module/Empty.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import IconEmpty from "../../../icon/icon-empty.js";
+import { useTranslation } from "react-i18next";
+const Empty = (props) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        color: "#A1A1AA",
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx(IconEmpty, {}),
+        /* @__PURE__ */ jsx("span", { children: t("empty") })
+      ]
+    }
+  );
+};
+Empty.displayName = "Empty";
+export {
+  Empty,
+  Empty as default
+};
+//# sourceMappingURL=Empty.js.map

package/es/dashboard-workbench/components/module-content/chart-module/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/chart-module/Empty.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport styles from './index.scss'\nimport IconEmpty from '@platox/pivot-table/dashboard-workbench/icon/icon-empty'\nimport { useTranslation } from 'react-i18next'\n\nconst componentName = 'Empty'\n\nexport interface EmptyProps {}\nexport const Empty: React.FC<EmptyProps> = props => {\n  const { t } = useTranslation()\n  return (\n    <div\n      style={{\n        color: '#A1A1AA',\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n    >\n      <IconEmpty />\n      <span>{t('empty')}</span>\n    </div>\n  )\n}\n\nEmpty.displayName = 'Empty'\n\nexport default Empty\n"],"names":[],"mappings":";;;AAQO,MAAM,QAA8B,CAAS,UAAA;AAC5C,QAAA,EAAE,EAAE,IAAI,eAAe;AAE3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAAA,MAEA,UAAA;AAAA,QAAA,oBAAC,WAAU,EAAA;AAAA,QACV,oBAAA,QAAA,EAAM,UAAE,EAAA,OAAO,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpB;AAEJ;AAEA,MAAM,cAAc;"}

package/es/dashboard-workbench/components/module-content/chart-module/index.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect, useMemo, useRef } from "react";
 import Chart from "./base-chart/index.js";
 import { useAppContext } from "../../../context.js";
@@ -8,6 +8,7 @@ import { t } from "i18next";
 import { getChartConfig, getSerie, getGrid } from "./utils.js";
 import { getTransformValue } from "../../../utils/index.js";
 import { useMemoizedFn, useSize } from "ahooks";
+import { Empty } from "./Empty.js";
 const ChartModule = ({
   moduleDataApi,
   customData,
@@ -85,10 +86,18 @@ const ChartModule = ({
   const initChartOptions = useMemoizedFn(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
     if (customData && chartData && customData.type && chartData.length > 0) {
+      const formatter = (data) => {
+        if ((customData == null ? void 0 : customData.isGroup) && (customData == null ? void 0 : customData.groupField)) {
+          return (data == null ? void 0 : data.value) == 0 ? "" : `${data == null ? void 0 : data.value}`;
+        } else {
+          return `${data == null ? void 0 : data.value}`;
+        }
+      };
       const label = {
         show: ((_a = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _a.includes("label")) || ((_b = customeStyle == null ? void 0 : customeStyle.xchartOptions) == null ? void 0 : _b.includes("label")),
         position: "top",
-        formatter: "{c}"
+        // formatter: '{c}',
+        formatter
       };
       const newXAxisField = (customData == null ? void 0 : customData.xAxis) === "tags" ? "tag" : customData == null ? void 0 : customData.xAxis;
       const newGroupField = (customData == null ? void 0 : customData.groupField) === "tags" ? "tag" : customData == null ? void 0 : customData.groupField;
@@ -293,7 +302,8 @@ const ChartModule = ({
             show: ((_g = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _g.includes("label")) || ((_h = customeStyle == null ? void 0 : customeStyle.xchartOptions) == null ? void 0 : _h.includes("label")),
             rotate: grids.axisLabelRotate,
             // 使标签倾斜，调整为合适的角度
-            // interval: 0, // 保证所有标签都显示
+            interval: "auto",
+            // 自动隐藏
             formatter: (value) => {
               return value.length > 15 ? `${value.slice(0, 15)}...` : value;
             },
@@ -338,7 +348,7 @@ const ChartModule = ({
       };
       setChartOptions(options);
     } else {
-      setChartOptions({});
+      setChartOptions(void 0);
     }
   });
   useEffect(() => {
@@ -363,19 +373,31 @@ const ChartModule = ({
       (_a = echartRef == null ? void 0 : echartRef.current) == null ? void 0 : _a.resize();
     }
   }, [size]);
-  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%" }, ref: containerRef, children: !loading && chartOptions ? /* @__PURE__ */ jsx(Chart, { echartRef, options: chartOptions }) : /* @__PURE__ */ jsx(
-    Spin,
-    {
-      style: {
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      spinning: loading
-    }
-  ) });
+  const isLoading = loading && !chartOptions;
+  const isEmpyt = !loading && !chartOptions;
+  const isOk = !isLoading && !isEmpyt;
+  console.log("asd", {
+    isLoading,
+    isEmpyt,
+    isOk
+  });
+  return /* @__PURE__ */ jsxs("div", { style: { width: "100%", height: "100%" }, ref: containerRef, children: [
+    isLoading && /* @__PURE__ */ jsx(
+      Spin,
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        },
+        spinning: loading
+      }
+    ),
+    isEmpyt && /* @__PURE__ */ jsx(Empty, {}),
+    isOk && /* @__PURE__ */ jsx(Chart, { echartRef, options: chartOptions })
+  ] });
 };
 const ChartModule$1 = React.memo(ChartModule);
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/chart-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { ModuleDataApi, SourceDataFieldsTypes } from '../../../types'\nimport { ChartCustomeDataTypes } from '../../add-module-modal/add-chart-modal/custome-data'\nimport { ChartCustomeStylesTypes } from '../../add-module-modal/add-chart-modal/custome-styles'\nimport BaseChart from './base-chart'\nimport { useAppContext } from '../../../context'\nimport { message, Spin } from 'antd'\nimport { mapConditionsToPostgrest } from '../utils'\nimport { t } from 'i18next'\nimport { getChartConfig, getGrid, getSerie } from './utils'\nimport { getTransformValue } from '../../../utils'\nimport React from 'react'\nimport { useMemoizedFn, useSize } from 'ahooks'\nimport { EChartsOption } from 'echarts'\n\ninterface ChartModuleProps {\n  customData?: ChartCustomeDataTypes\n  customeStyle?: ChartCustomeStylesTypes\n  onChange?: (val: unknown) => void\n  moduleDataApi?: ModuleDataApi\n  width?: number\n  height?: number\n}\n\nconst ChartModule: React.FC<ChartModuleProps> = ({\n  moduleDataApi,\n  customData,\n  customeStyle,\n  width = 2,\n  height = 2,\n}) => {\n  const { globalData } = useAppContext()\n  /* ============================== split =============================== */\n  const [chartData, setChartData] = useState<any>()\n  const [loading, setloading] = useState<any>()\n  const fetchChartData = useMemoizedFn(async () => {\n    setChartData([])\n    if (customData) {\n      // 调用方法\n      setloading(true)\n      let queryString = ''\n      const newXAxisField = customData?.xAxis === 'tags' ? 'tag' : customData?.xAxis\n      const newGroupField = customData?.groupField === 'tags' ? 'tag' : customData?.groupField\n\n      if (!customData.isGroup) {\n        if (customData.yAxis === 'recordTotal') {\n          queryString += `select=${newXAxisField},id.count()`\n        }\n\n        if (customData.yAxis === 'fieldValue' && customData?.yAxisField) {\n          queryString += `select=${newXAxisField},${customData?.yAxisField}.${customData?.yAxisFieldType}()`\n        }\n      } else {\n        if (customData.yAxis === 'recordTotal') {\n          queryString += `select=${newXAxisField},${newGroupField},id.count()`\n        }\n        if (customData.yAxis === 'fieldValue' && customData?.yAxisField) {\n          queryString += `select=${newXAxisField},${newGroupField},${customData?.yAxisField}.${customData?.yAxisFieldType}()`\n        }\n      }\n\n      if (customData?.conditionData && customData?.conditionData?.conditionList?.length > 0) {\n        queryString += `&${mapConditionsToPostgrest(customData?.conditionData)}`\n      }\n\n      if (customData?.dataSourceId) {\n        moduleDataApi?.({\n          id: customData?.dataSourceId,\n          query: queryString,\n        })\n          .then((res: any) => {\n            if (!res.success) {\n              message.error(res.message)\n              return\n            }\n            setChartData(res.data)\n          })\n          .finally(() => {\n            setloading(false)\n          })\n      }\n    } else {\n      setChartData([])\n    }\n  })\n\n  useEffect(() => {\n    if (customData) {\n      fetchChartData()\n    }\n  }, [\n    customData?.dataSourceId,\n    customData?.conditionData,\n    customData?.xAxis,\n    customData?.yAxis,\n    customData?.yAxisField,\n    customData?.yAxisFieldType,\n    customData?.isGroup,\n    customData?.groupField,\n  ])\n\n  /* ============================== split =============================== */\n  const fieldOptions = useMemo(() => {\n    let ret = globalData?.sourceData?.find(item => item.value === customData?.dataSourceId)?.fields\n    return ret\n  }, [globalData, customData?.dataSourceId])\n\n  const [chartOptions, setChartOptions] = useState<any>()\n\n  const initChartOptions = useMemoizedFn(() => {\n    if (customData && chartData && customData.type && chartData.length > 0) {\n      const label = {\n        show:\n          customData?.chartOptions?.includes('label') ||\n          customeStyle?.xchartOptions?.includes('label'),\n        position: 'top',\n        formatter: '{c}',\n      }\n      const newXAxisField = customData?.xAxis === 'tags' ? 'tag' : customData?.xAxis\n      const newGroupField = customData?.groupField === 'tags' ? 'tag' : customData?.groupField\n      const isShowLegend = customData?.chartOptions?.includes('legend')\n\n      const getFieldLabel = (field: any) => {\n        const fieldData = fieldOptions?.find(item => item.value === field)\n        return fieldData?.label\n      }\n\n      const getFieldVal = ({ item, field }: { item: any; field: any }) => {\n        return getTransformValue({\n          fieldOptions,\n          val: item[field],\n          field: field,\n          fieldMap: globalData?.fieldMap,\n        })\n      }\n\n      const sortChartData = (\n        data: any[],\n        sortField: 'xAxis' | 'yAxisField' | 'recordValue',\n        sortOrder: 'asc' | 'desc'\n      ) => {\n        const orderMultiplier = sortOrder === 'asc' ? 1 : -1\n\n        return [...data].sort((a, b) => {\n          let valA, valB\n\n          switch (sortField) {\n            case 'xAxis':\n              valA = getFieldVal({\n                item: a,\n                field: newXAxisField,\n              })\n              valB = getFieldVal({\n                item: b,\n                field: newXAxisField,\n              })\n              break\n\n            case 'yAxisField':\n              valA = a[customData?.yAxisFieldType] || 0\n              valB = b[customData?.yAxisFieldType] || 0\n              break\n\n            case 'recordValue':\n            default:\n              valA =\n                customData.yAxis === 'recordTotal' ? a?.count : a[customData?.yAxisFieldType] || 0\n              valB =\n                customData.yAxis === 'recordTotal' ? b?.count : b[customData?.yAxisFieldType] || 0\n              break\n          }\n\n          if (valA > valB) return 1 * orderMultiplier\n          if (valA < valB) return -1 * orderMultiplier\n          return 0\n        })\n      }\n\n      const valueCounts: Record<string, any> = {}\n      const valuePercentages: Record<string, any> = {}\n      const valueGroups: Record<string, Record<string, number>> = {}\n      const valueGroupPercentages: Record<string, Record<string, number>> = {}\n      const categories = new Set<string>()\n      const stackCategories = new Set<string>()\n\n      // 数据分组处理\n      chartData.forEach((item: any) => {\n        const category = getFieldVal({\n          item: item,\n          field: newXAxisField,\n        })\n\n        categories.add(category)\n\n        const val =\n          customData.yAxis === 'recordTotal' ? item?.count : item[customData?.yAxisFieldType] || 0\n\n        if (customData?.isGroup && customData?.groupField) {\n          const stackCategory = getFieldVal({\n            item: item,\n            field: newGroupField,\n          })\n\n          const key = category ?? t('unknown')\n\n          stackCategories.add(stackCategory)\n\n          if (!valueGroups[stackCategory]) {\n            valueGroups[stackCategory] = {}\n          }\n          valueGroups[stackCategory][key] = val\n        } else {\n          const key = category ?? t('unknown')\n          valueCounts[key] = val\n        }\n      })\n\n      if (customData?.isGroup && customData?.groupField) {\n        const totalPerCategory: Record<string, number> = {}\n\n        Object.keys(valueGroups).forEach(stackCategory => {\n          Object.entries(valueGroups[stackCategory]).forEach(([key, val]) => {\n            totalPerCategory[key] = (totalPerCategory[key] || 0) + val\n          })\n        })\n\n        Object.keys(valueGroups).forEach(stackCategory => {\n          valueGroupPercentages[stackCategory] = {}\n          Object.entries(valueGroups[stackCategory]).forEach(([key, val]) => {\n            const total = totalPerCategory[key] || 1 // 防止除以 0\n            valueGroupPercentages[stackCategory][key] = (val / total) * 100\n          })\n        })\n      } else {\n        Object.entries(valueCounts).forEach(([key, val]) => {\n          const total = val || 1 // 防止除以 0\n          valuePercentages[key] = (val / total) * 100\n        })\n      }\n\n      if (customData?.sortField && customData?.sortOrder) {\n        const sortedChartData = sortChartData(chartData, customData.sortField, customData.sortOrder)\n\n        const sortedCategories = sortedChartData.map(item =>\n          getFieldVal({\n            item,\n            field: newXAxisField,\n          })\n        )\n        categories.clear()\n        sortedCategories.forEach(cat => categories.add(cat))\n      }\n\n      const labels = Array.from(categories)\n      const stackLabels = Array.from(stackCategories)\n\n      const chartConfig: any = getChartConfig(customData.type, labels)\n\n      const series = []\n      if (customData?.isGroup && customData?.groupField) {\n        stackLabels.forEach(stackCategory => {\n          const data =\n            customData.type === 'chart-bar-percentage' ||\n            customData.type === 'chart-strip-bar-percentage'\n              ? labels.map(label => valueGroupPercentages[stackCategory][label]?.toFixed(2) || 0)\n              : labels.map(label => valueGroups[stackCategory][label] || 0)\n          series.push(\n            getSerie({\n              type: customData.type,\n              data,\n              label,\n              name: stackCategory,\n              isGroup: customData?.isGroup,\n              groupField: customData?.groupField,\n              labels,\n            })\n          )\n        })\n      } else {\n        const data =\n          customData.type === 'chart-bar-percentage' ||\n          customData.type === 'chart-strip-bar-percentage'\n            ? labels.map(label => valuePercentages[label]?.toFixed(2) || 0) // 使用百分比数据\n            : labels.map(label => valueCounts[label] || 0)\n        series.push(\n          getSerie({\n            type: customData.type,\n            data,\n            label,\n            name:\n              customData.yAxis === 'recordTotal'\n                ? t('pb.statisticsText')\n                : getFieldLabel(customData?.yAxisField),\n            isGroup: customData?.isGroup,\n            groupField: customData?.groupField,\n            labels,\n          })\n        )\n      }\n\n      const grids = getGrid({ series, chartConfig, width })\n\n      const options: EChartsOption = {\n        legend: {\n          type: 'scroll',\n\n          left: 'center',\n          right: 'center',\n          top: '0',\n          show: isShowLegend,\n          itemWidth: 12,\n          itemHeight: 12,\n          data: series?.map((item: any) => item?.name || '') || [],\n        },\n        grid: {\n          top: grids.top,\n          left: grids.left,\n          right: grids.right,\n          bottom: grids.bottom,\n        },\n        graphic: {\n          elements: [\n            {\n              type: 'text',\n              left: 'center',\n              bottom: '10px',\n              style: {\n                text: customeStyle?.xtitle || '',\n                fill: '#333', // 文本颜色\n                fontSize: 12,\n                fontWeight: 'bold',\n              },\n            },\n            {\n              type: 'text',\n              left: '10px',\n              top: 'center',\n              style: {\n                text: customeStyle?.ytitle || '',\n                fill: '#333', // 文本颜色\n                fontSize: 12,\n                fontWeight: 'bold',\n              },\n              rotation: Math.PI / 2,\n            },\n          ],\n        },\n        xAxis: {\n          ...chartConfig.xAxis,\n          axisTick: {\n            show: customData?.chartOptions?.includes('axis'),\n          },\n          axisLine: {\n            show:\n              customData?.chartOptions?.includes('axis') ||\n              customeStyle?.xchartOptions?.includes('axisLine'),\n          },\n          axisLabel: {\n            show:\n              customData?.chartOptions?.includes('label') ||\n              customeStyle?.xchartOptions?.includes('label'),\n            rotate: grids.axisLabelRotate, // 使标签倾斜，调整为合适的角度\n            // interval: 0, // 保证所有标签都显示\n            formatter: (value: string) => {\n              return value.length > 15 ? `${value.slice(0, 15)}...` : value // 截断并添加 \"...\"\n            },\n            ...chartConfig.xAxis?.axisLabel,\n          },\n          splitLine: {\n            show: customData?.chartOptions?.includes('splitLine'), // 不显示x轴网格线\n          },\n        },\n        yAxis: {\n          ...chartConfig.yAxis,\n          axisTick: {\n            show: customData?.chartOptions?.includes('axis'),\n          },\n          axisLine: {\n            show:\n              customData?.chartOptions?.includes('axis') ||\n              customeStyle?.ychartOptions?.includes('axisLine'),\n          },\n          axisLabel: {\n            show:\n              customData?.chartOptions?.includes('label') ||\n              customeStyle?.ychartOptions?.includes('label'),\n            formatter: (value: string) => {\n              return value.length > 15 ? `${value.slice(0, 15)}...` : value // 截断并添加 \"...\"\n            },\n            hideOverlap: true,\n            ...chartConfig.yAxis?.axisLabel,\n          },\n          splitLine: {\n            show: customData?.chartOptions?.includes('splitLine'), // 不显示x轴网格线\n          },\n        },\n        series: series,\n        tooltip: {\n          trigger: 'item', // 触发方式：鼠标悬浮在坐标轴上\n          axisPointer: {\n            type: 'shadow', // 阴影指示器，鼠标悬停时显示柱状图的阴影\n          },\n          appendTo: 'body',\n        },\n      }\n      setChartOptions(options)\n    } else {\n      setChartOptions({})\n    }\n  })\n\n  useEffect(() => {\n    initChartOptions()\n  }, [\n    customData?.sortField,\n    customData?.sortOrder,\n    customData?.type,\n    customData?.chartOptions,\n    customeStyle,\n    chartData,\n    width,\n    height,\n    fieldOptions,\n  ])\n\n  /* ============================== split =============================== */\n  const echartRef = useRef<any>()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const size = useSize(containerRef)\n\n  useEffect(() => {\n    if (!!size) {\n      echartRef?.current?.resize()\n    }\n  }, [size])\n\n  return (\n    <div style={{ width: '100%', height: '100%' }} ref={containerRef}>\n      {!loading && chartOptions ? (\n        <BaseChart echartRef={echartRef} options={chartOptions} />\n      ) : (\n        <Spin\n          style={{\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n          }}\n          spinning={loading}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default React.memo(ChartModule)\n"],"names":["label","_a","BaseChart"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/chart-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { ModuleDataApi, SourceDataFieldsTypes } from '../../../types'\nimport { ChartCustomeDataTypes } from '../../add-module-modal/add-chart-modal/custome-data'\nimport { ChartCustomeStylesTypes } from '../../add-module-modal/add-chart-modal/custome-styles'\nimport BaseChart from './base-chart'\nimport { useAppContext } from '../../../context'\nimport { message, Spin } from 'antd'\nimport { mapConditionsToPostgrest } from '../utils'\nimport { t } from 'i18next'\nimport { getChartConfig, getGrid, getSerie } from './utils'\nimport { getTransformValue } from '../../../utils'\nimport React from 'react'\nimport { useMemoizedFn, useSize } from 'ahooks'\nimport { EChartsOption, LabelFormatterCallback } from 'echarts'\nimport IconEmpty from '@platox/pivot-table/dashboard-workbench/icon/icon-empty'\nimport Empty from './Empty'\n\ninterface ChartModuleProps {\n  customData?: ChartCustomeDataTypes\n  customeStyle?: ChartCustomeStylesTypes\n  onChange?: (val: unknown) => void\n  moduleDataApi?: ModuleDataApi\n  width?: number\n  height?: number\n}\n\nconst ChartModule: React.FC<ChartModuleProps> = ({\n  moduleDataApi,\n  customData,\n  customeStyle,\n  width = 2,\n  height = 2,\n}) => {\n  const { globalData } = useAppContext()\n  /* ============================== split =============================== */\n  const [chartData, setChartData] = useState<any>()\n  const [loading, setloading] = useState<any>()\n  const fetchChartData = useMemoizedFn(async () => {\n    setChartData([])\n    if (customData) {\n      // 调用方法\n      setloading(true)\n      let queryString = ''\n      const newXAxisField = customData?.xAxis === 'tags' ? 'tag' : customData?.xAxis\n      const newGroupField = customData?.groupField === 'tags' ? 'tag' : customData?.groupField\n\n      if (!customData.isGroup) {\n        if (customData.yAxis === 'recordTotal') {\n          queryString += `select=${newXAxisField},id.count()`\n        }\n\n        if (customData.yAxis === 'fieldValue' && customData?.yAxisField) {\n          queryString += `select=${newXAxisField},${customData?.yAxisField}.${customData?.yAxisFieldType}()`\n        }\n      } else {\n        if (customData.yAxis === 'recordTotal') {\n          queryString += `select=${newXAxisField},${newGroupField},id.count()`\n        }\n        if (customData.yAxis === 'fieldValue' && customData?.yAxisField) {\n          queryString += `select=${newXAxisField},${newGroupField},${customData?.yAxisField}.${customData?.yAxisFieldType}()`\n        }\n      }\n\n      if (customData?.conditionData && customData?.conditionData?.conditionList?.length > 0) {\n        queryString += `&${mapConditionsToPostgrest(customData?.conditionData)}`\n      }\n\n      if (customData?.dataSourceId) {\n        moduleDataApi?.({\n          id: customData?.dataSourceId,\n          query: queryString,\n        })\n          .then((res: any) => {\n            if (!res.success) {\n              message.error(res.message)\n              return\n            }\n            setChartData(res.data)\n          })\n          .finally(() => {\n            setloading(false)\n          })\n      }\n    } else {\n      setChartData([])\n    }\n  })\n\n  useEffect(() => {\n    if (customData) {\n      fetchChartData()\n    }\n  }, [\n    customData?.dataSourceId,\n    customData?.conditionData,\n    customData?.xAxis,\n    customData?.yAxis,\n    customData?.yAxisField,\n    customData?.yAxisFieldType,\n    customData?.isGroup,\n    customData?.groupField,\n  ])\n\n  /* ============================== split =============================== */\n  const fieldOptions = useMemo(() => {\n    let ret = globalData?.sourceData?.find(item => item.value === customData?.dataSourceId)?.fields\n    return ret\n  }, [globalData, customData?.dataSourceId])\n\n  const [chartOptions, setChartOptions] = useState<any>()\n\n  const initChartOptions = useMemoizedFn(() => {\n    if (customData && chartData && customData.type && chartData.length > 0) {\n      const formatter: LabelFormatterCallback = data => {\n        if (customData?.isGroup && customData?.groupField) {\n          return data?.value == 0 ? '' : `${data?.value}`\n        } else {\n          return `${data?.value}`\n        }\n      }\n      const label = {\n        show:\n          customData?.chartOptions?.includes('label') ||\n          customeStyle?.xchartOptions?.includes('label'),\n        position: 'top',\n        // formatter: '{c}',\n        formatter,\n      }\n      const newXAxisField = customData?.xAxis === 'tags' ? 'tag' : customData?.xAxis\n      const newGroupField = customData?.groupField === 'tags' ? 'tag' : customData?.groupField\n      const isShowLegend = customData?.chartOptions?.includes('legend')\n\n      const getFieldLabel = (field: any) => {\n        const fieldData = fieldOptions?.find(item => item.value === field)\n        return fieldData?.label\n      }\n\n      const getFieldVal = ({ item, field }: { item: any; field: any }) => {\n        return getTransformValue({\n          fieldOptions,\n          val: item[field],\n          field: field,\n          fieldMap: globalData?.fieldMap,\n        })\n      }\n\n      const sortChartData = (\n        data: any[],\n        sortField: 'xAxis' | 'yAxisField' | 'recordValue',\n        sortOrder: 'asc' | 'desc'\n      ) => {\n        const orderMultiplier = sortOrder === 'asc' ? 1 : -1\n\n        return [...data].sort((a, b) => {\n          let valA, valB\n\n          switch (sortField) {\n            case 'xAxis':\n              valA = getFieldVal({\n                item: a,\n                field: newXAxisField,\n              })\n              valB = getFieldVal({\n                item: b,\n                field: newXAxisField,\n              })\n              break\n\n            case 'yAxisField':\n              valA = a[customData?.yAxisFieldType] || 0\n              valB = b[customData?.yAxisFieldType] || 0\n              break\n\n            case 'recordValue':\n            default:\n              valA =\n                customData.yAxis === 'recordTotal' ? a?.count : a[customData?.yAxisFieldType] || 0\n              valB =\n                customData.yAxis === 'recordTotal' ? b?.count : b[customData?.yAxisFieldType] || 0\n              break\n          }\n\n          if (valA > valB) return 1 * orderMultiplier\n          if (valA < valB) return -1 * orderMultiplier\n          return 0\n        })\n      }\n\n      const valueCounts: Record<string, any> = {}\n      const valuePercentages: Record<string, any> = {}\n      const valueGroups: Record<string, Record<string, number>> = {}\n      const valueGroupPercentages: Record<string, Record<string, number>> = {}\n      const categories = new Set<string>()\n      const stackCategories = new Set<string>()\n\n      // 数据分组处理\n      chartData.forEach((item: any) => {\n        const category = getFieldVal({\n          item: item,\n          field: newXAxisField,\n        })\n\n        categories.add(category)\n\n        const val =\n          customData.yAxis === 'recordTotal' ? item?.count : item[customData?.yAxisFieldType] || 0\n\n        if (customData?.isGroup && customData?.groupField) {\n          const stackCategory = getFieldVal({\n            item: item,\n            field: newGroupField,\n          })\n\n          const key = category ?? t('unknown')\n\n          stackCategories.add(stackCategory)\n\n          if (!valueGroups[stackCategory]) {\n            valueGroups[stackCategory] = {}\n          }\n          valueGroups[stackCategory][key] = val\n        } else {\n          const key = category ?? t('unknown')\n          valueCounts[key] = val\n        }\n      })\n\n      if (customData?.isGroup && customData?.groupField) {\n        const totalPerCategory: Record<string, number> = {}\n\n        Object.keys(valueGroups).forEach(stackCategory => {\n          Object.entries(valueGroups[stackCategory]).forEach(([key, val]) => {\n            totalPerCategory[key] = (totalPerCategory[key] || 0) + val\n          })\n        })\n\n        Object.keys(valueGroups).forEach(stackCategory => {\n          valueGroupPercentages[stackCategory] = {}\n          Object.entries(valueGroups[stackCategory]).forEach(([key, val]) => {\n            const total = totalPerCategory[key] || 1 // 防止除以 0\n            valueGroupPercentages[stackCategory][key] = (val / total) * 100\n          })\n        })\n      } else {\n        Object.entries(valueCounts).forEach(([key, val]) => {\n          const total = val || 1 // 防止除以 0\n          valuePercentages[key] = (val / total) * 100\n        })\n      }\n\n      if (customData?.sortField && customData?.sortOrder) {\n        const sortedChartData = sortChartData(chartData, customData.sortField, customData.sortOrder)\n\n        const sortedCategories = sortedChartData.map(item =>\n          getFieldVal({\n            item,\n            field: newXAxisField,\n          })\n        )\n        categories.clear()\n        sortedCategories.forEach(cat => categories.add(cat))\n      }\n\n      const labels = Array.from(categories)\n      const stackLabels = Array.from(stackCategories)\n\n      const chartConfig: any = getChartConfig(customData.type, labels)\n\n      const series = []\n      if (customData?.isGroup && customData?.groupField) {\n        stackLabels.forEach(stackCategory => {\n          const data =\n            customData.type === 'chart-bar-percentage' ||\n            customData.type === 'chart-strip-bar-percentage'\n              ? labels.map(label => valueGroupPercentages[stackCategory][label]?.toFixed(2) || 0)\n              : labels.map(label => valueGroups[stackCategory][label] || 0)\n          series.push(\n            getSerie({\n              type: customData.type,\n              data,\n              label,\n              name: stackCategory,\n              isGroup: customData?.isGroup,\n              groupField: customData?.groupField,\n              labels,\n            })\n          )\n        })\n      } else {\n        const data =\n          customData.type === 'chart-bar-percentage' ||\n          customData.type === 'chart-strip-bar-percentage'\n            ? labels.map(label => valuePercentages[label]?.toFixed(2) || 0) // 使用百分比数据\n            : labels.map(label => valueCounts[label] || 0)\n        series.push(\n          getSerie({\n            type: customData.type,\n            data,\n            label,\n            name:\n              customData.yAxis === 'recordTotal'\n                ? t('pb.statisticsText')\n                : getFieldLabel(customData?.yAxisField),\n            isGroup: customData?.isGroup,\n            groupField: customData?.groupField,\n            labels,\n          })\n        )\n      }\n\n      const grids = getGrid({ series, chartConfig, width })\n\n      const options: EChartsOption = {\n        legend: {\n          type: 'scroll',\n\n          left: 'center',\n          right: 'center',\n          top: '0',\n          show: isShowLegend,\n          itemWidth: 12,\n          itemHeight: 12,\n          data: series?.map((item: any) => item?.name || '') || [],\n        },\n        grid: {\n          top: grids.top,\n          left: grids.left,\n          right: grids.right,\n          bottom: grids.bottom,\n        },\n        graphic: {\n          elements: [\n            {\n              type: 'text',\n              left: 'center',\n              bottom: '10px',\n              style: {\n                text: customeStyle?.xtitle || '',\n                fill: '#333', // 文本颜色\n                fontSize: 12,\n                fontWeight: 'bold',\n              },\n            },\n            {\n              type: 'text',\n              left: '10px',\n              top: 'center',\n              style: {\n                text: customeStyle?.ytitle || '',\n                fill: '#333', // 文本颜色\n                fontSize: 12,\n                fontWeight: 'bold',\n              },\n              rotation: Math.PI / 2,\n            },\n          ],\n        },\n        xAxis: {\n          ...chartConfig.xAxis,\n          axisTick: {\n            show: customData?.chartOptions?.includes('axis'),\n          },\n          axisLine: {\n            show:\n              customData?.chartOptions?.includes('axis') ||\n              customeStyle?.xchartOptions?.includes('axisLine'),\n          },\n          axisLabel: {\n            show:\n              customData?.chartOptions?.includes('label') ||\n              customeStyle?.xchartOptions?.includes('label'),\n            rotate: grids.axisLabelRotate, // 使标签倾斜，调整为合适的角度\n            interval: 'auto', // 自动隐藏\n            formatter: (value: string) => {\n              return value.length > 15 ? `${value.slice(0, 15)}...` : value // 截断并添加 \"...\"\n            },\n            ...chartConfig.xAxis?.axisLabel,\n          },\n          splitLine: {\n            show: customData?.chartOptions?.includes('splitLine'), // 不显示x轴网格线\n          },\n        },\n        yAxis: {\n          ...chartConfig.yAxis,\n          axisTick: {\n            show: customData?.chartOptions?.includes('axis'),\n          },\n          axisLine: {\n            show:\n              customData?.chartOptions?.includes('axis') ||\n              customeStyle?.ychartOptions?.includes('axisLine'),\n          },\n          axisLabel: {\n            show:\n              customData?.chartOptions?.includes('label') ||\n              customeStyle?.ychartOptions?.includes('label'),\n            formatter: (value: string) => {\n              return value.length > 15 ? `${value.slice(0, 15)}...` : value // 截断并添加 \"...\"\n            },\n            hideOverlap: true,\n            ...chartConfig.yAxis?.axisLabel,\n          },\n          splitLine: {\n            show: customData?.chartOptions?.includes('splitLine'), // 不显示x轴网格线\n          },\n        },\n        series: series,\n        tooltip: {\n          trigger: 'item', // 触发方式：鼠标悬浮在坐标轴上\n          axisPointer: {\n            type: 'shadow', // 阴影指示器，鼠标悬停时显示柱状图的阴影\n          },\n          appendTo: 'body',\n        },\n      }\n      setChartOptions(options)\n    } else {\n      setChartOptions(undefined)\n    }\n  })\n\n  useEffect(() => {\n    initChartOptions()\n  }, [\n    customData?.sortField,\n    customData?.sortOrder,\n    customData?.type,\n    customData?.chartOptions,\n    customeStyle,\n    chartData,\n    width,\n    height,\n    fieldOptions,\n  ])\n\n  /* ============================== split =============================== */\n  const echartRef = useRef<any>()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const size = useSize(containerRef)\n\n  useEffect(() => {\n    if (!!size) {\n      echartRef?.current?.resize()\n    }\n  }, [size])\n\n  const isLoading = loading && !chartOptions\n  const isEmpyt = !loading && !chartOptions\n  const isOk = !isLoading && !isEmpyt\n\n  console.log('asd', {\n    isLoading,\n    isEmpyt,\n    isOk,\n  })\n\n  return (\n    <div style={{ width: '100%', height: '100%' }} ref={containerRef}>\n      {isLoading && (\n        <Spin\n          style={{\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n          }}\n          spinning={loading}\n        />\n      )}\n      {isEmpyt && <Empty />}\n      {isOk && <BaseChart echartRef={echartRef} options={chartOptions} />}\n    </div>\n  )\n}\n\nexport default React.memo(ChartModule)\n"],"names":["label","_a","BaseChart"],"mappings":"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"}