npm - @platox/pivot-table - Versions diffs - 0.0.35 → 0.0.37 - Mend

@platox/pivot-table 0.0.35 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (123) hide show

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

	@@ -1 +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, 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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"}
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 React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { message, Spin } from 'antd'\nimport { useDebounceEffect, useMemoizedFn, useSize } from 'ahooks'\nimport { EChartsOption, LabelFormatterCallback } from 'echarts'\nimport { t } from 'i18next'\nimport {\n ChartCustomDataType,\n ChartCustomeStylesTypes,\n TimeGroupInterval,\n} from '@platox/pivot-table/components/add-module-modal/add-chart-modal/interface'\nimport { useAppContext } from '../../../context'\nimport { FieldItem, ModuleDataApi } from '../../../types'\nimport { getTransformValue } from '../../../utils'\nimport { ChartType } from '../../add-module-modal/add-chart-modal/interface'\nimport { ConditionBlock } from '../../add-module-modal/components/condition-modal/interface'\nimport { mapConditionsToPostgrest } from '../utils'\nimport BaseChart from './base-chart'\nimport Empty from './Empty'\nimport { getChartConfig, getGrid, getSerie } from './utils'\n\ninterface ChartModuleProps {\n customData?: ChartCustomDataType\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, globalFilterCondition } = useAppContext()\n\n / ============================== split =============================== /\n let matchGlobalFilterCondition = useMemo(() => {\n let matchGlobalFilterCondition = globalFilterCondition?.find(\n item => item?.dataSourceId === customData?.dataSourceId\n )\n return matchGlobalFilterCondition\n }, [globalFilterCondition, customData?.dataSourceId])\n\n const [chartData, setChartData] = useState<any>()\n const [loading, setloading] = useState<any>()\n\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 (matchGlobalFilterCondition) {\n queryString += `&${mapConditionsToPostgrest(matchGlobalFilterCondition as ConditionBlock)}`\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 useDebounceEffect(\n () => {\n if (customData) {\n fetchChartData()\n }\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 matchGlobalFilterCondition,\n ],\n { wait: 60 }\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 = useMemo(() => {\n if (customData && chartData && customData.type && chartData.length > 0) {\n const getFieldVal = ({\n item,\n field,\n timeGroupInterval,\n }: {\n item: any\n field: any\n timeGroupInterval?: TimeGroupInterval\n }) => {\n return getTransformValue({\n fieldOptions,\n val: item[field],\n field: field,\n fieldMap: globalData?.fieldMap,\n timeGroupInterval,\n })\n }\n const getFieldLabel = (field: string) => {\n const fieldData = fieldOptions?.find(item => item.value === field)\n return fieldData?.label\n }\n\n const isTimeField = (fieldName: string) => {\n return fieldOptions?.find(item => item.value === fieldName)?.type === 'timestamp'\n }\n\n const mapping = {\n tags: 'tag', //后端数据名不一致\n }\n const newXAxisField = mapping[customData?.xAxis as keyof typeof mapping] ?? customData?.xAxis\n const newGroupField =\n mapping[customData?.groupField as keyof typeof mapping] ?? customData?.groupField\n\n // 整理数据\n const categories = new Set<string>() //x轴数据\n const stackCategories = new Set<string>() //分组类别\n const valueGroups: Record<string, Record<string, number>> = {} // 分组下的y轴数据\n const valueCounts: Record<string, number> = {} //没有分组下的y轴数据\n\n chartData.forEach((item: any) => {\n const category = getFieldVal({\n item: item,\n field: newXAxisField,\n timeGroupInterval: customData?.timeGroupInterval,\n })\n\n const val =\n customData.yAxis === 'recordTotal' ? item?.count : item[customData?.yAxisFieldType] \|\| 0\n\n const key = category ?? t('unknown')\n valueCounts[key] = val\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 }\n })\n\n // 计算百分比\n const valuePercentages: Record<string, number> = {} //没有分组下的y轴数据百分比\n const valueGroupPercentages: Record<string, Record<string, number>> = {} //分组下的y轴数据百分比\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 // 排序\n let sortField = customData?.sortField ?? 'xAxis'\n let sortOrder = customData?.sortOrder ?? 'asc'\n\n const sortedChartData = [...chartData].sort((a, b) => {\n let valA, valB\n\n switch (sortField) {\n case 'xAxis':\n valA = getFieldVal({\n item: a,\n field: newXAxisField,\n timeGroupInterval: customData?.timeGroupInterval,\n })\n valB = getFieldVal({\n item: b,\n field: newXAxisField,\n timeGroupInterval: customData?.timeGroupInterval,\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 const orderMultiplier = sortOrder === 'asc' ? 1 : -1\n if (valA > valB) return 1 * orderMultiplier\n if (valA < valB) return -1 * orderMultiplier\n return 0\n })\n const sortedCategories = sortedChartData.map(item =>\n getFieldVal({\n item,\n field: newXAxisField,\n timeGroupInterval: customData?.timeGroupInterval,\n })\n )\n categories.clear()\n sortedCategories.forEach(cat => categories.add(cat))\n\n // display range 实现\n if (\n !isTimeField(customData?.xAxis) &&\n customData.displayRange !== 'ALL' &&\n !!customData.displayRange //兼容旧版本没有displayRange\n ) {\n // 按照个数排序 1>0\n let sortedByCountCategories = Array.from(categories).sort((a, b) => {\n return valueCounts[b] - valueCounts[a]\n })\n\n // 提取符合条件的categories\n let ableCategories: string[] = []\n let [pos, count] = customData.displayRange.split('_')\n if (pos === 'TOP') {\n ableCategories = sortedByCountCategories.slice(0, Number(count))\n } else {\n ableCategories = sortedByCountCategories.slice(-Number(count))\n }\n\n // 从 categories 过滤掉不符合条件的数据保留categories的排序\n Array.from(categories).forEach(item => {\n if (!ableCategories.includes(item)) {\n categories.delete(item)\n }\n return item\n })\n }\n\n // 标签\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: customData?.chartOptions?.includes('label'),\n position: 'top',\n formatter,\n }\n const labels = Array.from(categories) //x轴label\n const stackLabels = Array.from(stackCategories) //分组数据\n\n // series\n const series = []\n const chartConfig = getChartConfig({\n type: customData?.type as ChartType,\n categories: labels,\n }) as any\n\n if (customData?.isGroup && customData?.groupField) {\n stackLabels.forEach(stackCategory => {\n const data = ['chart-bar-percentage', 'chart-strip-bar-percentage'].includes(\n customData.type\n )\n ? labels.map(label => valueGroupPercentages[stackCategory][label]?.toFixed(2) \|\| 0)\n : labels.map(label => valueGroups[stackCategory][label] \|\| 0)\n\n // 组合图\n let type = customData.type\n let yAxisPos = 'left'\n if (type == ChartType['chartCombination']) {\n let matchCombinationChartConfig = (customData?.groupFieldConfig ?? []).find(\n item =>\n getFieldVal({\n item: {\n [newGroupField]: item?.value,\n },\n field: newGroupField,\n }) == stackCategory\n )\n type = matchCombinationChartConfig?.config?.chartType ?? ChartType['ChartBar']\n yAxisPos = matchCombinationChartConfig?.config?.yAxisPos ?? 'left'\n }\n\n let seriesItem = getSerie({\n type: type,\n data,\n label,\n name: stackCategory,\n isGroup: customData?.isGroup,\n groupField: customData?.groupField,\n labels,\n })\n\n seriesItem.yAxisIndex = yAxisPos == 'left' ? 0 : 1\n series.push(seriesItem)\n })\n } else {\n const data = ['chart-bar-percentage', 'chart-strip-bar-percentage'].includes(\n customData.type\n )\n ? labels.map(label => valuePercentages[label]?.toFixed(2) \|\| 0) // 使用百分比数据\n : labels.map(label => valueCounts[label] \|\| 0)\n\n //组合图\n let type = customData.type\n let yAxisPos = 'left'\n if (type == ChartType['chartCombination']) {\n type = customData?.yAxisFieldConfig?.chartType ?? ChartType['ChartBar']\n } else {\n yAxisPos = customData?.yAxisFieldConfig?.yAxisPos ?? 'left'\n }\n\n let seriesItem = 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 seriesItem.yAxisIndex = yAxisPos == 'left' ? 0 : 1\n series.push(seriesItem)\n }\n\n // misc\n const grids = getGrid({ series, chartConfig, width, customeStyle })\n const isShowLegend = customData?.chartOptions?.includes('legend')\n\n let isLeftYAxisShow = series.some(item => item?.yAxisIndex == 0)\n let isRightYAxisShow = series.some(item => item?.yAxisIndex == 1)\n let yAxisConfig = {\n ...chartConfig.yAxis,\n axisTick: {\n show: customData?.chartOptions?.includes('axis'),\n },\n axisLine: {\n show: customData?.chartOptions?.includes('axis'),\n },\n axisLabel: {\n show: customData?.chartOptions?.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\n const options: EChartsOption = {\n legend: {\n type: 'scroll',\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: customData?.chartOptions?.includes('axis'),\n },\n axisLabel: {\n show: customData?.chartOptions?.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 {\n show: isLeftYAxisShow,\n ...yAxisConfig,\n },\n {\n show: isRightYAxisShow,\n ...yAxisConfig,\n },\n ],\n series: series,\n tooltip: {\n trigger: 'item', // 触发方式：鼠标悬浮在坐标轴上\n axisPointer: {\n type: 'shadow', // 阴影指示器，鼠标悬停时显示柱状图的阴影\n },\n appendTo: 'body',\n },\n }\n\n return options\n } else {\n return {}\n }\n }, [\n customData?.sortField,\n customData?.sortOrder,\n customData?.type,\n customData?.chartOptions,\n customData?.timeGroupInterval,\n customData?.groupFieldConfig,\n customData?.yAxisFieldConfig,\n customData?.displayRange,\n // customData,\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 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":["matchGlobalFilterCondition","_a","key","label","_b","BaseChart"],"mappings":"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"}

package/es/dashboard-workbench/components/module-content/chart-module/utils.d.ts CHANGED Viewed

@@ -1,6 +1,104 @@
-export declare const getChartConfig: (type: any, categories: any) => any;
+import { ChartType } from '../../add-module-modal/add-chart-modal/interface';
+export declare const getChartConfig: (props: {
+    type: ChartType;
+    categories: unknown[];
+}) => {
+    xAxis: {
+        type: string;
+        data: unknown[];
+    };
+    yAxis: {
+        type: string;
+    };
+} | {
+    xAxis: {
+        type: string;
+        data: unknown[];
+    };
+    yAxis: {
+        type: string;
+    };
+} | {
+    xAxis: {
+        type: string;
+        data: unknown[];
+    };
+    yAxis: {
+        type: string;
+        max: number;
+        axisLabel: {
+            formatter: string;
+        };
+    };
+} | {
+    xAxis: {
+        type: string;
+        data: unknown[];
+    };
+    yAxis: {
+        type: string;
+    };
+} | {
+    xAxis: {
+        type: string;
+        data: unknown[];
+    };
+    yAxis: {
+        type: string;
+    };
+} | {
+    xAxis: {
+        show: boolean;
+    };
+    yAxis: {
+        show: boolean;
+    };
+} | {
+    xAxis: {
+        show: boolean;
+    };
+    yAxis: {
+        show: boolean;
+    };
+} | {
+    xAxis: {
+        type: string;
+    };
+    yAxis: {
+        type: string;
+        data: unknown[];
+    };
+} | {
+    xAxis: {
+        type: string;
+    };
+    yAxis: {
+        type: string;
+        data: unknown[];
+    };
+} | {
+    xAxis: {
+        type: string;
+        max: number;
+        axisLabel: {
+            formatter: string;
+        };
+    };
+    yAxis: {
+        type: string;
+        data: unknown[];
+    };
+} | {
+    xAxis: {
+        type: string;
+        data: unknown[];
+    };
+    yAxis: {
+        type: string;
+    };
+};
 export declare const getSerie: ({ type, data, label, name, isGroup, groupField, labels }: any) => any;
-export declare const getGrid: ({ series, chartConfig, width }: any) => {
+export declare const getGrid: ({ customeStyle, series, chartConfig, width }: any) => {
     top: string;
     left: string;
     right: string;

package/es/dashboard-workbench/components/module-content/chart-module/utils.js CHANGED Viewed

@@ -1,4 +1,6 @@
-const getChartConfig = (type, categories) => {
+import { ChartType } from "../../add-module-modal/add-chart-modal/interface.js";
+const getChartConfig = (props) => {
+  const { type, categories } = props;
   const optionsConfig = {
     "chart-bar": {
       xAxis: {
@@ -61,6 +63,10 @@ const getChartConfig = (type, categories) => {
         type: "category",
         data: categories
       }
+    },
+    [ChartType["chartCombination"]]: {
+      xAxis: { type: "category", data: categories },
+      yAxis: { type: "value" }
     }
   };
   return optionsConfig[type];
@@ -136,15 +142,37 @@ const getSerie = ({ type, data, label, name, isGroup, groupField, labels }) => {
   }
   return serie;
 };
-const getGrid = ({ series, chartConfig, width }) => {
+const getGrid = ({ customeStyle, series, chartConfig, width }) => {
   var _a, _b, _c, _d;
-  const maxSeriesDataStrLen = Math.max(
-    ...(series ?? []).flatMap(
-      (item) => item.data.map((value) => String(value).length)
-    ) || []
-  );
-  const maxSeriesDataLen = Math.max(
-    ...(series == null ? void 0 : series.flatMap((item) => item.data.length)) || []
+  const {
+    isLeftAxisShow,
+    isRightAxisShow,
+    maxLeftSeriesDataStrLen,
+    maxRightSeriesDataStrLen,
+    maxSeriesDataLen
+  } = series.reduce(
+    (acc, item) => {
+      var _a2;
+      let ret = { ...acc };
+      let pos = item.yAxisIndex == 0 ? "left" : "right";
+      let strLen = Math.max(...item.data.map((value) => String(value).length));
+      if (pos == "left") {
+        ret["maxLeftSeriesDataStrLen"] = Math.max(ret["maxLeftSeriesDataStrLen"], strLen);
+        ret["isLeftAxisShow"] = true;
+      } else {
+        ret["maxRightSeriesDataStrLen"] = Math.max(ret["maxRightSeriesDataStrLen"], strLen);
+        ret["isRightAxisShow"] = true;
+      }
+      ret["maxSeriesDataLen"] = Math.max(ret["maxSeriesDataLen"], (_a2 = item == null ? void 0 : item.data) == null ? void 0 : _a2.length);
+      return ret;
+    },
+    {
+      isLeftAxisShow: false,
+      isRightAxisShow: false,
+      maxLeftSeriesDataStrLen: 0,
+      maxRightSeriesDataStrLen: 0,
+      maxSeriesDataLen: 0
+    }
   );
   let labelAxis = ((_a = chartConfig == null ? void 0 : chartConfig.xAxis) == null ? void 0 : _a.type) === "category" ? "xAxis" : "yAxis";
   let labelData = labelAxis === "xAxis" ? (_b = chartConfig == null ? void 0 : chartConfig.xAxis) == null ? void 0 : _b.data : (_c = chartConfig == null ? void 0 : chartConfig.yAxis) == null ? void 0 : _c.data;
@@ -156,7 +184,7 @@ const getGrid = ({ series, chartConfig, width }) => {
   const gap = 12;
   let top = 45;
   let left = 0;
-  let right = gap;
+  let right = 0;
   let bottom = 0;
   let axisRtateX = 0;
   if (labelAxis == "xAxis") {
@@ -179,14 +207,39 @@ const getGrid = ({ series, chartConfig, width }) => {
     }
     const labelUnit = labelUnitMapping[`${axisRtateX}`];
     bottom = labelUnit * (axisRtateX == 0 ? 1 : Math.min(maxLabelLength, 18)) + gap;
-    left = Math.min(maxSeriesDataStrLen, 18) * fontSize + gap;
+    left = Math.min(maxLeftSeriesDataStrLen, 18) * fontSize + gap;
+    right = Math.min(maxRightSeriesDataStrLen, 18) * fontSize + gap;
   } else {
-    bottom = Math.min(maxSeriesDataStrLen, 18) * fontSize + gap;
+    bottom = Math.min(maxLeftSeriesDataStrLen, 18) * fontSize + gap;
     left = Math.min(maxLabelLength, 18) * fontSize + gap;
+    right = gap;
+  }
+  left = Math.max(left, 40);
+  right = Math.max(right, 40);
+  if (!isLeftAxisShow) {
+    left = gap;
+  }
+  if (!isRightAxisShow) {
+    right = gap;
+  }
+  let titleSize = fontSize;
+  if (!!(customeStyle == null ? void 0 : customeStyle.xtitle)) {
+    if (labelAxis == "xAxis") {
+      bottom = bottom + titleSize;
+    } else {
+      right = right + titleSize;
+    }
+  }
+  if (!!(customeStyle == null ? void 0 : customeStyle.ytitle)) {
+    if (labelAxis == "xAxis") {
+      left = left + titleSize;
+    } else {
+      top = top + titleSize;
+    }
   }
   return {
     top: top + "px",
-    left: Math.max(left, 40) + "px",
+    left: left + "px",
     right: right + "px",
     bottom: Math.max(bottom, 40) + "px",
     axisLabelRotate: axisRtateX

package/es/dashboard-workbench/components/module-content/chart-module/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/chart-module/utils.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nexport const getChartConfig = (type: any, categories: any): any => {\n const optionsConfig: any = {\n 'chart-bar': {\n xAxis: {\n type: 'category',\n data: categories,\n },\n yAxis: {\n type: 'value',\n },\n },\n 'chart-bar-pile': {\n xAxis: { type: 'category', data: categories },\n yAxis: { type: 'value' },\n },\n 'chart-bar-percentage': {\n xAxis: { type: 'category', data: categories },\n yAxis: {\n type: 'value',\n max: 100,\n axisLabel: {\n formatter: '{value} %', // 在值后面添加 'kg'\n },\n },\n },\n 'chart-line': {\n xAxis: { type: 'category', data: categories },\n yAxis: { type: 'value' },\n },\n 'chart-line-smooth': {\n xAxis: { type: 'category', data: categories },\n yAxis: { type: 'value' },\n },\n 'chart-pie': {\n xAxis: { show: false },\n yAxis: { show: false },\n },\n 'chart-pie-circular': {\n xAxis: { show: false },\n yAxis: { show: false },\n },\n 'chart-strip-bar': {\n xAxis: { type: 'value' },\n yAxis: { type: 'category', data: categories },\n },\n 'chart-strip-bar-pile': {\n xAxis: { type: 'value' },\n yAxis: { type: 'category', data: categories },\n },\n 'chart-strip-bar-percentage': {\n xAxis: {\n type: 'value',\n max: 100,\n axisLabel: {\n formatter: '{value} %', // 在值后面添加 'kg'\n },\n },\n yAxis: {\n type: 'category',\n data: categories,\n },\n },\n }\n\n return optionsConfig[type]\n}\n\nexport const getSerie = ({ type, data, label, name, isGroup, groupField, labels }: any) => {\n let serie: any\n if (type === 'chart-pie') {\n serie = {\n data: data.map((item: number, idx: number) => ({\n value: item,\n name: labels[idx],\n })),\n name,\n type: 'pie',\n radius: '50%',\n label: {\n ...label,\n position: 'outside',\n },\n labelLine: {\n normal: {\n show: true,\n },\n },\n }\n } else if (type === 'chart-pie-circular') {\n serie = {\n data: data.map((item: number, idx: number) => ({\n value: item,\n name: labels[idx],\n })),\n type: 'pie',\n name,\n radius: ['40%', '70%'],\n label: {\n ...label,\n position: 'outside',\n },\n labelLine: {\n normal: {\n show: true,\n },\n },\n }\n } else if (type === 'chart-line') {\n serie = {\n data: data,\n name,\n type: 'line',\n label,\n }\n } else if (type === 'chart-line-smooth') {\n serie = {\n data: data,\n name,\n type: 'line',\n smooth: true, // 这里设置平滑曲线\n label,\n }\n } else {\n serie = {\n data: data,\n name,\n type: 'bar',\n label,\n }\n }\n\n if (\n type === 'chart-bar-percentage' \|\|\n type === 'chart-bar-pile' \|\|\n type === 'chart-strip-bar-pile' \|\|\n type === 'chart-strip-bar-percentage'\n ) {\n if (isGroup && groupField) {\n serie.stack = groupField\n }\n }\n\n return serie\n}\n\n// see https://github.com/apache/echarts/pull/19348\n// see https://www.visactor.io/vchart/guide/tutorial_docs/Chart_Concepts/Axes\n// 合并后弃用\nexport const getGrid = ({ series, chartConfig, width }: any) => {\n interface SeriesItem {\n name: string\n data: number[]\n }\n\n // 获取数据的个数和长度\n const maxSeriesDataStrLen = Math.max(\n ...(((series as SeriesItem[]) ?? []).flatMap(item =>\n item.data.map(value => String(value).length)\n ) \|\| [])\n )\n const maxSeriesDataLen = Math.max(\n ...((series as SeriesItem[])?.flatMap(item => item.data.length) \|\| [])\n )\n\n // 获取标签的长度\n let labelAxis = chartConfig?.xAxis?.type === 'category' ? 'xAxis' : 'yAxis'\n let labelData: any[] = labelAxis === 'xAxis' ? chartConfig?.xAxis?.data : chartConfig?.yAxis?.data\n\n const maxLabelLength = (labelData ?? [])?.reduce((maxLength, value) => {\n const length = String(value).length // 转换为字符串并计算长度\n return Math.max(maxLength, length)\n }, 0)\n\n / ============================== split =============================== /\n const fontSize = 9\n const gap = 12\n\n let top = 45 //固定\n // let left = Math.min(maxValueLength, 18) fontSize + gap\n let left = 0\n let right = gap\n let bottom = 0\n let axisRtateX = 0\n\n if (labelAxis == 'xAxis') {\n // 自动旋转\n const labelUnitMapping = {\n ['45']: fontSize * 0.8, // 根号2\n ['90']: fontSize,\n ['0']: fontSize,\n }\n if (maxSeriesDataLen > 3) {\n if (maxLabelLength >= 15) {\n axisRtateX = 90\n }\n if (maxLabelLength > 5) {\n axisRtateX = 45\n }\n if (width < 3) {\n axisRtateX = 90\n }\n }\n\n const labelUnit = labelUnitMapping[`${axisRtateX}` as keyof typeof labelUnitMapping]\n bottom = labelUnit * (axisRtateX == 0 ? 1 : Math.min(maxLabelLength, 18)) + gap\n left = Math.min(maxSeriesDataStrLen, 18) * fontSize + gap\n } else {\n bottom = Math.min(maxSeriesDataStrLen, 18) * fontSize + gap\n left = Math.min(maxLabelLength, 18) * fontSize + gap\n }\n\n return {\n top: top + 'px',\n left: Math.max(left, 40) + 'px',\n right: right + 'px',\n bottom: Math.max(bottom, 40) + 'px',\n axisLabelRotate: axisRtateX,\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/chart-module/utils.ts"],"sourcesContent":["import { max, xor } from 'lodash-es'\nimport { ChartType } from '../../add-module-modal/add-chart-modal/interface'\n\n/* eslint-disable @typescript-eslint/no-explicit-any /\nexport const getChartConfig = (props: { type: ChartType; categories: unknown[] }) => {\n const { type, categories } = props\n\n const optionsConfig = {\n 'chart-bar': {\n xAxis: {\n type: 'category',\n data: categories,\n },\n yAxis: {\n type: 'value',\n },\n },\n 'chart-bar-pile': {\n xAxis: { type: 'category', data: categories },\n yAxis: { type: 'value' },\n },\n 'chart-bar-percentage': {\n xAxis: { type: 'category', data: categories },\n yAxis: {\n type: 'value',\n max: 100,\n axisLabel: {\n formatter: '{value} %', // 在值后面添加 'kg'\n },\n },\n },\n 'chart-line': {\n xAxis: { type: 'category', data: categories },\n yAxis: { type: 'value' },\n },\n 'chart-line-smooth': {\n xAxis: { type: 'category', data: categories },\n yAxis: { type: 'value' },\n },\n 'chart-pie': {\n xAxis: { show: false },\n yAxis: { show: false },\n },\n 'chart-pie-circular': {\n xAxis: { show: false },\n yAxis: { show: false },\n },\n 'chart-strip-bar': {\n xAxis: { type: 'value' },\n yAxis: { type: 'category', data: categories },\n },\n 'chart-strip-bar-pile': {\n xAxis: { type: 'value' },\n yAxis: { type: 'category', data: categories },\n },\n 'chart-strip-bar-percentage': {\n xAxis: {\n type: 'value',\n max: 100,\n axisLabel: {\n formatter: '{value} %', // 在值后面添加 'kg'\n },\n },\n yAxis: {\n type: 'category',\n data: categories,\n },\n },\n [ChartType['chartCombination']]: {\n xAxis: { type: 'category', data: categories },\n yAxis: { type: 'value' },\n },\n }\n\n return optionsConfig[type]\n}\n\nexport const getSerie = ({ type, data, label, name, isGroup, groupField, labels }: any) => {\n let serie: any\n if (type === 'chart-pie') {\n serie = {\n data: data.map((item: number, idx: number) => ({\n value: item,\n name: labels[idx],\n })),\n name,\n type: 'pie',\n radius: '50%',\n label: {\n ...label,\n position: 'outside',\n },\n labelLine: {\n normal: {\n show: true,\n },\n },\n }\n } else if (type === 'chart-pie-circular') {\n serie = {\n data: data.map((item: number, idx: number) => ({\n value: item,\n name: labels[idx],\n })),\n type: 'pie',\n name,\n radius: ['40%', '70%'],\n label: {\n ...label,\n position: 'outside',\n },\n labelLine: {\n normal: {\n show: true,\n },\n },\n }\n } else if (type === 'chart-line') {\n serie = {\n data: data,\n name,\n type: 'line',\n label,\n }\n } else if (type === 'chart-line-smooth') {\n serie = {\n data: data,\n name,\n type: 'line',\n smooth: true, // 这里设置平滑曲线\n label,\n }\n } else {\n serie = {\n data: data,\n name,\n type: 'bar',\n label,\n }\n }\n\n if (\n type === 'chart-bar-percentage' \|\|\n type === 'chart-bar-pile' \|\|\n type === 'chart-strip-bar-pile' \|\|\n type === 'chart-strip-bar-percentage'\n ) {\n if (isGroup && groupField) {\n serie.stack = groupField\n }\n }\n\n return serie\n}\n\n// see https://github.com/apache/echarts/pull/19348\n// see https://www.visactor.io/vchart/guide/tutorial_docs/Chart_Concepts/Axes\n// 合并后弃用\nexport const getGrid = ({ customeStyle, series, chartConfig, width }: any) => {\n interface SeriesItem {\n name: string\n yAxisIndex: number\n data: number[]\n }\n\n // 获取y轴数据的个数和长度\n type Result = {\n isLeftAxisShow: boolean\n isRightAxisShow: boolean\n maxLeftSeriesDataStrLen: number\n maxRightSeriesDataStrLen: number\n maxSeriesDataLen: number\n }\n const {\n isLeftAxisShow,\n isRightAxisShow,\n maxLeftSeriesDataStrLen,\n maxRightSeriesDataStrLen,\n maxSeriesDataLen,\n } = series.reduce(\n (acc: Result, item: SeriesItem) => {\n let ret = { ...acc }\n\n let pos = item.yAxisIndex == 0 ? 'left' : 'right'\n let strLen = Math.max(...item.data.map(value => String(value).length))\n\n if (pos == 'left') {\n ret['maxLeftSeriesDataStrLen'] = Math.max(ret['maxLeftSeriesDataStrLen'], strLen)\n ret['isLeftAxisShow'] = true\n } else {\n ret['maxRightSeriesDataStrLen'] = Math.max(ret['maxRightSeriesDataStrLen'], strLen)\n ret['isRightAxisShow'] = true\n }\n ret['maxSeriesDataLen'] = Math.max(ret['maxSeriesDataLen'], item?.data?.length)\n return ret\n },\n {\n isLeftAxisShow: false,\n isRightAxisShow: false,\n maxLeftSeriesDataStrLen: 0,\n maxRightSeriesDataStrLen: 0,\n maxSeriesDataLen: 0,\n } as Result\n )\n\n // 获取标签的长度\n let labelAxis = chartConfig?.xAxis?.type === 'category' ? 'xAxis' : 'yAxis'\n let labelData: any[] = labelAxis === 'xAxis' ? chartConfig?.xAxis?.data : chartConfig?.yAxis?.data\n\n const maxLabelLength = (labelData ?? [])?.reduce((maxLength, value) => {\n const length = String(value).length // 转换为字符串并计算长度\n return Math.max(maxLength, length)\n }, 0)\n\n / ============================== split =============================== /\n const fontSize = 9\n const gap = 12\n\n let top = 45 //固定\n let left = 0\n let right = 0\n let bottom = 0\n let axisRtateX = 0\n\n if (labelAxis == 'xAxis') {\n // 自动旋转\n const labelUnitMapping = {\n ['45']: fontSize 0.8, // 根号2\n ['90']: fontSize,\n ['0']: fontSize,\n }\n if (maxSeriesDataLen > 3) {\n if (maxLabelLength >= 15) {\n axisRtateX = 90\n }\n if (maxLabelLength > 5) {\n axisRtateX = 45\n }\n if (width < 3) {\n axisRtateX = 90\n }\n }\n\n const labelUnit = labelUnitMapping[`${axisRtateX}` as keyof typeof labelUnitMapping]\n bottom = labelUnit * (axisRtateX == 0 ? 1 : Math.min(maxLabelLength, 18)) + gap\n left = Math.min(maxLeftSeriesDataStrLen, 18) * fontSize + gap\n right = Math.min(maxRightSeriesDataStrLen, 18) * fontSize + gap\n } else {\n bottom = Math.min(maxLeftSeriesDataStrLen, 18) * fontSize + gap //翻转的时候只有一个轴\n left = Math.min(maxLabelLength, 18) * fontSize + gap\n right = gap\n }\n //限制最大值\n left = Math.max(left, 40)\n right = Math.max(right, 40)\n\n // 如果没有轴，就只有gap\n if (!isLeftAxisShow) {\n left = gap\n }\n if (!isRightAxisShow) {\n right = gap\n }\n\n // 有标题\n let titleSize = fontSize\n if (!!customeStyle?.xtitle) {\n if (labelAxis == 'xAxis') {\n bottom = bottom + titleSize\n } else {\n right = right + titleSize\n }\n }\n\n if (!!customeStyle?.ytitle) {\n if (labelAxis == 'xAxis') {\n left = left + titleSize\n } else {\n top = top + titleSize\n }\n }\n\n return {\n top: top + 'px',\n left: left + 'px',\n right: right + 'px',\n bottom: Math.max(bottom, 40) + 'px',\n axisLabelRotate: axisRtateX,\n }\n}\n"],"names":["_a"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 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 { isEqual } from "lodash-es";
 import CalendarModule from "./calendar-module/index.js";
 import ChartModule from "./chart-module/index.js";
-import { isEqual } from "lodash-es";
+import StatisticsModule from "./statistics-module/index.js";
+import TextModule from "./text-module/index.js";
 function areEqual(prevProps, nextProps) {
   return isEqual(prevProps.module, nextProps.module);
 }

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

	@@ -1 +1 @@
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;"}
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 { isEqual } from 'lodash-es'\nimport { ModuleDataApi } from '../../types'\nimport { ModuleValueType } from '../add-module-btn'\nimport CalendarModule from './calendar-module'\nimport ChartModule from './chart-module'\nimport StatisticsModule from './statistics-module'\nimport TextModule from './text-module'\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 CHANGED Viewed

@@ -1,7 +1,7 @@
+import { default as React } from 'react';
 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;

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

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { useState, useEffect, useMemo, useRef } from "react";
+import React, { useState, useMemo, useEffect, useRef } from "react";
 import { message, Spin } from "antd";
-import { mapConditionsToPostgrest } from "../utils.js";
 import { useMemoizedFn, useSize } from "ahooks";
+import { useAppContext } from "../../../context.js";
+import { mapConditionsToPostgrest } from "../utils.js";
 import { calculatePxMultiRange } from "./utils.js";
 function formatToPercentage(value, decimalPlaces = 0) {
   if (!Number.isFinite(value)) {
@@ -29,12 +30,17 @@ function formatToThousands(value, decimalPlaces = 0) {
 const StatisticsModule = ({
   moduleDataApi,
   customData,
-  customeStyle,
-  width,
-  height
+  customeStyle
 }) => {
   const [list, setList] = useState();
   const [loading, setLoading] = useState(false);
+  const { globalFilterCondition } = useAppContext();
+  let matchGlobalFilterCondition = useMemo(() => {
+    let matchGlobalFilterCondition2 = globalFilterCondition == null ? void 0 : globalFilterCondition.find(
+      (item) => (item == null ? void 0 : item.dataSourceId) === (customData == null ? void 0 : customData.dataSourceId)
+    );
+    return matchGlobalFilterCondition2;
+  }, [globalFilterCondition, customData == null ? void 0 : customData.dataSourceId]);
   const getData = useMemoizedFn(async () => {
     var _a, _b;
     if (customData) {
@@ -48,6 +54,9 @@ const StatisticsModule = ({
       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 (((matchGlobalFilterCondition == null ? void 0 : matchGlobalFilterCondition.conditionList) ?? []).length > 0) {
+        queryString += `&${mapConditionsToPostgrest(matchGlobalFilterCondition)}`;
+      }
       if (customData == null ? void 0 : customData.dataSourceId) {
         moduleDataApi == null ? void 0 : moduleDataApi({
           id: customData == null ? void 0 : customData.dataSourceId,
@@ -75,7 +84,8 @@ const StatisticsModule = ({
     customData == null ? void 0 : customData.statisticalMethod,
     customData == null ? void 0 : customData.statisticalType,
     customData == null ? void 0 : customData.field,
-    customData == null ? void 0 : customData.dataSourceId
+    customData == null ? void 0 : customData.dataSourceId,
+    matchGlobalFilterCondition
   ]);
   const statisticValue = useMemo(() => {
     var _a, _b, _c, _d, _e;
@@ -107,7 +117,7 @@ const StatisticsModule = ({
     }
     if (customeStyle == null ? void 0 : customeStyle.unit) {
       const { unit, precision } = customeStyle;
-      switch (unit) {
+      switch (`${unit}`) {
         case "8":
           val = `฿${formatToThousands(val, precision)}`;
           break;

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

	@@ -1 +1 @@
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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"}
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 React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { message, Spin } from 'antd'\nimport { useMemoizedFn, useSize } from 'ahooks'\nimport { useAppContext } from '@platox/pivot-table/context'\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 { ConditionBlock } from '../../add-module-modal/components/condition-modal/interface'\nimport { mapConditionsToPostgrest } from '../utils'\nimport { calculatePxMultiRange } from './utils'\n\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}) => {\n / ============================== split =============================== /\n const [list, setList] = useState<any>()\n const [loading, setLoading] = useState<boolean>(false)\n\n const { globalFilterCondition } = useAppContext()\n let matchGlobalFilterCondition = useMemo(() => {\n let matchGlobalFilterCondition = globalFilterCondition?.find(\n item => item?.dataSourceId === customData?.dataSourceId\n )\n return matchGlobalFilterCondition\n }, [globalFilterCondition, customData?.dataSourceId])\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 ((matchGlobalFilterCondition?.conditionList ?? []).length > 0) {\n queryString += `&${mapConditionsToPostgrest(matchGlobalFilterCondition as ConditionBlock)}`\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 matchGlobalFilterCondition,\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":["matchGlobalFilterCondition"],"mappings":"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"}

package/es/dashboard-workbench/components/module-content/text-module/editor/index.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useRef, useEffect } from "react";
-import { withReact, Slate, Editable, useSlate, useFocused } from "slate-react";
-import { createEditor, Editor, Range, Transforms, Element as Element$1 } from "slate";
-import { withHistory } from "slate-history";
-import { BoldOutlined, ItalicOutlined, UnderlineOutlined, OrderedListOutlined, UnorderedListOutlined, AlignLeftOutlined, AlignCenterOutlined, AlignRightOutlined, ColumnWidthOutlined } from "@ant-design/icons";
 import { Button } from "antd";
+import { BoldOutlined, ItalicOutlined, UnderlineOutlined, OrderedListOutlined, UnorderedListOutlined, AlignLeftOutlined, AlignCenterOutlined, AlignRightOutlined, ColumnWidthOutlined } from "@ant-design/icons";
 import ReactDOM from "react-dom";
-import useDebounce from "./useDebounce.js";
 import { useTranslation } from "react-i18next";
+import { createEditor, Editor, Range, Transforms, Element as Element$1 } from "slate";
+import { withHistory } from "slate-history";
+import { withReact, Slate, Editable, useSlate, useFocused } from "slate-react";
+import useDebounce from "./useDebounce.js";
 /* empty css          */
 const LIST_TYPES = ["numbered-list", "bulleted-list"];
 const TEXT_ALIGN_TYPES = ["left", "center", "right", "justify"];