From 2f68e70f44b2b9212763040af1470213c80f7ea4 Mon Sep 17 00:00:00 2001 From: lijinke666 Date: Mon, 20 Nov 2023 13:57:00 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=BC=E5=AE=B9=E6=9A=97=E9=BB=91?= =?UTF-8?q?=E6=A8=A1=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../__snapshots__/theme-spec.ts.snap | 2190 ++++++++++++++++- .../__tests__/spreadsheet/theme-spec.ts | 12 + packages/s2-core/src/theme/palette/dark.ts | 2 +- .../__snapshots__/pagination-spec.tsx.snap | 769 ------ .../__tests__/spreadsheet/pagination-spec.tsx | 2 - .../__snapshots__/index-spec.tsx.snap | 2 +- .../playground/components/CustomGrid.tsx | 4 + .../playground/components/CustomTree.tsx | 22 +- .../playground/components/EditableSheet.tsx | 25 +- .../components/GridAnalysisSheet.tsx | 24 +- .../s2-react/playground/components/Mobile.tsx | 17 +- .../playground/components/StrategySheet.tsx | 5 +- .../playground/context/playground.context.ts | 17 + packages/s2-react/playground/index.less | 4 +- packages/s2-react/playground/index.tsx | 1888 +++++++------- .../src/components/config-provider/index.tsx | 31 +- .../src/components/drill-down/index.tsx | 75 +- .../s2-react/src/components/sheets/index.tsx | 6 +- .../components/sheets/pivot-sheet/index.tsx | 15 +- .../components/tooltip/components/summary.tsx | 18 +- .../src/components/tooltip/custom-tooltip.tsx | 23 +- .../src/context/SpreadSheetContext.tsx | 2 +- packages/s2-shared/src/styles/drill-down.less | 7 +- 23 files changed, 3314 insertions(+), 1846 deletions(-) delete mode 100644 packages/s2-react/__tests__/spreadsheet/__snapshots__/pagination-spec.tsx.snap create mode 100644 packages/s2-react/playground/context/playground.context.ts diff --git a/packages/s2-core/__tests__/spreadsheet/__snapshots__/theme-spec.ts.snap b/packages/s2-core/__tests__/spreadsheet/__snapshots__/theme-spec.ts.snap index 83f875da4a..5c58a90cbd 100644 --- a/packages/s2-core/__tests__/spreadsheet/__snapshots__/theme-spec.ts.snap +++ b/packages/s2-core/__tests__/spreadsheet/__snapshots__/theme-spec.ts.snap @@ -1,5 +1,1053 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP +exports[`SpreadSheet Theme Tests Theme Default Value Tests should get colorful theme 1`] = ` +Object { + "background": Object { + "color": "#FFFFFF", + "opacity": 1, + }, + "colCell": Object { + "bolderText": Object { + "fill": "#FFFFFF", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#3471F9", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#5286FA", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#2C60D4", + "backgroundOpacity": 0.6, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#2C60D4", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#5286FA", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#FFFFFF", + "margin": Object { + "bottom": 6, + "left": 4, + "right": 4, + "top": 6, + }, + "size": 10, + }, + "measureText": Object { + "fill": "#FFFFFF", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "text": Object { + "fill": "#FFFFFF", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + }, + "cornerCell": Object { + "bolderText": Object { + "fill": "#FFFFFF", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#3471F9", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#5286FA", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#5286FA", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#FFFFFF", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "text": Object { + "fill": "#FFFFFF", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "dataCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#2C60D4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#FFFFFF", + "backgroundColorOpacity": 1, + "crossBackgroundColor": "#F5F8FF", + "horizontalBorderColor": "#E1EAFE", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E1EAFE", + "backgroundOpacity": 0.6, + }, + "hoverFocus": Object { + "backgroundColor": "#E1EAFE", + "backgroundOpacity": 0.6, + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E1EAFE", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + }, + "verticalBorderColor": "#E1EAFE", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "miniChart": Object { + "bar": Object { + "fill": "#2C60D4", + "intervalPadding": 4, + "opacity": 1, + }, + "bullet": Object { + "backgroundColor": "#E9E9E9", + "comparativeMeasure": Object { + "fill": "#000000", + "height": 12, + "opacity": 0.25, + "width": 1, + }, + "progressBar": Object { + "height": 10, + "innerHeight": 6, + "widthPercent": 0.6, + }, + "rangeColors": Object { + "bad": "#FF4D4F", + "good": "#29A294", + "satisfactory": "#FAAD14", + }, + }, + "interval": Object { + "fill": "#3471F9", + "height": 12, + }, + "line": Object { + "linkLine": Object { + "fill": "#2C60D4", + "opacity": 0.6, + "size": 1.5, + }, + "point": Object { + "fill": "#2C60D4", + "opacity": 1, + "size": 2.2, + }, + }, + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#2C60D4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "mergedCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#2C60D4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#FFFFFF", + "backgroundColorOpacity": 1, + "crossBackgroundColor": "#F5F8FF", + "horizontalBorderColor": "#E1EAFE", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E1EAFE", + "backgroundOpacity": 0.6, + }, + "hoverFocus": Object { + "backgroundColor": "#E1EAFE", + "backgroundOpacity": 0.6, + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E1EAFE", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + }, + "verticalBorderColor": "#E1EAFE", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "miniChart": Object { + "bar": Object { + "fill": "#2C60D4", + "intervalPadding": 4, + "opacity": 1, + }, + "bullet": Object { + "backgroundColor": "#E9E9E9", + "comparativeMeasure": Object { + "fill": "#000000", + "height": 12, + "opacity": 0.25, + "width": 1, + }, + "progressBar": Object { + "height": 10, + "innerHeight": 6, + "widthPercent": 0.6, + }, + "rangeColors": Object { + "bad": "#FF4D4F", + "good": "#29A294", + "satisfactory": "#FAAD14", + }, + }, + "interval": Object { + "fill": "#3471F9", + "height": 12, + }, + "line": Object { + "linkLine": Object { + "fill": "#2C60D4", + "opacity": 0.6, + "size": 1.5, + }, + "point": Object { + "fill": "#2C60D4", + "opacity": 1, + "size": 2.2, + }, + }, + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#2C60D4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "prepareSelectMask": Object { + "backgroundColor": "#2C60D4", + "backgroundOpacity": 0.3, + }, + "resizeArea": Object { + "background": "#3471F9", + "backgroundOpacity": 0, + "guideLineColor": "#3471F9", + "guideLineDash": Array [ + 3, + 3, + ], + "guideLineDisableColor": "rgba(0,0,0,0.25)", + "interactionState": Object { + "hover": Object { + "backgroundColor": "#3471F9", + "backgroundOpacity": 1, + }, + }, + "size": 3, + }, + "rowCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#2C60D4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#F5F8FF", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#E1EAFE", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E1EAFE", + "backgroundOpacity": 0.6, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E1EAFE", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#E1EAFE", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "measureText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#2C60D4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "seriesNumberWidth": 80, + "seriesText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#2C60D4", + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#2C60D4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + }, + "scrollBar": Object { + "hoverSize": 8, + "lineCap": "round", + "size": 6, + "thumbColor": "rgba(0,0,0,0.15)", + "thumbHorizontalMinSize": 32, + "thumbHoverColor": "rgba(0,0,0,0.25)", + "thumbVerticalMinSize": 32, + "trackColor": "rgba(0,0,0,0.01)", + }, + "splitLine": Object { + "horizontalBorderColor": "#3471F9", + "horizontalBorderColorOpacity": 0.2, + "horizontalBorderWidth": 2, + "shadowColors": Object { + "left": "rgba(0,0,0,0.1)", + "right": "rgba(0,0,0,0)", + }, + "shadowWidth": 8, + "showShadow": true, + "verticalBorderColor": "#5286FA", + "verticalBorderColorOpacity": 0.25, + "verticalBorderWidth": 2, + }, +} +`; + +exports[`SpreadSheet Theme Tests Theme Default Value Tests should get dark theme 1`] = ` +Object { + "background": Object { + "color": "#191919", + "opacity": 1, + }, + "colCell": Object { + "bolderText": Object { + "fill": "#ffffff", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#133aad", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#0647b1", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#4b91ff", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + }, + "prepareSelect": Object { + "borderColor": "#dcdcdc", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#0647b1", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#ffffff", + "margin": Object { + "bottom": 6, + "left": 4, + "right": 4, + "top": 6, + }, + "size": 10, + }, + "measureText": Object { + "fill": "#ffffff", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "text": Object { + "fill": "#ffffff", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + }, + "cornerCell": Object { + "bolderText": Object { + "fill": "#ffffff", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#133aad", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#0647b1", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#0647b1", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#ffffff", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "text": Object { + "fill": "#ffffff", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "dataCell": Object { + "bolderText": Object { + "fill": "#f0f0f0", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#4b91ff", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#191919", + "backgroundColorOpacity": 1, + "crossBackgroundColor": "#151a27", + "horizontalBorderColor": "#1e2436", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#4b91ff", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + }, + "hoverFocus": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + "borderColor": "#dcdcdc", + "borderOpacity": 1, + "borderWidth": 1, + }, + "prepareSelect": Object { + "borderColor": "#dcdcdc", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + }, + "verticalBorderColor": "#1e2436", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#f0f0f0", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "miniChart": Object { + "bar": Object { + "fill": "#4b91ff", + "intervalPadding": 4, + "opacity": 1, + }, + "bullet": Object { + "backgroundColor": "#E9E9E9", + "comparativeMeasure": Object { + "fill": "#f0f0f0", + "height": 12, + "opacity": 0.25, + "width": 1, + }, + "progressBar": Object { + "height": 10, + "innerHeight": 6, + "widthPercent": 0.6, + }, + "rangeColors": Object { + "bad": "#FF4D4F", + "good": "#29A294", + "satisfactory": "#FAAD14", + }, + }, + "interval": Object { + "fill": "#4b91ff", + "height": 12, + }, + "line": Object { + "linkLine": Object { + "fill": "#4b91ff", + "opacity": 0.6, + "size": 1.5, + }, + "point": Object { + "fill": "#4b91ff", + "opacity": 1, + "size": 2.2, + }, + }, + }, + "text": Object { + "fill": "#f0f0f0", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#4b91ff", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "mergedCell": Object { + "bolderText": Object { + "fill": "#f0f0f0", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#4b91ff", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#191919", + "backgroundColorOpacity": 1, + "crossBackgroundColor": "#151a27", + "horizontalBorderColor": "#1e2436", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#4b91ff", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + }, + "hoverFocus": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + "borderColor": "#dcdcdc", + "borderOpacity": 1, + "borderWidth": 1, + }, + "prepareSelect": Object { + "borderColor": "#dcdcdc", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + }, + "verticalBorderColor": "#1e2436", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#f0f0f0", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "miniChart": Object { + "bar": Object { + "fill": "#4b91ff", + "intervalPadding": 4, + "opacity": 1, + }, + "bullet": Object { + "backgroundColor": "#E9E9E9", + "comparativeMeasure": Object { + "fill": "#f0f0f0", + "height": 12, + "opacity": 0.25, + "width": 1, + }, + "progressBar": Object { + "height": 10, + "innerHeight": 6, + "widthPercent": 0.6, + }, + "rangeColors": Object { + "bad": "#FF4D4F", + "good": "#29A294", + "satisfactory": "#FAAD14", + }, + }, + "interval": Object { + "fill": "#4b91ff", + "height": 12, + }, + "line": Object { + "linkLine": Object { + "fill": "#4b91ff", + "opacity": 0.6, + "size": 1.5, + }, + "point": Object { + "fill": "#4b91ff", + "opacity": 1, + "size": 2.2, + }, + }, + }, + "text": Object { + "fill": "#f0f0f0", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#4b91ff", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "prepareSelectMask": Object { + "backgroundColor": "#255dff", + "backgroundOpacity": 0.3, + }, + "resizeArea": Object { + "background": "#4b91ff", + "backgroundOpacity": 0, + "guideLineColor": "#4b91ff", + "guideLineDash": Array [ + 3, + 3, + ], + "guideLineDisableColor": "rgba(0,0,0,0.25)", + "interactionState": Object { + "hover": Object { + "backgroundColor": "#4b91ff", + "backgroundOpacity": 1, + }, + }, + "size": 3, + }, + "rowCell": Object { + "bolderText": Object { + "fill": "#dcdcdc", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#4b91ff", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#151a27", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#1e2436", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#4b91ff", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + }, + "prepareSelect": Object { + "borderColor": "#dcdcdc", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#213f94", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#1e2436", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#dcdcdc", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "measureText": Object { + "fill": "#dcdcdc", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#4b91ff", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "seriesNumberWidth": 80, + "seriesText": Object { + "fill": "#dcdcdc", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#4b91ff", + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + "text": Object { + "fill": "#dcdcdc", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#4b91ff", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + }, + "scrollBar": Object { + "hoverSize": 8, + "lineCap": "round", + "size": 6, + "thumbColor": "rgba(0,0,0,0.15)", + "thumbHorizontalMinSize": 32, + "thumbHoverColor": "rgba(0,0,0,0.25)", + "thumbVerticalMinSize": 32, + "trackColor": "rgba(0,0,0,0.01)", + }, + "splitLine": Object { + "horizontalBorderColor": "#7899ff", + "horizontalBorderColorOpacity": 0.2, + "horizontalBorderWidth": 2, + "shadowColors": Object { + "left": "rgba(0,0,0,0.1)", + "right": "rgba(0,0,0,0)", + }, + "shadowWidth": 8, + "showShadow": true, + "verticalBorderColor": "#7899ff", + "verticalBorderColorOpacity": 0.25, + "verticalBorderWidth": 2, + }, +} +`; + exports[`SpreadSheet Theme Tests Theme Default Value Tests should get default theme 1`] = ` Object { "background": Object { @@ -17,9 +1065,1057 @@ Object { "textBaseline": "middle", }, "cell": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#E0E9FD", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#CCDBFC", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#CCDBFC", + "backgroundOpacity": 0.6, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#CCDBFC", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#CCDBFC", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "bottom": 6, + "left": 4, + "right": 4, + "top": 6, + }, + "size": 10, + }, + "measureText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + }, + "cornerCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#E0E9FD", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#CCDBFC", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#CCDBFC", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "dataCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#FFFFFF", + "backgroundColorOpacity": 1, + "crossBackgroundColor": "#F5F8FE", + "horizontalBorderColor": "#E0E9FD", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "hoverFocus": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + }, + "verticalBorderColor": "#E0E9FD", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "miniChart": Object { + "bar": Object { + "fill": "#326EF4", + "intervalPadding": 4, + "opacity": 1, + }, + "bullet": Object { + "backgroundColor": "#E9E9E9", + "comparativeMeasure": Object { + "fill": "#000000", + "height": 12, + "opacity": 0.25, + "width": 1, + }, + "progressBar": Object { + "height": 10, + "innerHeight": 6, + "widthPercent": 0.6, + }, + "rangeColors": Object { + "bad": "#FF4D4F", + "good": "#29A294", + "satisfactory": "#FAAD14", + }, + }, + "interval": Object { + "fill": "#326EF4", + "height": 12, + }, + "line": Object { + "linkLine": Object { + "fill": "#326EF4", + "opacity": 0.6, + "size": 1.5, + }, + "point": Object { + "fill": "#326EF4", + "opacity": 1, + "size": 2.2, + }, + }, + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "mergedCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#FFFFFF", + "backgroundColorOpacity": 1, + "crossBackgroundColor": "#F5F8FE", + "horizontalBorderColor": "#E0E9FD", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "hoverFocus": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + }, + "verticalBorderColor": "#E0E9FD", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "miniChart": Object { + "bar": Object { + "fill": "#326EF4", + "intervalPadding": 4, + "opacity": 1, + }, + "bullet": Object { + "backgroundColor": "#E9E9E9", + "comparativeMeasure": Object { + "fill": "#000000", + "height": 12, + "opacity": 0.25, + "width": 1, + }, + "progressBar": Object { + "height": 10, + "innerHeight": 6, + "widthPercent": 0.6, + }, + "rangeColors": Object { + "bad": "#FF4D4F", + "good": "#29A294", + "satisfactory": "#FAAD14", + }, + }, + "interval": Object { + "fill": "#326EF4", + "height": 12, + }, + "line": Object { + "linkLine": Object { + "fill": "#326EF4", + "opacity": 0.6, + "size": 1.5, + }, + "point": Object { + "fill": "#326EF4", + "opacity": 1, + "size": 2.2, + }, + }, + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "prepareSelectMask": Object { + "backgroundColor": "#234DAB", + "backgroundOpacity": 0.3, + }, + "resizeArea": Object { + "background": "#326EF4", + "backgroundOpacity": 0, + "guideLineColor": "#326EF4", + "guideLineDash": Array [ + 3, + 3, + ], + "guideLineDisableColor": "rgba(0,0,0,0.25)", + "interactionState": Object { + "hover": Object { + "backgroundColor": "#326EF4", + "backgroundOpacity": 1, + }, + }, + "size": 3, + }, + "rowCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#F5F8FE", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#E0E9FD", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#E0E9FD", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "measureText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "seriesNumberWidth": 80, + "seriesText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + }, + "scrollBar": Object { + "hoverSize": 8, + "lineCap": "round", + "size": 6, + "thumbColor": "rgba(0,0,0,0.15)", + "thumbHorizontalMinSize": 32, + "thumbHoverColor": "rgba(0,0,0,0.25)", + "thumbVerticalMinSize": 32, + "trackColor": "rgba(0,0,0,0.01)", + }, + "splitLine": Object { + "horizontalBorderColor": "#326EF4", + "horizontalBorderColorOpacity": 0.2, + "horizontalBorderWidth": 2, + "shadowColors": Object { + "left": "rgba(0,0,0,0.1)", + "right": "rgba(0,0,0,0)", + }, + "shadowWidth": 8, + "showShadow": true, + "verticalBorderColor": "#326EF4", + "verticalBorderColorOpacity": 0.25, + "verticalBorderWidth": 2, + }, +} +`; + +exports[`SpreadSheet Theme Tests Theme Default Value Tests should get default theme 2`] = ` +Object { + "background": Object { + "color": "#FFFFFF", + "opacity": 1, + }, + "colCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#E0E9FD", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#CCDBFC", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#CCDBFC", + "backgroundOpacity": 0.6, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#CCDBFC", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#CCDBFC", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "bottom": 6, + "left": 4, + "right": 4, + "top": 6, + }, + "size": 10, + }, + "measureText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + }, + "cornerCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#E0E9FD", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#CCDBFC", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#CCDBFC", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "dataCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#FFFFFF", + "backgroundColorOpacity": 1, + "crossBackgroundColor": "#F5F8FE", + "horizontalBorderColor": "#E0E9FD", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "hoverFocus": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + }, + "verticalBorderColor": "#E0E9FD", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "miniChart": Object { + "bar": Object { + "fill": "#326EF4", + "intervalPadding": 4, + "opacity": 1, + }, + "bullet": Object { + "backgroundColor": "#E9E9E9", + "comparativeMeasure": Object { + "fill": "#000000", + "height": 12, + "opacity": 0.25, + "width": 1, + }, + "progressBar": Object { + "height": 10, + "innerHeight": 6, + "widthPercent": 0.6, + }, + "rangeColors": Object { + "bad": "#FF4D4F", + "good": "#29A294", + "satisfactory": "#FAAD14", + }, + }, + "interval": Object { + "fill": "#326EF4", + "height": 12, + }, + "line": Object { + "linkLine": Object { + "fill": "#326EF4", + "opacity": 0.6, + "size": 1.5, + }, + "point": Object { + "fill": "#326EF4", + "opacity": 1, + "size": 2.2, + }, + }, + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "mergedCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#FFFFFF", + "backgroundColorOpacity": 1, + "crossBackgroundColor": "#F5F8FE", + "horizontalBorderColor": "#E0E9FD", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "hoverFocus": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + }, + "verticalBorderColor": "#E0E9FD", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "miniChart": Object { + "bar": Object { + "fill": "#326EF4", + "intervalPadding": 4, + "opacity": 1, + }, + "bullet": Object { + "backgroundColor": "#E9E9E9", + "comparativeMeasure": Object { + "fill": "#000000", + "height": 12, + "opacity": 0.25, + "width": 1, + }, + "progressBar": Object { + "height": 10, + "innerHeight": 6, + "widthPercent": 0.6, + }, + "rangeColors": Object { + "bad": "#FF4D4F", + "good": "#29A294", + "satisfactory": "#FAAD14", + }, + }, + "interval": Object { + "fill": "#326EF4", + "height": 12, + }, + "line": Object { + "linkLine": Object { + "fill": "#326EF4", + "opacity": 0.6, + "size": 1.5, + }, + "point": Object { + "fill": "#326EF4", + "opacity": 1, + "size": 2.2, + }, + }, + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "right", + "textBaseline": "middle", + }, + }, + "prepareSelectMask": Object { + "backgroundColor": "#234DAB", + "backgroundOpacity": 0.3, + }, + "resizeArea": Object { + "background": "#326EF4", + "backgroundOpacity": 0, + "guideLineColor": "#326EF4", + "guideLineDash": Array [ + 3, + 3, + ], + "guideLineDisableColor": "rgba(0,0,0,0.25)", + "interactionState": Object { + "hover": Object { + "backgroundColor": "#326EF4", + "backgroundOpacity": 1, + }, + }, + "size": 3, + }, + "rowCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#F5F8FE", + "backgroundColorOpacity": 1, + "horizontalBorderColor": "#E0E9FD", + "horizontalBorderColorOpacity": 1, + "horizontalBorderWidth": 1, + "interactionState": Object { + "highlight": Object { + "backgroundColor": "#87B5FF", + "backgroundOpacity": 1, + }, + "hover": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "prepareSelect": Object { + "borderColor": "#000000", + "borderOpacity": 1, + "borderWidth": 1, + }, + "searchResult": Object { + "backgroundColor": "#F0F7FF", + "backgroundOpacity": 1, + }, + "selected": Object { + "backgroundColor": "#E0E9FD", + "backgroundOpacity": 0.6, + }, + "unselected": Object { + "backgroundOpacity": 0.3, + "opacity": 0.3, + "textOpacity": 0.3, + }, + }, + "padding": Object { + "bottom": 4, + "left": 8, + "right": 8, + "top": 4, + }, + "verticalBorderColor": "#E0E9FD", + "verticalBorderColorOpacity": 1, + "verticalBorderWidth": 1, + }, + "icon": Object { + "fill": "#000000", + "margin": Object { + "left": 4, + "right": 4, + }, + "size": 10, + }, + "measureText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + "seriesNumberWidth": 80, + "seriesText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + "text": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": "normal", + "linkTextFill": "#326EF4", + "opacity": 1, + "textAlign": "left", + "textBaseline": "middle", + }, + }, + "scrollBar": Object { + "hoverSize": 8, + "lineCap": "round", + "size": 6, + "thumbColor": "rgba(0,0,0,0.15)", + "thumbHorizontalMinSize": 32, + "thumbHoverColor": "rgba(0,0,0,0.25)", + "thumbVerticalMinSize": 32, + "trackColor": "rgba(0,0,0,0.01)", + }, + "splitLine": Object { + "horizontalBorderColor": "#326EF4", + "horizontalBorderColorOpacity": 0.2, + "horizontalBorderWidth": 2, + "shadowColors": Object { + "left": "rgba(0,0,0,0.1)", + "right": "rgba(0,0,0,0)", + }, + "shadowWidth": 8, + "showShadow": true, + "verticalBorderColor": "#326EF4", + "verticalBorderColorOpacity": 0.25, + "verticalBorderWidth": 2, + }, +} +`; + +exports[`SpreadSheet Theme Tests Theme Default Value Tests should get gray theme 1`] = ` +Object { + "background": Object { + "color": "#FFFFFF", + "opacity": 1, + }, + "colCell": Object { + "bolderText": Object { + "fill": "#000000", + "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "opacity": 1, + "textAlign": "center", + "textBaseline": "middle", + }, + "cell": Object { + "backgroundColor": "#F0F2F4", "backgroundColorOpacity": 1, - "horizontalBorderColor": "#CCDBFC", + "horizontalBorderColor": "#E7E9ED", "horizontalBorderColorOpacity": 1, "horizontalBorderWidth": 1, "interactionState": Object { @@ -28,7 +2124,7 @@ Object { "backgroundOpacity": 1, }, "hover": Object { - "backgroundColor": "#CCDBFC", + "backgroundColor": "#E7E9ED", "backgroundOpacity": 0.6, }, "prepareSelect": Object { @@ -41,7 +2137,7 @@ Object { "backgroundOpacity": 1, }, "selected": Object { - "backgroundColor": "#CCDBFC", + "backgroundColor": "#E7E9ED", "backgroundOpacity": 0.6, }, "unselected": Object { @@ -56,7 +2152,7 @@ Object { "right": 8, "top": 4, }, - "verticalBorderColor": "#CCDBFC", + "verticalBorderColor": "#E7E9ED", "verticalBorderColorOpacity": 1, "verticalBorderWidth": 1, }, @@ -100,9 +2196,9 @@ Object { "textBaseline": "middle", }, "cell": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundColorOpacity": 1, - "horizontalBorderColor": "#CCDBFC", + "horizontalBorderColor": "#E7E9ED", "horizontalBorderColorOpacity": 1, "horizontalBorderWidth": 1, "padding": Object { @@ -111,7 +2207,7 @@ Object { "right": 8, "top": 4, }, - "verticalBorderColor": "#CCDBFC", + "verticalBorderColor": "#E7E9ED", "verticalBorderColorOpacity": 1, "verticalBorderWidth": 1, }, @@ -139,7 +2235,7 @@ Object { "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", "fontSize": 12, "fontWeight": 700, - "linkTextFill": "#326EF4", + "linkTextFill": "#565C64", "opacity": 1, "textAlign": "right", "textBaseline": "middle", @@ -147,8 +2243,8 @@ Object { "cell": Object { "backgroundColor": "#FFFFFF", "backgroundColorOpacity": 1, - "crossBackgroundColor": "#F5F8FE", - "horizontalBorderColor": "#E0E9FD", + "crossBackgroundColor": "#FAFBFB", + "horizontalBorderColor": "#F0F2F4", "horizontalBorderColorOpacity": 1, "horizontalBorderWidth": 1, "interactionState": Object { @@ -157,11 +2253,11 @@ Object { "backgroundOpacity": 1, }, "hover": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundOpacity": 0.6, }, "hoverFocus": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundOpacity": 0.6, "borderColor": "#000000", "borderOpacity": 1, @@ -177,7 +2273,7 @@ Object { "backgroundOpacity": 1, }, "selected": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundOpacity": 0.6, }, "unselected": Object { @@ -192,7 +2288,7 @@ Object { "right": 8, "top": 8, }, - "verticalBorderColor": "#E0E9FD", + "verticalBorderColor": "#F0F2F4", "verticalBorderColorOpacity": 1, "verticalBorderWidth": 1, }, @@ -206,7 +2302,7 @@ Object { }, "miniChart": Object { "bar": Object { - "fill": "#326EF4", + "fill": "#565C64", "intervalPadding": 4, "opacity": 1, }, @@ -230,17 +2326,17 @@ Object { }, }, "interval": Object { - "fill": "#326EF4", + "fill": "#9DA7B6", "height": 12, }, "line": Object { "linkLine": Object { - "fill": "#326EF4", + "fill": "#565C64", "opacity": 0.6, "size": 1.5, }, "point": Object { - "fill": "#326EF4", + "fill": "#565C64", "opacity": 1, "size": 2.2, }, @@ -251,7 +2347,7 @@ Object { "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", "fontSize": 12, "fontWeight": "normal", - "linkTextFill": "#326EF4", + "linkTextFill": "#565C64", "opacity": 1, "textAlign": "right", "textBaseline": "middle", @@ -263,7 +2359,7 @@ Object { "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", "fontSize": 12, "fontWeight": 700, - "linkTextFill": "#326EF4", + "linkTextFill": "#565C64", "opacity": 1, "textAlign": "right", "textBaseline": "middle", @@ -271,8 +2367,8 @@ Object { "cell": Object { "backgroundColor": "#FFFFFF", "backgroundColorOpacity": 1, - "crossBackgroundColor": "#F5F8FE", - "horizontalBorderColor": "#E0E9FD", + "crossBackgroundColor": "#FAFBFB", + "horizontalBorderColor": "#F0F2F4", "horizontalBorderColorOpacity": 1, "horizontalBorderWidth": 1, "interactionState": Object { @@ -281,11 +2377,11 @@ Object { "backgroundOpacity": 1, }, "hover": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundOpacity": 0.6, }, "hoverFocus": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundOpacity": 0.6, "borderColor": "#000000", "borderOpacity": 1, @@ -301,7 +2397,7 @@ Object { "backgroundOpacity": 1, }, "selected": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundOpacity": 0.6, }, "unselected": Object { @@ -316,7 +2412,7 @@ Object { "right": 8, "top": 8, }, - "verticalBorderColor": "#E0E9FD", + "verticalBorderColor": "#F0F2F4", "verticalBorderColorOpacity": 1, "verticalBorderWidth": 1, }, @@ -330,7 +2426,7 @@ Object { }, "miniChart": Object { "bar": Object { - "fill": "#326EF4", + "fill": "#565C64", "intervalPadding": 4, "opacity": 1, }, @@ -354,17 +2450,17 @@ Object { }, }, "interval": Object { - "fill": "#326EF4", + "fill": "#9DA7B6", "height": 12, }, "line": Object { "linkLine": Object { - "fill": "#326EF4", + "fill": "#565C64", "opacity": 0.6, "size": 1.5, }, "point": Object { - "fill": "#326EF4", + "fill": "#565C64", "opacity": 1, "size": 2.2, }, @@ -375,20 +2471,20 @@ Object { "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", "fontSize": 12, "fontWeight": "normal", - "linkTextFill": "#326EF4", + "linkTextFill": "#565C64", "opacity": 1, "textAlign": "right", "textBaseline": "middle", }, }, "prepareSelectMask": Object { - "backgroundColor": "#234DAB", + "backgroundColor": "#6E757F", "backgroundOpacity": 0.3, }, "resizeArea": Object { - "background": "#326EF4", + "background": "#9DA7B6", "backgroundOpacity": 0, - "guideLineColor": "#326EF4", + "guideLineColor": "#9DA7B6", "guideLineDash": Array [ 3, 3, @@ -396,7 +2492,7 @@ Object { "guideLineDisableColor": "rgba(0,0,0,0.25)", "interactionState": Object { "hover": Object { - "backgroundColor": "#326EF4", + "backgroundColor": "#9DA7B6", "backgroundOpacity": 1, }, }, @@ -408,15 +2504,15 @@ Object { "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", "fontSize": 12, "fontWeight": 700, - "linkTextFill": "#326EF4", + "linkTextFill": "#565C64", "opacity": 1, "textAlign": "left", "textBaseline": "middle", }, "cell": Object { - "backgroundColor": "#F5F8FE", + "backgroundColor": "#FAFBFB", "backgroundColorOpacity": 1, - "horizontalBorderColor": "#E0E9FD", + "horizontalBorderColor": "#F0F2F4", "horizontalBorderColorOpacity": 1, "horizontalBorderWidth": 1, "interactionState": Object { @@ -425,7 +2521,7 @@ Object { "backgroundOpacity": 1, }, "hover": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundOpacity": 0.6, }, "prepareSelect": Object { @@ -438,7 +2534,7 @@ Object { "backgroundOpacity": 1, }, "selected": Object { - "backgroundColor": "#E0E9FD", + "backgroundColor": "#F0F2F4", "backgroundOpacity": 0.6, }, "unselected": Object { @@ -453,7 +2549,7 @@ Object { "right": 8, "top": 4, }, - "verticalBorderColor": "#E0E9FD", + "verticalBorderColor": "#F0F2F4", "verticalBorderColorOpacity": 1, "verticalBorderWidth": 1, }, @@ -470,7 +2566,7 @@ Object { "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", "fontSize": 12, "fontWeight": "normal", - "linkTextFill": "#326EF4", + "linkTextFill": "#565C64", "opacity": 1, "textAlign": "left", "textBaseline": "middle", @@ -481,7 +2577,7 @@ Object { "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", "fontSize": 12, "fontWeight": "normal", - "linkTextFill": "#326EF4", + "linkTextFill": "#565C64", "opacity": 1, "textAlign": "center", "textBaseline": "middle", @@ -491,7 +2587,7 @@ Object { "fontFamily": "Roboto, PingFangSC, Microsoft YaHei, Arial, sans-serif", "fontSize": 12, "fontWeight": "normal", - "linkTextFill": "#326EF4", + "linkTextFill": "#565C64", "opacity": 1, "textAlign": "left", "textBaseline": "middle", @@ -508,7 +2604,7 @@ Object { "trackColor": "rgba(0,0,0,0.01)", }, "splitLine": Object { - "horizontalBorderColor": "#326EF4", + "horizontalBorderColor": "#BAC1CC", "horizontalBorderColorOpacity": 0.2, "horizontalBorderWidth": 2, "shadowColors": Object { @@ -517,7 +2613,7 @@ Object { }, "shadowWidth": 8, "showShadow": true, - "verticalBorderColor": "#326EF4", + "verticalBorderColor": "#BAC1CC", "verticalBorderColorOpacity": 0.25, "verticalBorderWidth": 2, }, diff --git a/packages/s2-core/__tests__/spreadsheet/theme-spec.ts b/packages/s2-core/__tests__/spreadsheet/theme-spec.ts index ab7f8c6a9e..950807e4d7 100644 --- a/packages/s2-core/__tests__/spreadsheet/theme-spec.ts +++ b/packages/s2-core/__tests__/spreadsheet/theme-spec.ts @@ -13,6 +13,7 @@ import type { TextBaseline, TextTheme, ThemeCfg, + ThemeName, } from '@/common/interface/theme'; import type { Node } from '@/facet/layout/node'; import type { PivotSheet } from '@/sheet-type'; @@ -66,6 +67,17 @@ describe('SpreadSheet Theme Tests', () => { expect(s2.theme).toEqual(s2.getTheme()); }); + test.each(['dark', 'gray', 'colorful', 'default'] as ThemeName[])( + 'should get %s theme', + (name) => { + s2.setThemeCfg({ + name, + }); + + expect(s2.theme).toMatchSnapshot(); + }, + ); + test.each(CELL_TYPES)( "should assign the same color for %s's text and icon", async (cellType: CellType) => { diff --git a/packages/s2-core/src/theme/palette/dark.ts b/packages/s2-core/src/theme/palette/dark.ts index 5f3894f559..c809ced41e 100644 --- a/packages/s2-core/src/theme/palette/dark.ts +++ b/packages/s2-core/src/theme/palette/dark.ts @@ -18,7 +18,7 @@ export const paletteDark: Palette = { '#7899ff', '#7899ff', '#f0f0f0', - '#ffffff', + '#dcdcdc', ], semanticColors: { red: '#FF4D4F', green: '#29A294', yellow: '#FAAD14' }, }; diff --git a/packages/s2-react/__tests__/spreadsheet/__snapshots__/pagination-spec.tsx.snap b/packages/s2-react/__tests__/spreadsheet/__snapshots__/pagination-spec.tsx.snap deleted file mode 100644 index ff010406a7..0000000000 --- a/packages/s2-react/__tests__/spreadsheet/__snapshots__/pagination-spec.tsx.snap +++ /dev/null @@ -1,769 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Pagination Tests should receive antd component extra props 1`] = ` -
-
    -
  • - -
  • -
  • - - 1 - -
  • -
  • - - 2 - -
  • -
  • - -
  • -
  • -
    - Go to - - Page -
    -
  • -
- - Total - 2 - -
-`; - -exports[`Pagination Tests should render locale text for { locale: 'en_US', page: '1 / page', count: 'Total2' } 1`] = ` -
-
    -
  • - -
  • -
  • - - 1 - -
  • -
  • - - 2 - -
  • -
  • - -
  • -
  • - -
  • -
- - Total - 2 - -
-`; - -exports[`Pagination Tests should render locale text for { locale: 'zh_CN', page: '1 条/页', count: '共计2条' } 1`] = ` -
-
    -
  • - -
  • -
  • - - 1 - -
  • -
  • - -
  • -
  • - -
  • -
- - 共计 - - - 条 - -
-`; - -exports[`Pagination Tests should render locale text for { locale: 'zh_CN', page: '1 条/页', count: '共计2条' } 2`] = ` -
-
    -
  • - -
  • -
  • - - 1 - -
  • -
  • - -
  • -
  • - -
  • -
- - 共计 - - - 条 - -
-`; - -exports[`Pagination Tests should render locale text for { locale: 'zh_CN', page: '1 条/页', count: '共计2条' } 3`] = ` -
-
    -
  • - -
  • -
  • - - 1 - -
  • -
  • - - 2 - -
  • -
  • - -
  • -
  • - -
  • -
- - 共计 - 2 - 条 - -
-`; diff --git a/packages/s2-react/__tests__/spreadsheet/pagination-spec.tsx b/packages/s2-react/__tests__/spreadsheet/pagination-spec.tsx index dc440117fa..34ea40d934 100644 --- a/packages/s2-react/__tests__/spreadsheet/pagination-spec.tsx +++ b/packages/s2-react/__tests__/spreadsheet/pagination-spec.tsx @@ -55,7 +55,6 @@ describe('Pagination Tests', () => { await waitFor(() => { expect(spreadsheet).toBeDefined(); - expect(document.querySelector('.antv-s2-pagination')).toMatchSnapshot(); expect( document.querySelector('.ant-select-selection-item')?.innerHTML, ).toEqual(page); @@ -90,7 +89,6 @@ describe('Pagination Tests', () => { await waitFor(() => { expect(spreadsheet).toBeDefined(); - expect(document.querySelector('.antv-s2-pagination')).toMatchSnapshot(); expect( document.querySelector('.ant-pagination-options-quick-jumper'), ).toBeTruthy(); diff --git a/packages/s2-react/__tests__/unit/components/drill-down/__snapshots__/index-spec.tsx.snap b/packages/s2-react/__tests__/unit/components/drill-down/__snapshots__/index-spec.tsx.snap index e73f872cd8..41d6a4d503 100644 --- a/packages/s2-react/__tests__/unit/components/drill-down/__snapshots__/index-spec.tsx.snap +++ b/packages/s2-react/__tests__/unit/components/drill-down/__snapshots__/index-spec.tsx.snap @@ -141,7 +141,7 @@ exports[`DrillDown Component Tests should render component 1`] = `
- 暂无数据 + No data