@visactor/vtable
Version:
canvas table width high performance
100 lines (98 loc) • 2.56 kB
JavaScript
function getBackgroundColor(args) {
const {row: row, table: table} = args;
return 1 & row - table.frozenRowCount ? "#282a2e" : "#2d3137";
}
export default {
name: "DARK",
underlayBackgroundColor: "transparent",
defaultStyle: {
color: "#D3D5DA",
bgColor: "#373b45",
fontSize: 12,
fontFamily: "PingFang SC",
fontWeight: 500,
lineHeight: 12,
borderColor: "#444A54",
padding: [ 8, 12, 8, 12 ],
hover: {
cellBgColor: "#2F4774"
}
},
headerStyle: {
color: "#D3D5DA",
bgColor: "#373b45",
fontSize: 12,
fontFamily: "PingFang SC",
fontWeight: 500,
lineHeight: 12,
borderColor: "#444A54",
padding: [ 8, 12, 8, 12 ],
hover: {
cellBgColor: "#2F4774"
}
},
rowHeaderStyle: {},
cornerHeaderStyle: {},
bodyStyle: {
color: "#e5e7ea",
bgColor: getBackgroundColor,
fontSize: 12,
fontFamily: "PingFang SC",
fontWeight: 500,
lineHeight: 12,
borderColor: "#444A54",
padding: [ 8, 12, 8, 12 ],
hover: {
cellBgColor: "#29364D"
}
},
frameStyle: {
borderColor: "#d1d5da",
borderLineWidth: 1,
borderLineDash: [],
cornerRadius: 10,
shadowBlur: 6,
shadowOffsetX: 0,
shadowOffsetY: 0,
shadowColor: "rgba(00, 24, 47, 0.06)"
},
columnResize: {
lineWidth: 1,
lineColor: "#416EFF",
bgColor: "#D9E2FF",
width: 3
},
frozenColumnLine: {
shadow: {
width: 4,
startColor: "rgba(00, 24, 47, 0.05)",
endColor: "rgba(00, 24, 47, 0)"
}
},
selectionStyle: {
cellBgColor: "rgba(255, 255, 255, 0.1)",
cellBorderColor: "#4284FF",
cellBorderLineWidth: 2
},
tooltipStyle: {
bgColor: "#FFF",
color: "#000",
fontSize: 12,
fontFamily: "Arial,sans-serif"
},
functionalIconsStyle: {
sort_color: "#FFFFFF",
sort_color_opacity: "0.75",
sort_color_2: "#416EFF",
sort_color_opacity_2: "1",
frozen_color: "#FFFFFF",
frozen_color_opacity: "0.75",
collapse_color: "#FFF",
collapse_color_opacity: "0.75",
expand_color: "#FFF",
expand_color_opacity: "0.75",
dragReorder_color: "#FFF",
dragReorder_color_opacity: "0.75"
}
};
//# sourceMappingURL=DARK.js.map