@visactor/vseed 0.1.21 → 0.1.22

package/dist/umd/index.js

@@ -67,8 +67,8 @@
         var __webpack_exports__ = {};
         __webpack_require__.r(__webpack_exports__);
         __webpack_require__.d(__webpack_exports__, {
+            zScatter: ()=>zScatter,
             zScatterConfig: ()=>zScatterConfig,
-            zTooltip: ()=>zTooltip,
             funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
             zHeatmapConfig: ()=>zHeatmapConfig,
             zBar: ()=>zBar,
@@ -92,11 +92,13 @@
             columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
             zColumnConfig: ()=>zColumnConfig,
             zAnnotation: ()=>zAnnotation,
+            isRadar: ()=>isRadar,
             selector: ()=>selector_selector,
             zDualMeasure: ()=>zDualMeasure,
-            zSortLegend: ()=>zSortLegend,
             pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
+            zSortLegend: ()=>zSortLegend,
             isMeasures: ()=>isMeasures,
+            zTooltip: ()=>zTooltip,
             zYBandAxis: ()=>zYBandAxis,
             zAnnotationHorizontalLine: ()=>zAnnotationHorizontalLine,
             zYLinearAxis: ()=>zYLinearAxis,
@@ -210,8 +212,8 @@
             zAnnotationArea: ()=>zAnnotationArea,
             zStackCornerRadius: ()=>zStackCornerRadius,
             DetailEncoding: ()=>DetailEncoding,
+            isPivot: ()=>isPivot,
             zRose: ()=>zRose,
-            zUnfoldInfo: ()=>zUnfoldInfo,
             columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
             zPointStyle: ()=>zPointStyle,
             zAnnotationPoint: ()=>zAnnotationPoint,
@@ -223,6 +225,7 @@
             isMeasure: ()=>isMeasure,
             FoldSecondaryMeasureValue: ()=>FoldSecondaryMeasureValue,
             zSort: ()=>zSort,
+            zUnfoldInfo: ()=>zUnfoldInfo,
             isPivotChart: ()=>isPivotChart,
             zDualAxisConfig: ()=>zDualAxisConfig,
             zColumn: ()=>zColumn,
@@ -254,13 +257,13 @@
             autoNumFormatter: ()=>autoNumFormatter,
             measureDepth: ()=>measureDepth,
             tableSpecPipeline: ()=>tableSpecPipeline,
+            isCombination: ()=>isCombination,
             zAdvancedVSeed: ()=>zAdvancedVSeed,
-            zConfig: ()=>zConfig,
             zBarStyle: ()=>zBarStyle,
             deleteDimensionTreeByCallback: ()=>deleteDimensionTreeByCallback,
-            zMeasure: ()=>zMeasure,
+            zConfig: ()=>zConfig,
             zAreaPercent: ()=>zAreaPercent,
-            zRoseParallelConfig: ()=>zRoseParallelConfig,
+            zMeasure: ()=>zMeasure,
             columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
             isValueSelector: ()=>isValueSelector,
             donutAdvancedPipeline: ()=>donutAdvancedPipeline,
@@ -270,7 +273,7 @@
             isPivotTable: ()=>isPivotTable,
             zDimensionEncoding: ()=>zDimensionEncoding,
             zFunnel: ()=>zFunnel,
-            zScatter: ()=>zScatter,
+            zRoseParallelConfig: ()=>zRoseParallelConfig,
             zBarParallelConfig: ()=>zBarParallelConfig,
             barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
             FoldMeasureValue: ()=>FoldMeasureValue,
@@ -522,6 +525,7 @@
         const DEFAULT_PARENT_ID = '__DefaultParentId__';
         const isTable = (vseed)=>'table' === vseed.chartType;
         const isPivotTable = (vseed)=>'pivotTable' === vseed.chartType;
+        const isRadar = (vseed)=>'radar' === vseed.chartType;
         const isVTable = (vseed)=>[
                 'table',
                 'pivotTable'
@@ -529,14 +533,19 @@
         const isVChart = (vseed)=>!isVTable(vseed);
         const isPivotChart = (vseed)=>{
             if (isVTable(vseed)) return false;
+            if (isPivot(vseed)) return true;
+            return isCombination(vseed);
+        };
+        const isPivot = (vseed)=>{
+            const { dimensions = [] } = vseed;
+            return dimensions && dimensions.some((dimension)=>'row' === dimension.encoding || 'column' === dimension.encoding);
+        };
+        const isCombination = (vseed)=>{
             if (isMeasureTreeWithParentId(vseed.measures)) {
                 const parentIds = vseed.measures?.map((measure)=>measure.parentId || DEFAULT_PARENT_ID);
                 return parentIds && chunk_QJLMYOTX_i(parentIds).length > 1;
             }
             if ('dualAxis' === vseed.chartType || 'scatter' === vseed.chartType) {
-                const { dimensions = [] } = vseed;
-                const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'row' === dimension.encoding || 'column' === dimension.encoding);
-                if (hasRowOrColumnDimension) return true;
                 if ('scatter' === vseed.chartType) {
                     if (isMeasureTreeWithChildren(vseed.measures)) {
                         const depth = measureDepth(vseed.measures);
@@ -554,10 +563,9 @@
                 }
                 return false;
             }
-            const { measures = [], dimensions = [] } = vseed;
-            const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'row' === dimension.encoding || 'column' === dimension.encoding);
+            const { measures = [] } = vseed;
             const hasMeasureGroup = measures && measures.some((measure)=>measure && measure.children);
-            return hasRowOrColumnDimension || hasMeasureGroup;
+            return hasMeasureGroup;
         };
         const getColorItems = (builder)=>{
             const advancedVSeed = builder.advancedVSeed;
@@ -3249,6 +3257,14 @@
             }
             return Object.setPrototypeOf(r, Object.prototype), r;
         };
+        const getCurveType = (vseed, lineSmooth = false)=>{
+            if (!lineSmooth) return 'linear';
+            return isRadar(vseed) ? 'catmullRomClosed' : 'monotone';
+        };
+        const getCurveTension = (vseed, lineSmooth = false)=>{
+            if (!lineSmooth) return 0;
+            return isRadar(vseed) ? 0.4 : 0;
+        };
         const lineStyle_lineStyle = (spec, context)=>{
             const { advancedVSeed } = context;
             const { markStyle, datasetReshapeInfo, dataset } = advancedVSeed;
@@ -3280,7 +3296,8 @@
                     0,
                     0
                 ];
-                const curveType = lineSmooth ? 'monotone' : 'linear';
+                const curveType = getCurveType(context.vseed, lineSmooth);
+                const curveTension = getCurveTension(context.vseed, lineSmooth);
                 return {
                     ...result,
                     [`custom${index + 1}`]: {
@@ -3293,6 +3310,7 @@
                         style: {
                             visible: lineVisible,
                             curveType: curveType,
+                            curveTension: curveTension,
                             strokeOpacity: lineColorOpacity,
                             stroke: lineColor,
                             lineWidth: lineWidth,
@@ -3931,7 +3949,9 @@
                 }
             };
         };
-        const pivotGridStyle = (spec)=>{
+        const pivotGridStyle = (spec, context)=>{
+            const { vseed } = context;
+            const onlyCombination = !isPivot(vseed) && isCombination(vseed);
             const result = {
                 ...spec
             };
@@ -3940,8 +3960,8 @@
             const bodyFontColor = '#141414';
             const headerFontColor = '#21252c';
             const headerBackgroundColor = 'rgba(0,0,0,0)';
-            const hoverHeaderBackgroundColor = '#D9DDE4';
-            const hoverHeaderInlineBackgroundColor = '#D9DDE455';
+            const hoverHeaderBackgroundColor = onlyCombination ? transparent : '#D9DDE4';
+            const hoverHeaderInlineBackgroundColor = onlyCombination ? transparent : '#D9DDE455';
             return {
                 ...result,
                 theme: {
@@ -3952,7 +3972,7 @@
                         borderLineWidth: [
                             1,
                             1,
-                            0,
+                            1,
                             1
                         ],
                         bgColor: transparent,
@@ -5867,7 +5887,7 @@
         const areaStyle_areaStyle = (spec, context)=>{
             const { advancedVSeed } = context;
             const { markStyle, datasetReshapeInfo, dataset } = advancedVSeed;
-            const { areaStyle } = markStyle;
+            const { areaStyle, lineStyle } = markStyle;
             const { unfoldInfo } = datasetReshapeInfo[0];
             const result = {
                 ...spec,
@@ -5880,10 +5900,15 @@
             const areaStyles = Array.isArray(areaStyle) ? areaStyle : [
                 areaStyle
             ];
+            const lineStyles = Array.isArray(lineStyle) ? lineStyle : [
+                lineStyle
+            ];
             const group = unfoldInfo.encodingColorId;
             const areaGroups = chunk_HVPVHFDT_i(dataset, (d)=>d[group ?? '']);
             const customMap = areaStyles.reduce((result, style, index)=>{
                 const { areaColor, areaColorOpacity, areaVisible = true } = style;
+                const curveType = getCurveType(context.vseed, lineStyles[index]?.lineSmooth);
+                const curveTension = getCurveTension(context.vseed, lineStyles[index]?.lineSmooth);
                 return {
                     ...result,
                     [`custom${index + 1}`]: {
@@ -5894,6 +5919,8 @@
                             return false;
                         },
                         style: {
+                            curveType,
+                            curveTension,
                             visible: areaVisible,
                             fill: areaColor,
                             fillOpacity: areaColorOpacity
@@ -6450,7 +6477,8 @@
             const { advancedVSeed } = context;
             const { chartType, encoding } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
-            if (!baseConfig || !baseConfig.sizeRange && !baseConfig.size) return result;
+            const hasSizeEncoding = encoding?.size?.[0];
+            if (!hasSizeEncoding) return result;
             const size = baseConfig.size ?? baseConfig.sizeRange;
             result.size = {
                 type: 'linear',
@@ -7864,6 +7892,10 @@
             };
             return result;
         };
+        const pivotHideIndicatorName = (spec)=>({
+                ...spec,
+                hideIndicatorName: true
+            });
         const pie = [
             initPie,
             colorAdapter(color_color, linearColor),
@@ -7883,6 +7915,7 @@
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
+            pivotHideIndicatorName,
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initPie,
@@ -7975,6 +8008,7 @@
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
+            pivotHideIndicatorName,
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initDonut,
@@ -8196,6 +8230,7 @@
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
+            pivotHideIndicatorName,
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRose,
@@ -8313,6 +8348,7 @@
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
+            pivotHideIndicatorName,
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRoseParallel,
@@ -8534,6 +8570,7 @@
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
+            pivotHideIndicatorName,
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRadar,
@@ -8733,6 +8770,7 @@
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
+            pivotHideIndicatorName,
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initFunnel,
@@ -9348,7 +9386,11 @@
                                 visible: true
                             }
                         },
-                        crosshairLine
+                        crosshairLine,
+                        sizeRange: [
+                            8,
+                            24
+                        ]
                     },
                     dualAxis: {
                         ...baseConfig,
@@ -9683,7 +9725,11 @@
                                 visible: true
                             }
                         },
-                        crosshairLine
+                        crosshairLine,
+                        sizeRange: [
+                            8,
+                            24
+                        ]
                     },
                     dualAxis: {
                         ...baseConfig,
@@ -13635,7 +13681,9 @@
             legend: zLegend.nullish(),
             xAxis: zXLinearAxis.nullish(),
             yAxis: zYLinearAxis.nullish(),
-            crosshairLine: zCrosshairLine.nullish()
+            crosshairLine: zCrosshairLine.nullish(),
+            size: schemas_number().or(schemas_array(schemas_number())).nullish(),
+            sizeRange: schemas_number().or(schemas_array(schemas_number())).nullish()
         });
         const zRoseConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),