@visactor/vseed 0.4.6 → 0.4.7

package/dist/umd/index.js

@@ -305,6 +305,7 @@
             zPieLabel: ()=>zPieLabel,
             zUnfoldInfo: ()=>zUnfoldInfo,
             zRadarConfig: ()=>zRadarConfig,
+            zPivotTableTotals: ()=>zPivotTableTotals,
             a: ()=>i18n_a,
             createNumFormatter: ()=>createNumFormatter,
             HAS_BUILTIN_UTILS: ()=>HAS_BUILTIN_UTILS,
@@ -324,6 +325,7 @@
             DetailEncoding: ()=>DetailEncoding,
             isPivot: ()=>chatType_isPivot,
             raceScatterAdvancedPipeline: ()=>raceScatterAdvancedPipeline,
+            zRowOrColumnTotalConfig: ()=>zRowOrColumnTotalConfig,
             zPlayer: ()=>zPlayer,
             zPointStyle: ()=>zPointStyle,
             zDimension: ()=>zDimension,
@@ -349,6 +351,7 @@
             zBoxPlot: ()=>zBoxPlot,
             zRaceScatter: ()=>zRaceScatter,
             registerBarParallel: ()=>registerBarParallel,
+            zTotalType: ()=>zTotalType,
             pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
             DUAL_AXIS_LABEL_Z_INDEX: ()=>1002,
             MeasureEncodingEnum: ()=>MeasureEncodingEnum,
@@ -429,6 +432,34 @@
             下边界: {
                 'en-US': 'Lower Whisker',
                 'zh-CN': '下边界'
+            },
+            总计: {
+                'en-US': 'Total',
+                'zh-CN': '总计'
+            },
+            小计: {
+                'en-US': 'Sub Total',
+                'zh-CN': '小计'
+            },
+            合计: {
+                'en-US': 'Total',
+                'zh-CN': '合计'
+            },
+            平均: {
+                'en-US': 'Average',
+                'zh-CN': '平均'
+            },
+            最大值: {
+                'en-US': 'Max',
+                'zh-CN': '最大值'
+            },
+            最小值: {
+                'en-US': 'Min',
+                'zh-CN': '最小值'
+            },
+            计数: {
+                'en-US': 'Count',
+                'zh-CN': '计数'
             }
         };
         class i18n_Intl {
@@ -1805,82 +1836,93 @@ self.R = R;
             }
             return defaultSelector ? selector_selector(vchartDatum, defaultSelector) : false;
         };
