@visactor/vseed 0.0.31 → 0.0.33

package/dist/umd/index.js

@@ -489,7 +489,7 @@
             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;
             }
@@ -569,7 +569,7 @@
             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;
             }
@@ -924,7 +924,7 @@
             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;
             }
@@ -987,7 +987,7 @@
             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;
@@ -1599,7 +1599,7 @@
             };
             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;
@@ -2370,7 +2370,7 @@
             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',
@@ -2412,8 +2412,8 @@
             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,
@@ -2427,7 +2427,7 @@
                     }) : void 0,
                 item: {
                     focus: true,
-                    maxWidth: 260,
+                    maxWidth: '30%',
                     focusIconStyle: {
                         size: labelFontSize + 2,
                         fill: labelFontColor,
@@ -2735,7 +2735,7 @@
                 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)=>({
@@ -2767,7 +2767,8 @@
                                     stroke: backgroundColor,
                                     lineWidth: 1,
                                     fontSize: textFontSize,
-                                    fontWeight: textFontWeight
+                                    fontWeight: textFontWeight,
+                                    dy: textFontSize
                                 },
                                 labelBackground: {
                                     visible: backgroundVisible,
@@ -2776,7 +2777,8 @@
                                         cornerRadius: backgroundBorderRadius ?? 4,
                                         fill: backgroundColor,
                                         stroke: backgroundBorderColor,
-                                        lineWidth: backgroundBorderWidth
+                                        lineWidth: backgroundBorderWidth,
+                                        dy: textFontSize
                                     }
                                 }
                             }
@@ -2811,7 +2813,7 @@
                 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,
@@ -2853,6 +2855,7 @@
                                 visible: backgroundVisible,
                                 padding: backgroundPadding,
                                 style: {
+                                    dy: textFontSize,
                                     cornerRadius: backgroundBorderRadius ?? 4,
                                     fill: backgroundColor,
                                     stroke: backgroundBorderColor,
@@ -2862,6 +2865,7 @@
                         },
                         endSymbol: {
                             visible: true,
+                            size: 10 + lineWidth,
                             style: {
                                 dy: 4,
                                 fill: lineColor
@@ -2908,7 +2912,7 @@
                 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,
@@ -2950,6 +2954,7 @@
                                 visible: backgroundVisible,
                                 padding: backgroundPadding,
                                 style: {
+                                    dy: textFontSize,
                                     cornerRadius: backgroundBorderRadius ?? 4,
                                     fill: backgroundColor,
                                     stroke: backgroundBorderColor,
@@ -2959,6 +2964,7 @@
                         },
                         endSymbol: {
                             visible: true,
+                            size: 10 + lineWidth,
                             style: {
                                 dx: -4,
                                 fill: lineColor
@@ -3007,7 +3013,7 @@
                 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 {
@@ -3077,6 +3083,7 @@
                         visible: true,
                         text: text,
                         style: {
+                            dy: textFontSize,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
                             fill: textColor,
@@ -3089,6 +3096,7 @@
                             visible: backgroundVisible,
                             padding: backgroundPadding,
                             style: {
+                                dy: textFontSize,
                                 cornerRadius: backgroundBorderRadius ?? 4,
                                 fill: backgroundColor,
                                 stroke: backgroundBorderColor,
@@ -3382,7 +3390,7 @@
                 }), {});
             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',
@@ -3426,8 +3434,8 @@
                 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: {
@@ -3441,7 +3449,7 @@
                     })),
                 item: {
                     focus: true,
-                    maxWidth: 260,
+                    maxWidth: '30%',
                     focusIconStyle: {
                         size: labelFontSize + 2,
                         fill: labelFontColor,
@@ -3844,7 +3852,7 @@
                 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 {
@@ -3918,6 +3926,7 @@
                         visible: true,
                         text: text,
                         style: {
+                            dy: textFontSize,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
                             stroke: backgroundColor,
@@ -3930,6 +3939,7 @@
                             visible: backgroundVisible,
                             padding: backgroundPadding,
                             style: {
+                                dy: textFontSize,
                                 cornerRadius: backgroundBorderRadius ?? 4,
                                 fill: backgroundColor,
                                 stroke: backgroundBorderColor,
@@ -4191,7 +4201,7 @@
             };
             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;
@@ -5111,8 +5121,8 @@
             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) {
@@ -5847,8 +5857,8 @@
             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 = [
@@ -6067,7 +6077,7 @@
             };
             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)=>{
@@ -6381,7 +6391,7 @@
             };
             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;
@@ -6554,8 +6564,8 @@
             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 = [
@@ -6767,7 +6777,7 @@
             };
             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;
@@ -11547,20 +11557,20 @@
                 'middle',
                 'bottom'
             ]).default('top').optional(),
-            lineVisible: schemas_boolean().optional(),
-            lineColor: schemas_string().optional(),
-            lineWidth: schemas_number().optional(),
+            lineVisible: schemas_boolean().default(true).optional(),
+            lineColor: schemas_string().default('#212121').optional(),
+            lineWidth: schemas_number().default(1).optional(),
             lineStyle: union([
                 literal('solid'),
                 literal('dashed'),
                 literal('dotted')
-            ]).optional(),
+            ]).default('dashed').optional(),
             backgroundVisible: schemas_boolean().default(true).optional(),
             backgroundColor: schemas_string().default('#212121').optional(),
-            backgroundBorderColor: schemas_string().optional(),
-            backgroundBorderWidth: schemas_number().default(1).optional(),
+            backgroundBorderColor: schemas_string().default('#212121').optional(),
             backgroundBorderRadius: schemas_number().default(4).optional(),
-            backgroundPadding: schemas_number().optional(),
+            backgroundBorderWidth: schemas_number().default(1).optional(),
+            backgroundPadding: schemas_number().default(2).optional(),
             offsetX: schemas_number().default(0),
             offsetY: schemas_number().default(0)
         });
