@platox/pivot-table 0.0.32 → 0.0.34

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { ModuleDataApi } from '../../types';
+import { ModuleValueType } from '../add-module-btn';
+export interface ModuleData {
+    id?: string;
+    i?: string;
+    w: number;
+    h: number;
+    x: number;
+    y: number;
+    title: string;
+    type: ModuleValueType['type'];
+    customData?: ModuleValueType['customData'];
+    customeStyle?: ModuleValueType['customeStyle'];
+}
+interface ModuleProps {
+    module: ModuleData;
+    onUpdate: (id: ModuleData['id'], updatedProps: Partial<ModuleData>) => void;
+    activeId?: ModuleData['id'];
+    onClick?: () => void;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onCopy?: () => void;
+    moduleDataApi?: ModuleDataApi;
+    onStartDragOrResize?: () => void;
+    onStopDragOrResize?: () => void;
+    rowWidth?: number;
+    rowHeight?: number;
+}
+declare const ModuleContent: React.FC<ModuleProps>;
+export default ModuleContent;

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

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import TextModule from "./text-module/index.js";
+import StatisticsModule from "./statistics-module/index.js";
+import CalendarModule from "./calendar-module/index.js";
+import ChartModule from "./chart-module/index.js";
+import { isEqual } from "lodash-es";
+function areEqual(prevProps, nextProps) {
+  return isEqual(prevProps.module, nextProps.module);
+}
+const ModuleContent = React.memo(
+  ({ module, onUpdate, moduleDataApi, rowWidth, rowHeight }) => {
+    var _a, _b;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "module-content isNoCanDrag",
+        style: {
+          overflow: ((_a = module.type) == null ? void 0 : _a.includes("chart")) ? "inherit" : "hidden"
+        },
+        children: /* @__PURE__ */ jsxs("div", { className: "dashboard-grid-container", children: [
+          module.type === "text" ? /* @__PURE__ */ jsx(
+            TextModule,
+            {
+              defaultValue: module.customData.editor,
+              onChange: (value) => {
+                if (module.id) {
+                  onUpdate(module.id, {
+                    type: "text",
+                    customData: {
+                      title: module.customData.title,
+                      editor: value
+                    }
+                  });
+                }
+              }
+            }
+          ) : null,
+          module.type === "statistics" ? /* @__PURE__ */ jsx(
+            StatisticsModule,
+            {
+              customData: module.customData,
+              customeStyle: module.customeStyle,
+              moduleDataApi,
+              width: module.w,
+              height: module.h,
+              rowWidth,
+              rowHeight
+            }
+          ) : null,
+          module.type === "calendar" ? /* @__PURE__ */ jsx(
+            CalendarModule,
+            {
+              customData: module.customData,
+              moduleDataApi,
+              width: module.w,
+              height: module.h,
+              rowWidth,
+              rowHeight
+            }
+          ) : null,
+          ((_b = module.type) == null ? void 0 : _b.includes("chart")) ? /* @__PURE__ */ jsx(
+            ChartModule,
+            {
+              width: module.w,
+              height: module.h,
+              customData: module.customData,
+              customeStyle: module.customeStyle,
+              moduleDataApi
+            }
+          ) : null
+        ] })
+      }
+    );
+  },
+  areEqual
+);
+export {
+  ModuleContent as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/module-content/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react'\nimport { ModuleDataApi } from '../../types'\nimport { ModuleValueType } from '../add-module-btn'\nimport TextModule from './text-module'\nimport StatisticsModule from './statistics-module'\nimport CalendarModule from './calendar-module'\nimport ChartModule from './chart-module'\nimport { isEqual } from 'lodash-es'\n\nexport interface ModuleData {\n  id?: string\n  i?: string\n  w: number\n  h: number\n  x: number\n  y: number\n  title: string\n  type: ModuleValueType['type']\n  customData?: ModuleValueType['customData']\n  customeStyle?: ModuleValueType['customeStyle']\n}\n\ninterface ModuleProps {\n  module: ModuleData\n  onUpdate: (id: ModuleData['id'], updatedProps: Partial<ModuleData>) => void\n  activeId?: ModuleData['id']\n  onClick?: () => void\n  onEdit?: () => void\n  onDelete?: () => void\n  onCopy?: () => void\n  moduleDataApi?: ModuleDataApi\n  onStartDragOrResize?: () => void\n  onStopDragOrResize?: () => void\n  rowWidth?: number\n  rowHeight?: number\n}\n\nfunction areEqual(prevProps: any, nextProps: any) {\n  return isEqual(prevProps.module, nextProps.module)\n}\n\nconst ModuleContent: React.FC<ModuleProps> = React.memo(\n  ({ module, onUpdate, moduleDataApi, rowWidth, rowHeight }) => {\n    return (\n      <div\n        className=\"module-content isNoCanDrag\"\n        style={{\n          overflow: module.type?.includes('chart') ? 'inherit' : 'hidden',\n        }}\n      >\n        <div className=\"dashboard-grid-container\">\n          {module.type === 'text' ? (\n            <TextModule\n              defaultValue={module.customData.editor}\n              onChange={value => {\n                if (module.id) {\n                  onUpdate(module.id, {\n                    type: 'text',\n                    customData: {\n                      title: module.customData.title,\n                      editor: value,\n                    },\n                  })\n                }\n              }}\n            />\n          ) : null}\n          {module.type === 'statistics' ? (\n            <StatisticsModule\n              customData={module.customData}\n              customeStyle={module.customeStyle}\n              moduleDataApi={moduleDataApi}\n              width={module.w}\n              height={module.h}\n              rowWidth={rowWidth}\n              rowHeight={rowHeight}\n            />\n          ) : null}\n          {module.type === 'calendar' ? (\n            <CalendarModule\n              customData={module.customData}\n              moduleDataApi={moduleDataApi}\n              width={module.w}\n              height={module.h}\n              rowWidth={rowWidth}\n              rowHeight={rowHeight}\n            />\n          ) : null}\n          {module.type?.includes('chart') ? (\n            <ChartModule\n              width={module.w}\n              height={module.h}\n              customData={module.customData}\n              customeStyle={module.customeStyle}\n              moduleDataApi={moduleDataApi}\n            />\n          ) : null}\n        </div>\n      </div>\n    )\n  },\n  areEqual\n)\n\nexport default ModuleContent\n"],"names":[],"mappings":";;;;;;;AAsCA,SAAS,SAAS,WAAgB,WAAgB;AAChD,SAAO,QAAQ,UAAU,QAAQ,UAAU,MAAM;AACnD;AAEA,MAAM,gBAAuC,MAAM;AAAA,EACjD,CAAC,EAAE,QAAQ,UAAU,eAAe,UAAU,gBAAgB;;AAE1D,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,YAAU,YAAO,SAAP,mBAAa,SAAS,YAAW,YAAY;AAAA,QACzD;AAAA,QAEA,UAAA,qBAAC,OAAI,EAAA,WAAU,4BACZ,UAAA;AAAA,UAAA,OAAO,SAAS,SACf;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAc,OAAO,WAAW;AAAA,cAChC,UAAU,CAAS,UAAA;AACjB,oBAAI,OAAO,IAAI;AACb,2BAAS,OAAO,IAAI;AAAA,oBAClB,MAAM;AAAA,oBACN,YAAY;AAAA,sBACV,OAAO,OAAO,WAAW;AAAA,sBACzB,QAAQ;AAAA,oBAAA;AAAA,kBACV,CACD;AAAA,gBAAA;AAAA,cACH;AAAA,YACF;AAAA,UAAA,IAEA;AAAA,UACH,OAAO,SAAS,eACf;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAY,OAAO;AAAA,cACnB,cAAc,OAAO;AAAA,cACrB;AAAA,cACA,OAAO,OAAO;AAAA,cACd,QAAQ,OAAO;AAAA,cACf;AAAA,cACA;AAAA,YAAA;AAAA,UAAA,IAEA;AAAA,UACH,OAAO,SAAS,aACf;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAY,OAAO;AAAA,cACnB;AAAA,cACA,OAAO,OAAO;AAAA,cACd,QAAQ,OAAO;AAAA,cACf;AAAA,cACA;AAAA,YAAA;AAAA,UAAA,IAEA;AAAA,YACH,YAAO,SAAP,mBAAa,SAAS,YACrB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,OAAO;AAAA,cACd,QAAQ,OAAO;AAAA,cACf,YAAY,OAAO;AAAA,cACnB,cAAc,OAAO;AAAA,cACrB;AAAA,YAAA;AAAA,UAAA,IAEA;AAAA,QAAA,EACN,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA;AACF;"}

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

@@ -0,0 +1,15 @@
+import { ModuleDataApi } from '../../../types';
+import { StatisticsCustomeDataTypes } from '../../add-module-modal/add-statistics-modal/custome-data';
+import { StatisticsCustomeStylesTypes } from '../../add-module-modal/add-statistics-modal/custome-styles';
+import { default as React } from 'react';
+interface StatisticsModuleProps {
+    customData?: StatisticsCustomeDataTypes;
+    customeStyle?: StatisticsCustomeStylesTypes;
+    moduleDataApi?: ModuleDataApi;
+    width?: number;
+    height?: number;
+    rowWidth?: number;
+    rowHeight?: number;
+}
+declare const _default: React.NamedExoticComponent<StatisticsModuleProps>;
+export default _default;

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

@@ -0,0 +1,305 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useState, useEffect, useMemo, useRef } from "react";
+import { message, Spin } from "antd";
+import { mapConditionsToPostgrest } from "../utils.js";
+import { useMemoizedFn, useSize } from "ahooks";
+import { calculatePxMultiRange } from "./utils.js";
+function formatToPercentage(value, decimalPlaces = 0) {
+  if (!Number.isFinite(value)) {
+    throw new Error("Value must be a finite number.");
+  }
+  return new Intl.NumberFormat(void 0, {
+    style: "percent",
+    minimumFractionDigits: decimalPlaces,
+    maximumFractionDigits: decimalPlaces
+  }).format(value);
+}
+function formatToThousands(value, decimalPlaces = 0) {
+  if (!Number.isFinite(value)) {
+    return "";
+  }
+  const formattedValue = new Intl.NumberFormat(void 0, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: decimalPlaces
+  }).format(value);
+  const [integerPart, decimalPart] = formattedValue.split(".");
+  const paddedDecimal = (decimalPart || "").padEnd(decimalPlaces, "0");
+  return `${integerPart}${decimalPlaces > 0 ? "." : ""}${paddedDecimal}`;
+}
+const StatisticsModule = ({
+  moduleDataApi,
+  customData,
+  customeStyle,
+  width,
+  height
+}) => {
+  const [list, setList] = useState();
+  const [loading, setLoading] = useState(false);
+  const getData = useMemoizedFn(async () => {
+    var _a, _b;
+    if (customData) {
+      let queryString = "";
+      setLoading(true);
+      if (customData.statisticalMethod === "fieldValue" && customData.field) {
+        queryString += `select=${customData.field}.${customData == null ? void 0 : customData.statisticalType}()`;
+      } else if (customData.statisticalMethod === "recordTotal") {
+        queryString += `select=id.count()`;
+      }
+      if ((customData == null ? void 0 : customData.conditionData) && ((_b = (_a = customData == null ? void 0 : customData.conditionData) == null ? void 0 : _a.conditionList) == null ? void 0 : _b.length) > 0) {
+        queryString += `&${mapConditionsToPostgrest(customData == null ? void 0 : customData.conditionData)}`;
+      }
+      if (customData == null ? void 0 : customData.dataSourceId) {
+        moduleDataApi == null ? void 0 : moduleDataApi({
+          id: customData == null ? void 0 : customData.dataSourceId,
+          query: queryString
+        }).then((res) => {
+          if (!res.success) {
+            message.error(res.message);
+            return;
+          }
+          setList(res.data);
+        }).finally(() => {
+          setLoading(false);
+        });
+      }
+    } else {
+      setList([]);
+    }
+  });
+  useEffect(() => {
+    if (customData) {
+      getData();
+    }
+  }, [
+    customData == null ? void 0 : customData.conditionData,
+    customData == null ? void 0 : customData.statisticalMethod,
+    customData == null ? void 0 : customData.statisticalType,
+    customData == null ? void 0 : customData.field,
+    customData == null ? void 0 : customData.dataSourceId
+  ]);
+  const statisticValue = useMemo(() => {
+    var _a, _b, _c, _d, _e;
+    if (!list) {
+      return "";
+    }
+    const newList = list;
+    const { statisticalMethod, statisticalType, field } = customData || {};
+    let val = 0;
+    if (newList.length && statisticalMethod === "fieldValue" && field) {
+      switch (statisticalType) {
+        case "sum":
+          val = ((_a = newList == null ? void 0 : newList[0]) == null ? void 0 : _a.sum) || 0;
+          break;
+        case "max":
+          val = ((_b = newList == null ? void 0 : newList[0]) == null ? void 0 : _b.max) || 0;
+          break;
+        case "min":
+          val = ((_c = newList == null ? void 0 : newList[0]) == null ? void 0 : _c.min) || 0;
+          break;
+        case "avg":
+          val = ((_d = newList == null ? void 0 : newList[0]) == null ? void 0 : _d.avg) || 0;
+          break;
+        default:
+          val = 0;
+      }
+    } else if (statisticalMethod === "recordTotal") {
+      val = ((_e = newList == null ? void 0 : newList[0]) == null ? void 0 : _e.count) || 0;
+    }
+    if (customeStyle == null ? void 0 : customeStyle.unit) {
+      const { unit, precision } = customeStyle;
+      switch (unit) {
+        case "8":
+          val = `฿${formatToThousands(val, precision)}`;
+          break;
+        case "7":
+          val = `£${formatToThousands(val, precision)}`;
+          break;
+        case "6":
+          val = `€${formatToThousands(val, precision)}`;
+          break;
+        case "4":
+          val = `¥${formatToThousands(val, precision)}`;
+          break;
+        case "5":
+          val = `$${formatToThousands(val, precision)}`;
+          break;
+        case "1":
+          val = formatToThousands(val, precision);
+          break;
+        case "3":
+          val = formatToPercentage(val, precision);
+          break;
+        default:
+          val = formatToThousands(val, precision);
+      }
+    } else {
+      val = formatToThousands(val, customeStyle == null ? void 0 : customeStyle.precision);
+    }
+    return val;
+  }, [list, customData, customeStyle]);
+  const boxRef = useRef();
+  const size = useSize(boxRef);
+  const caclSize = useMemo(() => {
+    if (!size) {
+      return null;
+    }
+    let PX = 0;
+    let PY = 32;
+    let fontSize = 0;
+    let subFontSize = 0;
+    {
+      const boxWidth1 = 116;
+      const px1 = 16;
+      const boxWidth2 = 760;
+      const px2 = 56;
+      PX = calculatePxMultiRange(size.width, {
+        ranges: [
+          [boxWidth1, px1],
+          [boxWidth2, px2]
+        ],
+        step: 4
+      });
+      const min = 16;
+      const max = 72;
+      PX = Math.max(min, Math.min(max, PX));
+    }
+    let innerBoxW = size.width - PX * 2;
+    let innerBoxH = size.height - PY * 2;
+    {
+      fontSize = calculatePxMultiRange(innerBoxW, {
+        ranges: [
+          [400, 60],
+          [500, 64]
+        ],
+        step: 0.1
+      });
+      const min = 16;
+      const max = Math.min(72, innerBoxH / 2);
+      fontSize = Math.max(min, Math.min(max, fontSize));
+    }
+    {
+      subFontSize = calculatePxMultiRange(innerBoxH, {
+        ranges: [
+          [140, 12],
+          [500, 24],
+          [860, 36]
+        ],
+        step: 0.1
+      });
+      const min = 12;
+      const max = Math.min(36, innerBoxH / 2);
+      subFontSize = Math.max(min, Math.min(max, subFontSize));
+    }
+    return {
+      PX,
+      PY,
+      fontSize,
+      subFontSize
+    };
+  }, [size]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: boxRef,
+      style: {
+        display: "flex",
+        height: "100%",
+        width: "100%"
+      },
+      children: [
+        loading ? /* @__PURE__ */ jsx(
+          Spin,
+          {
+            style: {
+              width: "100%",
+              height: "100%",
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              position: "absolute",
+              background: "rgba(255,255,255,0.6)",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              zIndex: 1e3
+            },
+            spinning: loading
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              overflow: "hidden",
+              position: "relative",
+              flex: 1,
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              flexDirection: "column",
+              padding: `${caclSize == null ? void 0 : caclSize.PY}px ${caclSize == null ? void 0 : caclSize.PX}px`
+            },
+            children: [
+              statisticValue !== "" && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    width: "100%",
+                    position: "relative",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    textAlign: "center"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        fontWeight: "bold",
+                        lineHeight: `${caclSize == null ? void 0 : caclSize.fontSize}px`,
+                        fontSize: `${caclSize == null ? void 0 : caclSize.fontSize}px`,
+                        color: customeStyle == null ? void 0 : customeStyle.color
+                      },
+                      children: statisticValue
+                    }
+                  )
+                }
+              ),
+              (customeStyle == null ? void 0 : customeStyle.desc) !== "" && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    width: "100%",
+                    position: "relative",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    textAlign: "center"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        fontSize: `${caclSize == null ? void 0 : caclSize.subFontSize}px`,
+                        lineHeight: `${caclSize == null ? void 0 : caclSize.subFontSize}px`,
+                        color: customeStyle == null ? void 0 : customeStyle.color,
+                        textAlign: "center"
+                      },
+                      children: customeStyle == null ? void 0 : customeStyle.desc
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const StatisticsModule$1 = React.memo(StatisticsModule);
+export {
+  StatisticsModule$1 as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/statistics-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { message, Spin } from 'antd'\nimport { ModuleDataApi } from '../../../types'\nimport { StatisticsCustomeDataTypes } from '../../add-module-modal/add-statistics-modal/custome-data'\nimport { StatisticsCustomeStylesTypes } from '../../add-module-modal/add-statistics-modal/custome-styles'\nimport { mapConditionsToPostgrest } from '../utils'\nimport React from 'react'\nimport { useMemoizedFn, useSize } from 'ahooks'\nimport { calculatePxMultiRange } from './utils'\ninterface StatisticsModuleProps {\n  customData?: StatisticsCustomeDataTypes\n  customeStyle?: StatisticsCustomeStylesTypes\n  moduleDataApi?: ModuleDataApi\n  width?: number\n  height?: number\n  rowWidth?: number\n  rowHeight?: number\n}\n\nfunction formatToPercentage(value: number, decimalPlaces: number = 0): string {\n  if (!Number.isFinite(value)) {\n    throw new Error('Value must be a finite number.')\n  }\n  return new Intl.NumberFormat(undefined, {\n    style: 'percent',\n    minimumFractionDigits: decimalPlaces,\n    maximumFractionDigits: decimalPlaces,\n  }).format(value)\n}\n\nfunction formatToThousands(value: number, decimalPlaces: number = 0): string {\n  if (!Number.isFinite(value)) {\n    return ''\n  }\n\n  const formattedValue = new Intl.NumberFormat(undefined, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: decimalPlaces,\n  }).format(value)\n\n  const [integerPart, decimalPart] = formattedValue.split('.')\n  const paddedDecimal = (decimalPart || '').padEnd(decimalPlaces, '0')\n\n  return `${integerPart}${decimalPlaces > 0 ? '.' : ''}${paddedDecimal}`\n}\n\nconst StatisticsModule: React.FC<StatisticsModuleProps> = ({\n  moduleDataApi,\n  customData,\n  customeStyle,\n  width,\n  height,\n}) => {\n  /* ============================== split =============================== */\n  const [list, setList] = useState<any>()\n  const [loading, setLoading] = useState<boolean>(false)\n\n  const getData = useMemoizedFn(async () => {\n    if (customData) {\n      // 调用方法\n      let queryString = ''\n      setLoading(true)\n      if (customData.statisticalMethod === 'fieldValue' && customData.field) {\n        queryString += `select=${customData.field}.${customData?.statisticalType}()`\n      } else if (customData.statisticalMethod === 'recordTotal') {\n        queryString += `select=id.count()`\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            setList(res.data)\n          })\n          .finally(() => {\n            setLoading(false)\n          })\n      }\n    } else {\n      setList([])\n    }\n  })\n  useEffect(() => {\n    if (customData) {\n      getData()\n    }\n  }, [\n    customData?.conditionData,\n    customData?.statisticalMethod,\n    customData?.statisticalType,\n    customData?.field,\n    customData?.dataSourceId,\n  ])\n\n  /* ============================== split =============================== */\n\n  const statisticValue = useMemo(() => {\n    if (!list) {\n      return ''\n    }\n\n    const newList: any[] = list\n    const { statisticalMethod, statisticalType, field } = customData || {}\n\n    let val: any = 0\n    if (newList.length && statisticalMethod === 'fieldValue' && field) {\n      switch (statisticalType) {\n        case 'sum':\n          val = newList?.[0]?.sum || 0\n          break\n        case 'max':\n          val = newList?.[0]?.max || 0\n          break\n        case 'min':\n          val = newList?.[0]?.min || 0\n          break\n        case 'avg':\n          val = newList?.[0]?.avg || 0\n          break\n        default:\n          val = 0\n      }\n    } else if (statisticalMethod === 'recordTotal') {\n      val = newList?.[0]?.count || 0\n    }\n\n    // 格式化\n    if (customeStyle?.unit) {\n      const { unit, precision } = customeStyle\n      switch (unit) {\n        case '8':\n          val = `฿${formatToThousands(val, precision)}`\n          break\n        case '7':\n          val = `£${formatToThousands(val, precision)}`\n          break\n        case '6':\n          val = `€${formatToThousands(val, precision)}`\n          break\n        case '4':\n          val = `¥${formatToThousands(val, precision)}`\n          break\n        case '5':\n          val = `$${formatToThousands(val, precision)}`\n          break\n        case '1':\n          val = formatToThousands(val, precision)\n          break\n        case '3':\n          val = formatToPercentage(val, precision)\n          break\n        default:\n          val = formatToThousands(val, precision)\n      }\n    } else {\n      val = formatToThousands(val, customeStyle?.precision)\n    }\n\n    return val\n  }, [list, customData, customeStyle])\n\n  /* ============================== split =============================== */\n\n  const boxRef = useRef<any>()\n  const size = useSize(boxRef)\n\n  const caclSize = useMemo(() => {\n    if (!size) {\n      return null\n    }\n    let PX: number = 0\n    let PY: number = 32 // 固定\n    let fontSize: number = 0\n    let subFontSize: number = 0\n    // 计算padding x 的值\n    {\n      const boxWidth1 = 116\n      const px1 = 16\n\n      const boxWidth2 = 760\n      const px2 = 56\n\n      PX = calculatePxMultiRange(size.width, {\n        ranges: [\n          [boxWidth1, px1],\n          [boxWidth2, px2],\n        ],\n        step: 4,\n      })\n      const min = 16\n      const max = 72\n      PX = Math.max(min, Math.min(max, PX))\n    }\n\n    // 计算字体大小\n    let innerBoxW = size.width - PX * 2\n    let innerBoxH = size.height - PY * 2\n    {\n      fontSize = calculatePxMultiRange(innerBoxW, {\n        ranges: [\n          [400, 60],\n          [500, 64],\n        ],\n        step: 0.1,\n      })\n      const min = 16\n      const max = Math.min(72, innerBoxH / 2)\n      fontSize = Math.max(min, Math.min(max, fontSize))\n    }\n    {\n      subFontSize = calculatePxMultiRange(innerBoxH, {\n        ranges: [\n          [140, 12],\n          [500, 24],\n          [860, 36],\n        ],\n        step: 0.1,\n      })\n      const min = 12\n      const max = Math.min(36, innerBoxH / 2)\n      subFontSize = Math.max(min, Math.min(max, subFontSize))\n    }\n\n    return {\n      PX,\n      PY,\n      fontSize,\n      subFontSize,\n    }\n  }, [size])\n\n  return (\n    <div\n      ref={boxRef}\n      style={{\n        display: 'flex',\n        height: '100%',\n        width: '100%',\n      }}\n    >\n      {loading ? (\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={loading}\n        />\n      ) : null}\n      <div\n        style={{\n          overflow: 'hidden',\n          position: 'relative',\n          flex: 1,\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'column',\n          padding: `${caclSize?.PY}px ${caclSize?.PX}px`,\n        }}\n      >\n        {statisticValue !== '' && (\n          <div\n            style={{\n              width: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n              textAlign: 'center',\n            }}\n          >\n            <span\n              style={{\n                fontWeight: 'bold',\n                lineHeight: `${caclSize?.fontSize}px`,\n                fontSize: `${caclSize?.fontSize}px`,\n                color: customeStyle?.color,\n              }}\n            >\n              {statisticValue}\n            </span>\n          </div>\n        )}\n\n        {customeStyle?.desc !== '' && (\n          <div\n            style={{\n              width: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n              textAlign: 'center',\n            }}\n          >\n            <span\n              style={{\n                fontSize: `${caclSize?.subFontSize}px`,\n                lineHeight: `${caclSize?.subFontSize}px`,\n                color: customeStyle?.color,\n                textAlign: 'center',\n              }}\n            >\n              {customeStyle?.desc}\n            </span>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default React.memo(StatisticsModule)\n"],"names":[],"mappings":"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"}

package/es/dashboard-workbench/components/module-content/statistics-module/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function calculatePxMultiRange(width: number, options: {
+    ranges: [number, number][];
+    step: number;
+}): number;

package/es/dashboard-workbench/components/module-content/statistics-module/utils.js

@@ -0,0 +1,41 @@
+function calculatePxMultiRange(width, options) {
+  const { ranges, step } = options;
+  let rang1 = null;
+  let rang2 = null;
+  for (let i = 0; i < ranges.length - 1; i++) {
+    const [width1, px1] = ranges[i];
+    const [width2, px2] = ranges[i + 1];
+    if (width >= width1 && width <= width2) {
+      rang1 = [width1, px1];
+      rang2 = [width2, px2];
+      break;
+    }
+  }
+  if (width < ranges[0][0]) {
+    rang1 = ranges[0];
+    rang2 = ranges[1];
+  }
+  if (width > ranges[ranges.length - 1][0]) {
+    rang1 = ranges[ranges.length - 2];
+    rang2 = ranges[ranges.length - 1];
+  }
+  if (!!rang1 && !!rang2) {
+    let [width1, px1] = rang1;
+    let [width2, px2] = rang2;
+    const slope = (px2 - px1) / (width2 - width1);
+    const intercept = px1 - slope * width1;
+    const rawPx = slope * width + intercept;
+    return Math.round(rawPx / step) * step;
+  }
+  if (!!rang1 || !!rang2) {
+    let rang = !!rang1 ? rang1 : rang2;
+    let [width1, px1] = rang;
+    const rawPx = px1 * width / width1;
+    return Math.round(rawPx / step) * step;
+  }
+  throw new Error("Unexpected error in range calculation");
+}
+export {
+  calculatePxMultiRange
+};
+//# sourceMappingURL=utils.js.map

package/es/dashboard-workbench/components/module-content/statistics-module/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/statistics-module/utils.tsx"],"sourcesContent":["export function calculatePxMultiRange(\n  width: number,\n  options: {\n    ranges: [number, number][]\n    step: number\n  }\n): number {\n  const { ranges, step } = options\n\n  let rang1: [number, number] | null = null\n  let rang2: [number, number] | null = null\n\n  for (let i = 0; i < ranges.length - 1; i++) {\n    const [width1, px1] = ranges[i]\n    const [width2, px2] = ranges[i + 1]\n\n    // 判断宽度是否在当前区间内\n    if (width >= width1 && width <= width2) {\n      rang1 = [width1, px1]\n      rang2 = [width2, px2]\n      break\n    }\n  }\n\n  if (width < ranges[0][0]) {\n    rang1 = ranges[0]\n    rang2 = ranges[1]\n  }\n\n  if (width > ranges[ranges.length - 1][0]) {\n    rang1 = ranges[ranges.length - 2]\n    rang2 = ranges[ranges.length - 1]\n  }\n\n  if (!!rang1 && !!rang2) {\n    let [width1, px1] = rang1\n    let [width2, px2] = rang2\n    const slope = (px2 - px1) / (width2 - width1)\n    const intercept = px1 - slope * width1\n\n    const rawPx = slope * width + intercept\n    return Math.round(rawPx / step) * step\n  }\n\n  if (!!rang1 || !!rang2) {\n    let rang = !!rang1 ? rang1 : rang2\n    let [width1, px1] = rang!\n\n    // px1 /width1 = ? / width\n    const rawPx = (px1 * width) / width1\n    return Math.round(rawPx / step) * step\n  }\n  // 不允许一个不传\n  throw new Error('Unexpected error in range calculation')\n}\n"],"names":[],"mappings":"AAAgB,SAAA,sBACd,OACA,SAIQ;AACF,QAAA,EAAE,QAAQ,KAAA,IAAS;AAEzB,MAAI,QAAiC;AACrC,MAAI,QAAiC;AAErC,WAAS,IAAI,GAAG,IAAI,OAAO,SAAS,GAAG,KAAK;AAC1C,UAAM,CAAC,QAAQ,GAAG,IAAI,OAAO,CAAC;AAC9B,UAAM,CAAC,QAAQ,GAAG,IAAI,OAAO,IAAI,CAAC;AAG9B,QAAA,SAAS,UAAU,SAAS,QAAQ;AAC9B,cAAA,CAAC,QAAQ,GAAG;AACZ,cAAA,CAAC,QAAQ,GAAG;AACpB;AAAA,IAAA;AAAA,EACF;AAGF,MAAI,QAAQ,OAAO,CAAC,EAAE,CAAC,GAAG;AACxB,YAAQ,OAAO,CAAC;AAChB,YAAQ,OAAO,CAAC;AAAA,EAAA;AAGlB,MAAI,QAAQ,OAAO,OAAO,SAAS,CAAC,EAAE,CAAC,GAAG;AAChC,YAAA,OAAO,OAAO,SAAS,CAAC;AACxB,YAAA,OAAO,OAAO,SAAS,CAAC;AAAA,EAAA;AAGlC,MAAI,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO;AAClB,QAAA,CAAC,QAAQ,GAAG,IAAI;AAChB,QAAA,CAAC,QAAQ,GAAG,IAAI;AACd,UAAA,SAAS,MAAM,QAAQ,SAAS;AAChC,UAAA,YAAY,MAAM,QAAQ;AAE1B,UAAA,QAAQ,QAAQ,QAAQ;AAC9B,WAAO,KAAK,MAAM,QAAQ,IAAI,IAAI;AAAA,EAAA;AAGpC,MAAI,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO;AACtB,QAAI,OAAO,CAAC,CAAC,QAAQ,QAAQ;AACzB,QAAA,CAAC,QAAQ,GAAG,IAAI;AAGd,UAAA,QAAS,MAAM,QAAS;AAC9B,WAAO,KAAK,MAAM,QAAQ,IAAI,IAAI;AAAA,EAAA;AAG9B,QAAA,IAAI,MAAM,uCAAuC;AACzD;"}

package/es/dashboard-workbench/components/module-content/text-module/editor/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface EditorProps {
+    defaultValue: any;
+    onChange: (val: unknown) => void;
+}
+declare const BoxEditor: React.FC<EditorProps>;
+export default BoxEditor;