@visactor/vseed 0.1.18 → 0.1.20

package/dist/umd/index.js

@@ -950,6 +950,7 @@
                     highlightMode: 'row'
                 },
                 theme: {
+                    cellInnerBorder: false,
                     underlayBackgroundColor: backgroundColor
                 }
             };
@@ -1198,13 +1199,13 @@
                     inlineColumnBgColor: hoverInlineColor
                 },
                 frameStyle: {
-                    borderColor: [
-                        null,
-                        null,
-                        borderColor,
-                        null
-                    ],
-                    borderLineWidth: 1
+                    borderColor: borderColor,
+                    borderLineWidth: [
+                        0,
+                        0,
+                        1,
+                        0
+                    ]
                 },
                 fontSize: fontSize,
                 fontVariant: 'normal',
@@ -1227,7 +1228,7 @@
             const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
             result.theme.frameStyle = {
                 borderColor,
-                borderLineWidth: 0,
+                borderLineWidth: 1,
                 cornerRadius: 4
             };
             return result;
@@ -1513,6 +1514,7 @@
                     direction: 'row'
                 },
                 theme: {
+                    cellInnerBorder: false,
                     underlayBackgroundColor: backgroundColor
                 }
             };
@@ -1605,13 +1607,13 @@
                     inlineColumnBgColor: hoverInlineColor
                 },
                 frameStyle: {
-                    borderColor: [
-                        null,
-                        borderColor,
-                        null,
-                        null
-                    ],
-                    borderLineWidth: 1
+                    borderColor: borderColor,
+                    borderLineWidth: [
+                        0,
+                        1,
+                        0,
+                        0
+                    ]
                 },
                 fontSize: fontSize,
                 fontVariant: 'normal',
@@ -1656,13 +1658,13 @@
                     inlineColumnBgColor: hoverInlineColor || void 0
                 },
                 frameStyle: {
-                    borderColor: [
-                        null,
-                        borderColor,
-                        borderColor,
-                        null
-                    ],
-                    borderLineWidth: 1
+                    borderColor: borderColor,
+                    borderLineWidth: [
+                        0,
+                        1,
+                        1,
+                        0
+                    ]
                 },
                 fontSize: fontSize,
                 fontVariant: 'normal',
@@ -2994,15 +2996,7 @@
                 padding: 0,
                 field: unfoldInfo.encodingColor,
                 maxWidth: '30%',