+        const dynamicFilterConfig = {
+            table: [
+                'bodyCellStyle'
+            ],
+            pivotTable: [
+                'bodyCellStyle'
+            ],
+            bar: [
+                'barStyle',
+                'annotationPoint',
+                'annotationVerticalLine',
+                'label'
+            ],
+            barParallel: [
+                'barStyle',
+                'annotationPoint',
+                'annotationVerticalLine',
+                'label'
+            ],
+            barPercent: [
+                'barStyle',
+                'annotationPoint',
+                'annotationVerticalLine',
+                'label'
+            ],
+            column: [
+                'barStyle',
+                'annotationPoint',
+                'annotationHorizontalLine',
+                'label'
+            ],
+            columnParallel: [
+                'barStyle',
+                'annotationPoint',
+                'annotationHorizontalLine',
+                'label'
+            ],
+            columnPercent: [
+                'barStyle',
+                'annotationPoint',
+                'annotationHorizontalLine',
+                'label'
+            ],
+            line: [
+                'lineStyle',
+                'pointStyle',
+                'annotationPoint',
+                'annotationHorizontalLine',
+                'label'
+            ],
+            area: [
+                'lineStyle',
+                'pointStyle',
+                'annotationPoint',
+                'annotationHorizontalLine',
+                'label'
+            ],
+            areaPercent: [
+                'lineStyle',
+                'pointStyle',
+                'annotationPoint',
+                'annotationHorizontalLine',
+                'label'
+            ],
+            dualAxis: [
+                'barStyle',
+                'lineStyle',
+                'pointStyle',
+                'annotationPoint',
+                'annotationHorizontalLine',
+                'label'
+            ],
+            scatter: [
+                'pointStyle',
+                'annotationPoint',
+                'annotationHorizontalLine',
+                'annotationVerticalLine',
+                'label'
+            ],
+            histogram: [
+                'annotationHorizontalLine'
+            ],
+            boxPlot: [
+                'annotationHorizontalLine'
+            ]
+        };
         const generateDynamicFilterKeyPaths = ()=>{
-            const dynamicFilterConfig = {
-                table: [
-                    'bodyCellStyle'
-                ],
-                pivotTable: [
-                    'bodyCellStyle'
-                ],
-                bar: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationVerticalLine'
-                ],
-                barParallel: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationVerticalLine'
-                ],
-                barPercent: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationVerticalLine'
-                ],
-                column: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                columnParallel: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                columnPercent: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                line: [
-                    'lineStyle',
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                area: [
-                    'lineStyle',
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                areaPercent: [
-                    'lineStyle',
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                dualAxis: [
-                    'barStyle',
-                    'lineStyle',
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                scatter: [
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine',
-                    'annotationVerticalLine'
-                ],
-                histogram: [
-                    'annotationHorizontalLine'
-                ],
-                boxPlot: [
-                    'annotationHorizontalLine'
-                ]
-            };
             const result = {};
             for (const [chartType, baseKeyPaths] of Object.entries(dynamicFilterConfig))result[chartType] = baseKeyPaths.flatMap((basePath)=>[
                     `${basePath}[].dynamicFilter`,
@@ -1889,84 +1931,7 @@ self.R = R;
             return result;
         };
         const dynamicFilterKeyPathsByChartType = generateDynamicFilterKeyPaths();
-        const getBasePathsForDeepClone = (chartType)=>{
-            const config = {
-                table: [
-                    'bodyCellStyle'
-                ],
-                pivotTable: [
-                    'bodyCellStyle'
-                ],
-                bar: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationVerticalLine'
-                ],
-                barParallel: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationVerticalLine'
-                ],
-                barPercent: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationVerticalLine'
-                ],
-                column: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                columnParallel: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                columnPercent: [
-                    'barStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                line: [
-                    'lineStyle',
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                area: [
-                    'lineStyle',
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                areaPercent: [
-                    'lineStyle',
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                dualAxis: [
-                    'barStyle',
-                    'lineStyle',
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine'
-                ],
-                scatter: [
-                    'pointStyle',
-                    'annotationPoint',
-                    'annotationHorizontalLine',
-                    'annotationVerticalLine'
-                ],
-                histogram: [
-                    'annotationHorizontalLine'
-                ],
-                boxPlot: [
-                    'annotationHorizontalLine'
-                ]
-            };
-            return config[chartType] ?? [];
-        };
+        const getBasePathsForDeepClone = (chartType)=>dynamicFilterConfig[chartType] ?? [];
         const parseKeyPath = (path)=>path.split('.').map((segment)=>{
                 if (segment.endsWith('[]')) return {
                     key: segment.slice(0, -2),
@@ -2809,27 +2774,10 @@ self.R = R;
                 }
             };
         };
-        const dimensionTreeToColumns = (spec, context)=>{
-            const { advancedVSeed } = context;
-            const dimensionTree = advancedVSeed.dimensionTree;
-            const result = {
-                ...spec
-            };
-            const eachNode = (node)=>{
-                if (isMeasure(node)) return {
-                    width: 'auto'
-                };
-                return {};
-            };
-            const columns = treeTreeToColumns(dimensionTree, eachNode);
-            return {
-                ...result,
-                columns: [
-                    ...result.columns || [],
-                    ...columns
-                ]
-            };
-        };
+        function extractLeafIds(tree) {
+            const leafNodes = findTreeNodesBy(tree, ()=>true);
+            return new Set(leafNodes.map((node)=>node.id));
+        }
         const treeTreeToColumns = (tree, callback)=>{
             const result = tree.map((item)=>{
                 if ('children' in item && Array.isArray(item.children)) {
@@ -2857,6 +2805,27 @@ self.R = R;
             });
             return result || [];
         };
+        const dimensionTreeToColumns = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const dimensionTree = advancedVSeed.dimensionTree;
+            const result = {
+                ...spec
+            };
+            const eachNode = (node)=>{
+                if (isMeasure(node)) return {
+                    width: 'auto'
+                };
+                return {};
+            };
+            const columns = treeTreeToColumns(dimensionTree, eachNode);
+            return {
+                ...result,
+                columns: [
+                    ...result.columns || [],
+                    ...columns
+                ]
+            };
+        };
         const createNumFormatter = (format, locale = intl.getLocale())=>{
             const { type = 'number', ratio = 1, thousandSeparator = true, prefix = '', suffix = '', symbol = '', fractionDigits = 2, significantDigits, roundingMode = 'halfExpand', roundingPriority = 'auto' } = format || {};
             const numFormatterOptions = {
@@ -2942,7 +2911,7 @@ self.R = R;
                 };
                 return {};
             };
-            const columns = measuresToColumns_treeTreeToColumns(measureTree, eachNode);
+            const columns = treeTreeToColumns(measureTree, eachNode);
             return {
                 ...result,
                 columns: [
@@ -2959,32 +2928,75 @@ self.R = R;
                 return formatter(value);
             };
         };
-        const measuresToColumns_treeTreeToColumns = (tree, callback)=>{
-            const result = tree.map((item)=>{
-                if ('children' in item && Array.isArray(item.children)) {
-                    const groupNode = item;
-                    const field = groupNode.id;
-                    const title = groupNode.alias ?? groupNode.id;
-                    const props = callback?.(groupNode) || {};
+        const columnsAggregation = (spec, context)=>{
+            const { vseed, advancedVSeed } = context;
+            const { totals } = vseed;
+            if (!totals) return spec;
+            const totalLabelMap = {
+                sum: intl.i18n`合计`,
+                avg: intl.i18n`平均`,
+                max: intl.i18n`最大值`,
+                min: intl.i18n`最小值`,
+                count: intl.i18n`计数`
+            };
+            const totalLabel = totalLabelMap[totals] || intl.i18n`合计`;
+            const vtableAggregationMap = {
+                sum: 'SUM',
+                avg: 'AVG',
+                max: 'MAX',
+                min: 'MIN',
+                count: 'COUNT'
+            };
+            const vtableAggregationType = vtableAggregationMap[totals] || 'SUM';
+            const dimensionIds = extractLeafIds(advancedVSeed.dimensionTree || []);
+            const measureTree = advancedVSeed.measureTree || [];
+            const measureIds = extractLeafIds(measureTree);
+            const leafMeasures = findTreeNodesBy(measureTree, ()=>true);
+            const measureMap = new Map();
+            leafMeasures.forEach((node)=>{
+                if (isMeasure(node)) measureMap.set(node.id, node);
+            });
+            let isFirstDimensionColumn = true;
+            const updatedColumns = spec.columns?.map((column)=>{
+                const fieldKey = column.field;
+                if (dimensionIds.has(fieldKey)) {
+                    if (isFirstDimensionColumn) {
+                        isFirstDimensionColumn = false;
+                        return {
+                            ...column,
+                            aggregation: {
+                                aggregationType: 'NONE',
+                                formatFun: ()=>totalLabel
+                            }
+                        };
+                    }
                     return {
-                        field,
-                        title,
-                        columns: measuresToColumns_treeTreeToColumns(item.children, callback),
-                        ...props
+                        ...column,
+                        aggregation: {
+                            aggregationType: 'NONE',
+                            formatFun: ()=>''
+                        }
                     };
                 }
-                {
-                    const field = item.id;
-                    const title = item.alias ?? item.id;
-                    const props = callback?.(item) || {};
+                if (measureIds.has(fieldKey)) {
+                    const measure = measureMap.get(fieldKey);
+                    const formatter = createFormatterByMeasure(measure);
                     return {
-                        field,
-                        title,
-                        ...props
+                        ...column,
+                        aggregation: {
+                            aggregationType: vtableAggregationType,
+                            showOnTop: false,
+                            formatFun: (value)=>formatter(value)
+                        }
                     };
                 }
+                return column;
             });
-            return result || [];
+            return {
+                ...spec,
+                columns: updatedColumns,
+                bottomFrozenRowCount: 1
+            };
         };
         const bodyStyle = (spec, context)=>{
             const result = {
@@ -3198,6 +3210,7 @@ self.R = R;
             initTable,
             dimensionTreeToColumns,
             measureTreeToColumns,
+            columnsAggregation,
             bodyStyle,
             headerStyle,
             tableThemeStyle,
@@ -3368,7 +3381,8 @@ self.R = R;
                 'hoverHeaderBackgroundColor',
                 'hoverHeaderInlineBackgroundColor',
                 'selectedBorderColor',
-                'selectedBackgroundColor'
+                'selectedBackgroundColor',
+                'totals'
             ]);
             result.config = {
                 ...result.config || {},
@@ -3440,13 +3454,21 @@ self.R = R;
             const { encoding } = advancedVSeed;
             const dimensions = advancedVSeed.dimensionTree;
             const columns = dimensions.filter((item)=>encoding.column?.includes(item.id));
+            const allMeasures = findAllMeasures(advancedVSeed.measureTree);
             return {
                 ...spec,
-                columns: columns.map((item)=>({
+                columns: columns.map((item)=>{
+                    const res = {
                         dimensionKey: item.id,
                         title: item.alias || item.id,
                         width: 'auto'
-                    }))
+                    };
+                    if (item.id === MeasureId) res.headerFormat = (measureId)=>{
+                        const measure = allMeasures.find((m)=>m.id === measureId);
+                        return measure?.alias ?? measureId;
+                    };
+                    return res;
+                })
             };
         };
         const pivotRows = (spec, context)=>{
@@ -3668,18 +3690,52 @@ self.R = R;
             };
         };
         const dataConfig = (spec, context)=>{
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
             const measures = findAllMeasures(advancedVSeed.measureTree);
             const aggregationRules = measures.map((measure)=>({
                     field: measure.id,
                     aggregationType: 'NONE',
                     indicatorKey: measure.id
                 }));
+            const dataConfigObj = {
+                aggregationRules
+            };
+            const { totals } = vseed;
+            if (totals) {
+                const grandTotalLabel = intl.i18n`总计`;
+                const subTotalLabel = intl.i18n`小计`;
+                const dimensionIds = (advancedVSeed.dimensionTree || []).map((dim)=>dim.id);
+                dataConfigObj.totals = {};
+                if (totals.row) {
+                    const rowSubDimensions = totals.row.subTotalsDimensions?.filter((dim)=>dimensionIds.includes(dim));
+                    const normalizedRowSubDimensions = totals.row.showSubTotals && (!rowSubDimensions || 0 === rowSubDimensions.length) ? dimensionIds.length > 0 ? [
+                        dimensionIds[0]
+                    ] : [] : rowSubDimensions;
+                    dataConfigObj.totals.row = {
+                        showGrandTotals: totals.row.showGrandTotals ?? false,
+                        showSubTotals: totals.row.showSubTotals ?? false,
+                        subTotalsDimensions: normalizedRowSubDimensions,
+                        grandTotalLabel,
+                        subTotalLabel
+                    };
+                }
+                if (totals.column) {
+                    const columnSubDimensions = totals.column.subTotalsDimensions?.filter((dim)=>dimensionIds.includes(dim));
+                    const normalizedColumnSubDimensions = totals.column.showSubTotals && (!columnSubDimensions || 0 === columnSubDimensions.length) ? dimensionIds.length > 0 ? [
+                        dimensionIds[0]
+                    ] : [] : columnSubDimensions;
+                    dataConfigObj.totals.column = {
+                        showGrandTotals: totals.column.showGrandTotals ?? false,
+                        showSubTotals: totals.column.showSubTotals ?? false,
+                        subTotalsDimensions: normalizedColumnSubDimensions,
+                        grandTotalLabel,
+                        subTotalLabel
+                    };
+                }
+            }
             return {
                 ...spec,
-                dataConfig: {
-                    aggregationRules
-                }
+                dataConfig: dataConfigObj
             };
         };
         const pivotTableSpecPipeline = [
@@ -5207,7 +5263,11 @@ self.R = R;
             const percentFormatter = createFormatter(percentFormat);
             const result = {
                 visible: enable,
-                dataFilter: (data)=>data.filter((entry)=>entry.data?.[DATUM_HIDE_KEY] !== true && selector_selector(entry.data, label.selector, 'Or')),
+                dataFilter: (data)=>data.filter((entry)=>{
+                        if (entry.data?.[DATUM_HIDE_KEY]) return false;
+                        const shouldApply = label.dynamicFilter ? selectorWithDynamicFilter(entry.data, label.dynamicFilter, label.selector) : selector_selector(entry.data, label.selector, 'Or');
+                        return shouldApply;
+                    }),
                 formatMethod: (_, datum)=>{
                     const result = [];
                     const dimLabels = labelDims.map((item)=>{
@@ -8230,7 +8290,7 @@ self.R = R;
             });
             return result;
         };
-        const column = [
+        const column_column = [
             initColumn,
             stackCornerRadius_stackCornerRadius,
             barMaxWidth_barMaxWidth,
@@ -8287,7 +8347,7 @@ self.R = R;
             dimensionLinkage
         ];
         const columnSpecPipeline = [
-            pivotAdapter_pivotAdapter(column, pivotColumn)
+            pivotAdapter_pivotAdapter(column_column, pivotColumn)
         ];
         const registerColumn = ()=>{
             Builder.registerAdvancedPipeline('column', columnAdvancedPipeline);
@@ -12908,21 +12968,21 @@ self.R = R;
         };
         const isObjectLike = (value)=>"object" == typeof value && null !== value;
         const common_isObjectLike = isObjectLike;
-        const isPlainObject_isPlainObject = function(value) {
+        const isPlainObject = function(value) {
             if (!common_isObjectLike(value) || !isType(value, "Object")) return !1;
             if (null === Object.getPrototypeOf(value)) return !0;
             let proto = value;
             for(; null !== Object.getPrototypeOf(proto);)proto = Object.getPrototypeOf(proto);
             return Object.getPrototypeOf(value) === proto;
         };
-        const isPlainObject = isPlainObject_isPlainObject;
+        const common_isPlainObject = isPlainObject;
         const isString = (value, fuzzy = !1)=>{
             const type = typeof value;
             return fuzzy ? "string" === type : "string" === type || isType(value, "String");
         };
         const common_isString = isString;
         function pickWithout(obj, keys) {
-            if (!obj || !isPlainObject(obj)) return obj;
+            if (!obj || !common_isPlainObject(obj)) return obj;
             const result = {};
             return Object.keys(obj).forEach((k)=>{
                 const v = obj[k];
@@ -15258,7 +15318,7 @@ self.R = R;
                     const length = objValue.length;
                     for(; ++index < length;)newValue[index] = objValue[index];
                 }
-            } else isPlainObject(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
+            } else common_isPlainObject(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
             isCommon && baseMerge(newValue, srcValue, shallowArray, skipTargetArray), assignMergeValue(target, key, newValue);
         }
         function assignMergeValue(target, key, value) {
@@ -23094,7 +23154,7 @@ self.R = R;
             ]).optional(),
             result: schemas_object({
                 success: schemas_boolean(),
-                data: schemas_array(record(schemas_string(), any())).optional()
+                data: schemas_array(zCellSelector).optional()
             }).optional()
         });
         const zValueDynamicFilter = schemas_object({
@@ -23135,7 +23195,8 @@ self.R = R;
             selector: union([
                 zSelector,
                 zSelectors
-            ]).nullish()
+            ]).nullish(),
+            dynamicFilter: zChartDynamicFilter.optional()
         });
         const zLegend = schemas_object({
             enable: schemas_boolean().default(true).nullish(),
@@ -23993,6 +24054,22 @@ self.R = R;
             field: schemas_string(),
             currentValue: schemas_string()
         });
+        const zRowOrColumnTotalConfig = schemas_object({
+            showGrandTotals: schemas_boolean().optional(),
+            showSubTotals: schemas_boolean().optional(),
+            subTotalsDimensions: schemas_array(schemas_string()).optional()
+        });
+        const zPivotTableTotals = schemas_object({
+            row: zRowOrColumnTotalConfig.optional(),
+            column: zRowOrColumnTotalConfig.optional()
+        });
+        const zTotalType = schemas_enum([
+            'sum',
+            'avg',
+            'max',
+            'min',
+            'count'
+        ]);
         const zLocale = schemas_enum([
             'zh-CN',
             'en-US'
@@ -24018,6 +24095,7 @@ self.R = R;
             selectedBorderColor: schemas_string().nullish(),
             selectedBackgroundColor: schemas_string().nullish(),
             bodyCellStyle: schemas_array(zBodyCellStyle).or(zBodyCellStyle).nullish(),
+            totals: zTotalType.nullish(),
             theme: zTheme.nullish(),
             locale: zLocale.nullish()
         });
@@ -24042,6 +24120,7 @@ self.R = R;
             selectedBorderColor: schemas_string().nullish(),
             selectedBackgroundColor: schemas_string().nullish(),
             bodyCellStyle: schemas_array(zBodyCellStyle).or(zBodyCellStyle).nullish(),
+            totals: zPivotTableTotals.nullish(),
             theme: zTheme.nullish(),
             locale: zLocale.nullish()
         });
@@ -24780,7 +24859,8 @@ self.R = R;
             customTheme: zCustomThemeConfig,
             annotation: zAnnotation,
             locale: zLocale,
-            regressionLine: zRegressionLine
+            regressionLine: zRegressionLine,
+            totals: zPivotTableTotals.optional()
         });
         const i18n_a = 123;
         return __webpack_exports__;