@@ -11585,7 +11595,7 @@
                 'insideStart',
                 'insideMiddle',
                 'insideEnd'
-            ]).default('insideMiddle').optional(),
+            ]).default('insideEnd').optional(),
             textColor: schemas_string().default('#ffffff').optional(),
             textFontSize: schemas_number().default(12).optional(),
             textFontWeight: schemas_number().default(400).optional(),
@@ -11593,26 +11603,26 @@
                 'left',
                 'right',
                 'center'
-            ]).default('center').optional(),
+            ]).default('right').optional(),
             textBaseline: schemas_enum([
                 'top',
                 'middle',
                 'bottom'
-            ]).default('bottom').optional(),
-            lineVisible: schemas_boolean().optional(),
-            lineColor: schemas_string().optional(),
-            lineWidth: schemas_number().optional(),
+            ]).default('top').optional(),
+            lineVisible: schemas_boolean().default(true).optional(),
+            lineColor: schemas_string().default('#212121').optional(),
+            lineWidth: schemas_number().default(1).optional(),
             lineStyle: union([
                 literal('solid'),
                 literal('dashed'),
                 literal('dotted')
-            ]).optional(),
+            ]).default('dashed').optional(),
             backgroundVisible: schemas_boolean().default(true).optional(),
             backgroundColor: schemas_string().default('#212121').optional(),
-            backgroundBorderColor: schemas_string().optional(),
-            backgroundBorderWidth: schemas_number().default(1).optional(),
+            backgroundBorderColor: schemas_string().default('#212121').optional(),
             backgroundBorderRadius: schemas_number().default(4).optional(),
-            backgroundPadding: schemas_number().optional(),
+            backgroundBorderWidth: schemas_number().default(1).optional(),
+            backgroundPadding: schemas_number().default(2).optional(),
             offsetX: schemas_number().default(0),
             offsetY: schemas_number().default(0)
         });
@@ -11644,21 +11654,21 @@
                 'top',
                 'middle',
                 'bottom'
-            ]).default('middle').optional(),
+            ]).default('top').optional(),
             backgroundVisible: schemas_boolean().default(true).optional(),
-            backgroundColor: schemas_string().default('#212121').optional(),
-            backgroundBorderColor: schemas_string().optional(),
+            backgroundColor: schemas_string().default('#191d24').optional(),
+            backgroundBorderColor: schemas_string().default('#191d24').optional(),
             backgroundBorderWidth: schemas_number().default(1).optional(),
             backgroundBorderRadius: schemas_number().default(4).optional(),
-            backgroundPadding: schemas_number().optional(),
-            areaColor: schemas_string().default('red').optional(),
-            areaColorOpacity: schemas_number().default(0.5).optional(),
-            areaBorderColor: schemas_number().optional(),
-            areaBorderWidth: schemas_number().default(2).optional(),
+            backgroundPadding: schemas_number().default(4).optional(),
+            areaColor: schemas_string().default('#888888').optional(),
+            areaColorOpacity: schemas_number().default(0.15).optional(),
+            areaBorderColor: schemas_string().default('#888888').optional(),
+            areaBorderWidth: schemas_number().default(1).optional(),
             areaBorderRadius: schemas_number().default(4).optional(),
-            outerPadding: schemas_number().optional(),
-            offsetX: schemas_number().optional(),
-            offsetY: schemas_number().optional()
+            outerPadding: schemas_number().default(4).optional(),
+            offsetX: schemas_number().default(0).optional(),
+            offsetY: schemas_number().default(0).optional()
         });
         const zAnnotation = schemas_object({
             annotationPoint: zAnnotationPoint.or(schemas_array(zAnnotationPoint)).optional(),