-                startText: {
-                    visible: true,
-                    style: {
-                        fill: labelColor || labelFontColor,
-                        fontSize: labelFontSize,
-                        fontWeight: labelFontWeight
-                    }
-                },
-                endText: {
+                handlerText: {
                     visible: true,
                     style: {
                         fill: labelColor || labelFontColor,
@@ -3351,7 +3345,7 @@
             return formatter(percentValue);
         };
         const buildLabel = (label, vseedMeasures = [], vseedDimensions = [], advancedVSeedMeasures, encoding, foldInfoList)=>{
-            const { enable, wrap, showValue, showValuePercent, labelOverlap, labelColorSmartInvert, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {} } = label;
+            const { enable, wrap, showValue, showValuePercent, labelOverlap, labelColorSmartInvert, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {}, labelLayout } = label;
             const labelDims = T((vseedDimensions || []).filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
             const labelMeas = T((vseedMeasures || []).filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
             const percentFormat = chunk_5S4PYKVY_t(numFormat, {
@@ -3378,6 +3372,9 @@
                     return result.join(' ');
                 },
                 position: labelPosition,
+                layout: {
+                    align: labelLayout
+                },
                 style: {
                     fill: labelColor,
                     fontSize: labelFontSize,
@@ -3915,7 +3912,25 @@
                 records: [],
                 widthMode: 'adaptive',
                 heightMode: 'adaptive',
-                indicatorsAsCol: false
+                indicatorsAsCol: false,
+                select: {
+                    highlightMode: 'cell',
+                    headerSelectMode: 'inline'
+                },
+                hover: {
+                    highlightMode: 'cross'
+                },
+                tooltip: {
+                    isShowOverflowTextTooltip: true
+                },
+                corner: {
+                    titleOnDimension: 'all'
+                },
+                animationAppear: {
+                    duration: 600,
+                    type: 'all',
+                    direction: 'row'
+                }
             };
         };
         const pivotGridStyle = (spec)=>{
@@ -3923,106 +3938,148 @@
                 ...spec
             };
             const transparent = 'rgba(0,0,0,0)';
-            const hoverBackgroundColor = 'rgba(178,186,207, 0.2)';
+            const borderColor = '#e3e5eb';
+            const bodyFontColor = '#141414';
+            const headerFontColor = '#21252c';
+            const headerBackgroundColor = 'rgba(0,0,0,0)';
+            const hoverHeaderBackgroundColor = '#D9DDE4';
+            const hoverHeaderInlineBackgroundColor = '#D9DDE455';
             return {
                 ...result,
                 theme: {
                     underlayBackgroundColor: transparent,
                     bodyStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
+                        borderColor,
+                        color: bodyFontColor,
                         borderLineWidth: [
+                            1,
+                            1,
                             0,
-                            0,
-                            2,
-                            0
+                            1
                         ],
                         bgColor: transparent,
-                        padding: [
-                            0,
-                            0,
-                            1,
-                            0
-                        ],
                         hover: {
                             cellBgColor: 'transparent'
                         }
                     },
                     headerStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
+                        borderColor,
                         fontSize: 12,
-                        color: '#333333',
+                        borderLineWidth: 1,
+                        color: headerFontColor,
                         textAlign: 'center',
-                        borderLineWidth: 0,
-                        bgColor: transparent,
+                        bgColor: headerBackgroundColor,
                         hover: {
-                            cellBgColor: hoverBackgroundColor
+                            cellBgColor: hoverHeaderBackgroundColor,
+                            inlineRowBgColor: hoverHeaderInlineBackgroundColor || void 0,
+                            inlineColumnBgColor: hoverHeaderInlineBackgroundColor || void 0
                         }
                     },
                     rowHeaderStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
+                        borderColor,
                         fontSize: 12,
-                        color: '#333333',
-                        borderLineWidth: 0,
-                        bgColor: transparent,
+                        color: headerFontColor,
+                        borderLineWidth: 1,
+                        bgColor: headerBackgroundColor,
                         hover: {
-                            cellBgColor: hoverBackgroundColor
+                            cellBgColor: hoverHeaderBackgroundColor,
+                            inlineRowBgColor: hoverHeaderInlineBackgroundColor || void 0,
+                            inlineColumnBgColor: hoverHeaderInlineBackgroundColor || void 0
                         }
                     },
                     cornerHeaderStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
+                        borderColor,
                         textAlign: 'center',
                         fontSize: 12,
-                        color: '#333333',
+                        color: headerFontColor,
                         fontWeight: 'bold',
-                        borderLineWidth: [
-                            0,
-                            0,
-                            0,
-                            0
-                        ],
-                        bgColor: transparent,
+                        borderLineWidth: 1,
+                        bgColor: headerBackgroundColor,
+                        frameStyle: {
+                            borderColor,
+                            borderLineWidth: [
+                                1,
+                                0,
+                                0,
+                                1
+                            ]
+                        },
                         hover: {
-                            cellBgColor: hoverBackgroundColor
+                            cellBgColor: hoverHeaderBackgroundColor,
+                            inlineRowBgColor: hoverHeaderInlineBackgroundColor || void 0,
+                            inlineColumnBgColor: hoverHeaderInlineBackgroundColor || void 0
                         }
                     },
                     cornerRightTopCellStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
+                        borderColor,
                         borderLineWidth: 0,
-                        bgColor: transparent,
+                        frameStyle: {
+                            borderColor,
+                            borderLineWidth: [
+                                1,
+                                1,
+                                0,
+                                1
+                            ]
+                        },
+                        bgColor: headerBackgroundColor,
                         hover: {
-                            cellBgColor: hoverBackgroundColor
+                            cellBgColor: hoverHeaderBackgroundColor
                         }
                     },
                     cornerLeftBottomCellStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
-                        borderLineWidth: 0,
-                        bgColor: transparent,
+                        borderColor,
+                        borderLineWidth: [
+                            1,
+                            0,
+                            1,
+                            1
+                        ],
+                        bgColor: headerBackgroundColor,
+                        frameStyle: {
+                            borderColor,
+                            borderLineWidth: [
+                                1,
+                                0,
+                                1,
+                                1
+                            ]
+                        },
                         hover: {
-                            cellBgColor: hoverBackgroundColor
+                            cellBgColor: hoverHeaderBackgroundColor
                         }
                     },
                     cornerRightBottomCellStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
+                        borderColor,
                         borderLineWidth: 0,
-                        bgColor: transparent,
+                        bgColor: headerBackgroundColor,
+                        frameStyle: {
+                            borderColor,
+                            borderLineWidth: [
+                                1,
+                                1,
+                                1,
+                                1
+                            ]
+                        },
                         hover: {
-                            cellBgColor: hoverBackgroundColor
+                            cellBgColor: hoverHeaderBackgroundColor
                         }
                     },
                     rightFrozenStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
