@visactor/vseed 0.0.31 → 0.0.33

package/dist/index.js

@@ -175,7 +175,7 @@ const autoMeasures = (advancedVSeed, context)=>{
     const { measures, dataset } = vseed;
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (measures && measures.length > 0) {
+    if (measures) {
         result.measures = measures;
         return result;
     }
@@ -255,7 +255,7 @@ const autoDimensions = (advancedVSeed, context)=>{
     const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (dimensions && dimensions.length > 0) {
+    if (dimensions) {
         result.dimensions = dimensions;
         return result;
     }
@@ -552,7 +552,7 @@ const autoPivotMeasures = (advancedVSeed, context)=>{
     const measures = findAllMeasures(vseed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (measures && measures.length > 0) {
+    if (measures) {
         result.measures = findAllMeasures(measures);
         return result;
     }
@@ -615,7 +615,7 @@ const autoPivotDimensions = (advancedVSeed, context)=>{
     const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (dimensions && dimensions.length > 0) {
+    if (dimensions) {
         const newDimensions = findAllDimensions(dimensions);
         result.dimensions = newDimensions.map((item, index)=>{
             if ('rowDimension' === item.location || 'columnDimension' === item.location) return item;
@@ -1206,7 +1206,7 @@ const encodingXY = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -1954,7 +1954,7 @@ const discreteLegend = (spec, context)=>{
     const baseConfig = advancedVSeed.config[chartType];
     if (!baseConfig || !baseConfig.legend) return result;
     const { legend } = baseConfig;
-    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize, border, shapeType = 'rectRound' } = legend || {};
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
     const orient = [
         'bottom',
         'bottomLeft',
@@ -1996,8 +1996,8 @@ const discreteLegend = (spec, context)=>{
     result.legends = {
         type: 'discrete',
         visible: enable,
-        maxCol: maxSize,
-        maxRow: maxSize,
+        maxCol: Math.max(1, maxSize),
+        maxRow: Math.max(1, maxSize),
         autoPage: true,
         orient,
         position: legendPosition,
@@ -2011,7 +2011,7 @@ const discreteLegend = (spec, context)=>{
             }) : void 0,
         item: {
             focus: true,
-            maxWidth: 260,
+            maxWidth: '30%',
             focusIconStyle: {
                 size: labelFontSize + 2,
                 fill: labelFontColor,
@@ -2303,7 +2303,7 @@ const annotationPoint_annotationPoint = (spec, context)=>{
         annotationPoint
     ];
     const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-        const { selector: selectorPoint, text = '', textColor = '#cccccc', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'middle', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return selectedData.map((datum)=>({
@@ -2335,7 +2335,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                             stroke: backgroundColor,
                             lineWidth: 1,
                             fontSize: textFontSize,
-                            fontWeight: textFontWeight
+                            fontWeight: textFontWeight,
+                            dy: textFontSize
                         },
                         labelBackground: {
                             visible: backgroundVisible,
@@ -2344,7 +2345,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                                 cornerRadius: backgroundBorderRadius ?? 4,
                                 fill: backgroundColor,
                                 stroke: backgroundBorderColor,
-                                lineWidth: backgroundBorderWidth
+                                lineWidth: backgroundBorderWidth,
+                                dy: textFontSize
                             }
                         }
                     }
@@ -2373,7 +2375,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#cccccc', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundVisible = true, backgroundBorderColor = '#212121', backgroundColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, lineVisible = true, lineColor = '#212121', lineWidth = 1, lineStyle = 'dashed', offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (x)=>({
                 x: x,
@@ -2415,6 +2417,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
                         visible: backgroundVisible,
                         padding: backgroundPadding,
                         style: {
+                            dy: textFontSize,
                             cornerRadius: backgroundBorderRadius ?? 4,
                             fill: backgroundColor,
                             stroke: backgroundBorderColor,
@@ -2424,6 +2427,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
                 },
                 endSymbol: {
                     visible: true,
+                    size: 10 + lineWidth,
                     style: {
                         dy: 4,
                         fill: lineColor
@@ -2470,7 +2474,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'bottom', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, backgroundVisible = true, backgroundColor = '#212121', backgroundBorderColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (y)=>({
                 y,
@@ -2512,6 +2516,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                         visible: backgroundVisible,
                         padding: backgroundPadding,
                         style: {
+                            dy: textFontSize,
                             cornerRadius: backgroundBorderRadius ?? 4,
                             fill: backgroundColor,
                             stroke: backgroundBorderColor,
@@ -2521,6 +2526,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                 },
                 endSymbol: {
                     visible: true,
+                    size: 10 + lineWidth,
                     style: {
                         dx: -4,
                         fill: lineColor
@@ -2569,7 +2575,7 @@ const annotationArea_annotationArea = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 10, backgroundVisible = true, outerPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX = 0, offsetY = 0 } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -2639,6 +2645,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
@@ -2651,6 +2658,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -2944,7 +2952,7 @@ const pivotDiscreteLegend = (spec, context)=>{
         }), {});
     const { legend, color } = baseConfig;
     const { colorScheme } = color;
-    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize, border, shapeType = 'rectRound' } = legend || {};
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
     const orient = [
         'bottom',
         'bottomLeft',
@@ -2988,8 +2996,8 @@ const pivotDiscreteLegend = (spec, context)=>{
         type: 'discrete',
         orient,
         position: legendPosition,
-        maxCol: maxSize,
-        maxRow: maxSize,
+        maxCol: Math.max(1, maxSize),
+        maxRow: Math.max(1, maxSize),
         data: colorItems.map((d, index)=>({
                 label: d,
                 shape: {
@@ -3003,7 +3011,7 @@ const pivotDiscreteLegend = (spec, context)=>{
             })),
         item: {
             focus: true,
-            maxWidth: 260,
+            maxWidth: '30%',
             focusIconStyle: {
                 size: labelFontSize + 2,
                 fill: labelFontColor,
@@ -3406,7 +3414,7 @@ const annotationAreaBand = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 4, backgroundVisible = true, outerPadding = 8, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX, offsetY } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -3480,6 +3488,7 @@ const annotationAreaBand = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     stroke: backgroundColor,
@@ -3492,6 +3501,7 @@ const annotationAreaBand = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -3753,7 +3763,7 @@ const encodingYX = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const yDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const yDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -4673,8 +4683,8 @@ const encodingXYY = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions || !measures) return result;
+    const { datasetReshapeInfo, measures } = advancedVSeed;
+    if (!datasetReshapeInfo || !measures) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur, index)=>{
         const measure = measures[index];
         if ('children' in measure) {
@@ -5409,8 +5419,8 @@ const encodingPie = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    if (!datasetReshapeInfo) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const radius = [
@@ -5629,7 +5639,7 @@ const encodingRose = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions || !measures) return result;
-    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const is1D1M = 1 === dimensions.length && 1 === measures.length;
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
@@ -5943,7 +5953,7 @@ const encodingAR = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions || !measures) return result;
-    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -6116,8 +6126,8 @@ const encodingFunnel = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    if (!datasetReshapeInfo) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const size = [
@@ -6329,7 +6339,7 @@ const encodingMatrix = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -7826,20 +7836,20 @@ const zAnnotationVerticalLine = z.object({
         'middle',
         'bottom'
     ]).default('top').optional(),
-    lineVisible: z.boolean().optional(),
-    lineColor: z.string().optional(),
-    lineWidth: z.number().optional(),
+    lineVisible: z.boolean().default(true).optional(),
+    lineColor: z.string().default('#212121').optional(),
+    lineWidth: z.number().default(1).optional(),
     lineStyle: z.union([
         z.literal('solid'),
         z.literal('dashed'),
         z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: z.boolean().default(true).optional(),
     backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().optional(),
-    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundBorderColor: z.string().default('#212121').optional(),
     backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional(),
+    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundPadding: z.number().default(2).optional(),
     offsetX: z.number().default(0),
     offsetY: z.number().default(0)
 });
@@ -7864,7 +7874,7 @@ const zAnnotationHorizontalLine = z.object({
         'insideStart',
         'insideMiddle',
         'insideEnd'
-    ]).default('insideMiddle').optional(),
+    ]).default('insideEnd').optional(),
     textColor: z.string().default('#ffffff').optional(),
     textFontSize: z.number().default(12).optional(),
     textFontWeight: z.number().default(400).optional(),
@@ -7872,26 +7882,26 @@ const zAnnotationHorizontalLine = z.object({
         'left',
         'right',
         'center'
-    ]).default('center').optional(),
+    ]).default('right').optional(),
     textBaseline: z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('bottom').optional(),
-    lineVisible: z.boolean().optional(),
-    lineColor: z.string().optional(),
-    lineWidth: z.number().optional(),
+    ]).default('top').optional(),
+    lineVisible: z.boolean().default(true).optional(),
+    lineColor: z.string().default('#212121').optional(),
+    lineWidth: z.number().default(1).optional(),
     lineStyle: z.union([
         z.literal('solid'),
         z.literal('dashed'),
         z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: z.boolean().default(true).optional(),
     backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().optional(),
-    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundBorderColor: z.string().default('#212121').optional(),
     backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional(),
+    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundPadding: z.number().default(2).optional(),
     offsetX: z.number().default(0),
     offsetY: z.number().default(0)
 });
@@ -7923,21 +7933,21 @@ const zAnnotationArea = z.object({
         'top',
         'middle',
         'bottom'
-    ]).default('middle').optional(),
+    ]).default('top').optional(),
     backgroundVisible: z.boolean().default(true).optional(),
-    backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().optional(),
+    backgroundColor: z.string().default('#191d24').optional(),
+    backgroundBorderColor: z.string().default('#191d24').optional(),
     backgroundBorderWidth: z.number().default(1).optional(),
     backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional(),
-    areaColor: z.string().default('red').optional(),
-    areaColorOpacity: z.number().default(0.5).optional(),
-    areaBorderColor: z.number().optional(),
-    areaBorderWidth: z.number().default(2).optional(),
+    backgroundPadding: z.number().default(4).optional(),
+    areaColor: z.string().default('#888888').optional(),
+    areaColorOpacity: z.number().default(0.15).optional(),
+    areaBorderColor: z.string().default('#888888').optional(),
+    areaBorderWidth: z.number().default(1).optional(),
     areaBorderRadius: z.number().default(4).optional(),
-    outerPadding: z.number().optional(),
-    offsetX: z.number().optional(),
-    offsetY: z.number().optional()
+    outerPadding: z.number().default(4).optional(),
+    offsetX: z.number().default(0).optional(),
+    offsetY: z.number().default(0).optional()
 });
 const zAnnotation = z.object({
     annotationPoint: zAnnotationPoint.or(z.array(zAnnotationPoint)).optional(),