-                        borderLineWidth: 0,
-                        bgColor: transparent,
+                        borderColor,
+                        borderLineWidth: 1,
+                        bgColor: headerBackgroundColor,
                         hover: {
-                            cellBgColor: hoverBackgroundColor
+                            cellBgColor: hoverHeaderBackgroundColor
                         }
                     },
                     bottomFrozenStyle: {
-                        borderColor: 'rgba(0,4,20,0.2)',
-                        borderLineWidth: 0,
-                        bgColor: transparent,
+                        borderColor,
+                        borderLineWidth: 1,
+                        bgColor: headerBackgroundColor,
                         hover: {
-                            cellBgColor: hoverBackgroundColor
+                            cellBgColor: hoverHeaderBackgroundColor
                         }
                     },
                     selectionStyle: {
@@ -4030,8 +4087,8 @@
                         cellBorderColor: ''
                     },
                     frameStyle: {
-                        borderLineWidth: 0,
-                        bgColor: transparent
+                        borderColor,
+                        cornerRadius: 4
                     }
                 }
             };
@@ -4333,15 +4390,7 @@
                 min: min,
                 max: max,
                 maxWidth: '30%',
-                startText: {
-                    visible: true,
-                    style: {
-                        fill: labelColor || labelFontColor,
-                        fontSize: labelFontSize,
-                        fontWeight: labelFontWeight
-                    }
-                },
-                endText: {
+                handlerText: {
                     visible: true,
                     style: {
                         fill: labelColor || labelFontColor,
@@ -5037,7 +5086,7 @@
             markStyle_markStyle,
             annotation_annotation
         ];
-        const percent = (spec, context)=>{
+        const percent = (spec)=>{
             const result = {
                 ...spec
             };
@@ -8971,7 +9020,6 @@
                 datasetXY,
                 colorAdapter(color_color, linearColor),
                 label_label,
-                discreteLegend,
                 tooltipHeatmap,
                 colorCellStyleFill(cellStyle),
                 annotationPoint_annotationPoint,
@@ -9300,11 +9348,17 @@
                         ...baseConfig,
                         label: {
                             ...baseConfig.label,
-                            showValuePercent: true
+                            showValuePercent: true,
+                            labelLayout: 'labelLine'
                         }
                     },
                     donut: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            showValuePercent: true,
+                            labelLayout: 'labelLine'
+                        }
                     },
                     radar: {
                         ...baseConfig
@@ -9629,11 +9683,17 @@
                         ...baseConfig,
                         label: {
                             ...baseConfig.label,
-                            showValuePercent: true
+                            showValuePercent: true,
+                            labelLayout: 'labelLine'
                         }
                     },
                     donut: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            showValuePercent: true,
+                            labelLayout: 'labelLine'
+                        }
                     },
                     radar: {
                         ...baseConfig
@@ -13377,7 +13437,12 @@
             labelColor: schemas_string().nullish(),
             labelColorSmartInvert: schemas_boolean().nullish(),
             labelPosition: schemas_string().nullish(),
-            labelOverlap: schemas_boolean().nullish()
+            labelOverlap: schemas_boolean().nullish(),
+            labelLayout: schemas_enum([
+                'arc',
+                'labelLine',
+                'edge'
+            ]).nullish()
         });
         const zLegend = schemas_object({
             enable: schemas_boolean().default(true).nullish(),
@@ -13972,7 +14037,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXBandAxis.nullish(),
@@ -13997,7 +14064,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXBandAxis.nullish(),
@@ -14020,7 +14089,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXBandAxis.nullish(),
@@ -14043,7 +14114,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXBandAxis.nullish(),
@@ -14066,7 +14139,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXLinearAxis.nullish(),
@@ -14089,7 +14164,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXLinearAxis.nullish(),
@@ -14112,7 +14189,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXLinearAxis.nullish(),
@@ -14135,7 +14214,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXBandAxis.nullish(),
@@ -14159,7 +14240,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXBandAxis.nullish(),
@@ -14186,7 +14269,9 @@
             size: schemas_number().or(schemas_array(schemas_number())).nullish(),
             sizeRange: schemas_number().or(schemas_array(schemas_number())).nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             xAxis: zXLinearAxis.nullish(),
@@ -14213,7 +14298,9 @@
             xAxis: zXBandAxis.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
@@ -14238,7 +14325,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             theme: zTheme.nullish(),
@@ -14252,7 +14341,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             theme: zTheme.nullish(),
@@ -14294,7 +14385,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zLegend.nullish(),
             tooltip: zTooltip.nullish(),
             theme: zTheme.nullish(),
@@ -14308,7 +14401,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zColorLegend.nullish(),
             tooltip: zTooltip.nullish(),
             theme: zTheme.nullish(),
@@ -14321,7 +14416,9 @@
             measures: zMeasureTree.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
             color: zColor.nullish(),
-            label: zLabel.nullish(),
+            label: zLabel.omit({
+                labelLayout: true
+            }).nullish(),
             legend: zColorLegend.nullish(),
             tooltip: zTooltip.nullish(),
             theme: zTheme.nullish(),