@antv/s2-react-components
Version:
React components for S2
129 lines • 18.1 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ZebraThemeIcon = exports.BasicThemeIcon = exports.NormalThemeIcon = exports.ColorfulThemeIcon = exports.HierarchyTreeTypeIcon = exports.HierarchyGridTypeIcon = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
exports.HierarchyGridTypeIcon = react_1.default.memo(({ active }) => {
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "18px", viewBox: "0 0 18 18", fill: "currentColor" },
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u8F93\u51FA", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(-270.000000, -4993.000000)", fill: "#000000", id: "\u7F16\u7EC4-31" },
react_1.default.createElement("g", { transform: "translate(127.000000, 4744.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4-10", transform: "translate(28.000000, 246.000000)" },
react_1.default.createElement("g", { id: "icon/\u56FE\u8868/\u5E73\u94FA\u4EA4\u53C9\u8868", transform: "translate(113.000000, 1.000000)" },
react_1.default.createElement("rect", { id: "\u77E9\u5F62", fillOpacity: "0", x: "0", y: "0", width: "22", height: "22", rx: "1" }),
react_1.default.createElement("path", Object.assign({ d: "M7.46428571,2.75 L7.46428571,19.25 L2.75,19.25 L2.75,2.75 L7.46428571,2.75 Z M19.25,15.125 L19.25,19.25 L14.5357143,19.25 L14.5357143,15.125 L19.25,15.125 Z M13.3571429,15.125 L13.3571429,19.25 L8.64285714,19.25 L8.64285714,15.125 L13.3571429,15.125 Z M13.3571429,2.75 L13.3571429,13.75 L8.64285714,13.75 L8.64285714,2.75 L13.3571429,2.75 Z M19.25,9.625 L19.25,13.75 L14.5357143,13.75 L14.5357143,9.625 L19.25,9.625 Z M19.25,2.75 L19.25,8.25 L14.5357143,8.25 L14.5357143,2.75 L19.25,2.75 Z", id: "\u5F62\u72B6\u7ED3\u5408" }, (active
? {
fill: '#3471F9',
}
: { fillOpacity: 0.45 }))))))))));
});
exports.HierarchyTreeTypeIcon = react_1.default.memo(({ active }) => {
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "18px", viewBox: "0 0 18 18", fill: "currentColor" },
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u8F93\u51FA", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(-316.000000, -4993.000000)", fill: "#000000", id: "\u7F16\u7EC4-31" },
react_1.default.createElement("g", { transform: "translate(127.000000, 4744.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4-10", transform: "translate(28.000000, 246.000000)" },
react_1.default.createElement("g", { id: "icon/pivot-table", transform: "translate(159.000000, 1.000000)" },
react_1.default.createElement("rect", { id: "\u77E9\u5F62", fillOpacity: "0", x: "0", y: "0", width: "22", height: "22" }),
react_1.default.createElement("path", Object.assign({ d: "M2.75,2.75 L2.75,6.77254902 L6.47225591,6.77254902 L6.47225591,2.75 L2.75,2.75 Z M11.1150697,15.2166667 L11.1150697,19.25 L19.25,19.25 L19.25,15.2166667 L11.1150697,15.2166667 Z M8.12325652,2.75 L8.12325652,6.77254902 L19.2299879,6.77254902 L19.2299879,2.75 L8.12325652,2.75 Z M11.1150697,8.98333333 L11.1150697,13.0166667 L19.2399939,13.0166667 L19.2399939,8.98333333 L11.1150697,8.98333333 Z M3.98074591,6.77254902 L5.23150394,6.77254902 L5.23150394,17.9019608 L3.98074591,17.9019608 L3.98074591,6.77254902 Z M5.23150394,16.5539216 L11.1250758,16.5539216 L11.1250758,17.9019608 L5.23150394,17.9019608 L5.23150394,16.5539216 Z M5.23150394,10.3745098 L11.1250758,10.3745098 L11.1250758,11.7117647 L5.23150394,11.7117647 L5.23150394,10.3745098 Z", id: "\u5F62\u72B6" }, (active
? {
fill: '#3471F9',
}
: { fillOpacity: 0.45 }))))))))));
});
exports.ColorfulThemeIcon = react_1.default.memo(({ active }) => {
if (active) {
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "16px", viewBox: "0 0 18 16", fill: "currentColor" },
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u8F93\u51FA", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(-699.000000, -5041.000000)", id: "\u7F16\u7EC4-31" },
react_1.default.createElement("g", { transform: "translate(127.000000, 4744.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4-19\u5907\u4EFD", transform: "translate(569.000000, 293.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4", transform: "translate(3.000000, 4.000000)" },
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-21", fill: "#B0D1FF", points: "1 7 17 7 17 11.5 1 11.5" }),
react_1.default.createElement("path", { d: "M6.8,0 L6.8,16 L6,16 L6,0 L6.8,0 Z M11.8,0 L11.8,16 L11,16 L11,0 L11.8,0 Z", id: "\u5F62\u72B6\u7ED3\u5408\u5907\u4EFD", fill: "#B0D1FF" }),
react_1.default.createElement("path", { d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M17,1 L1,1 L1,15 L17,15 L17,1 Z", id: "\u77E9\u5F62\u5907\u4EFD-18", fill: "#3471F9" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-20", fill: "#3471F9", points: "0 2.66453526e-14 18 2.66453526e-14 18 4.125 0 4.125" }))))))));
}
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "16px", viewBox: "0 0 18 16", fill: "currentColor" },
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u8F93\u51FA", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(-699.000000, -5072.000000)", id: "\u7F16\u7EC4-31" },
react_1.default.createElement("g", { transform: "translate(127.000000, 4744.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4", transform: "translate(572.000000, 328.000000)" },
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-21", fill: "#BFBFBF", points: "1 7 17 7 17 11.5 1 11.5" }),
react_1.default.createElement("path", { d: "M6.8,0 L6.8,16 L6,16 L6,0 L6.8,0 Z M11.8,0 L11.8,16 L11,16 L11,0 L11.8,0 Z", id: "\u5F62\u72B6\u7ED3\u5408\u5907\u4EFD", fill: "#BFBFBF" }),
react_1.default.createElement("path", { d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M17,1 L1,1 L1,15 L17,15 L17,1 Z", id: "\u77E9\u5F62\u5907\u4EFD-18", fill: "#8C8C8C" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-20", fill: "#8C8C8C", points: "0 2.66453526e-14 18 2.66453526e-14 18 4.125 0 4.125" })))))));
});
exports.NormalThemeIcon = react_1.default.memo(({ active }) => {
if (active) {
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "16px", viewBox: "0 0 18 16", fill: "currentColor" },
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u8F93\u51FA", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(-780.000000, -5041.000000)", id: "\u7F16\u7EC4-31" },
react_1.default.createElement("g", { transform: "translate(127.000000, 4744.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4-27", transform: "translate(653.000000, 297.000000)" },
react_1.default.createElement("path", { d: "M6.8,0 L6.799,7 L10.999,7 L11,0 L11.8,0 L11.799,7 L17,7 L17,7.8 L11.799,7.8 L11.799,11 L17,11 L17,11.8 L11.799,11.8 L11.8,16 L11,16 L10.999,11.8 L6.799,11.8 L6.8,16 L6,16 L5.999,11.8 L1,11.8 L1,11 L5.999,11 L5.999,7.8 L1,7.8 L1,7 L5.999,7 L6,0 L6.8,0 Z M10.999,7.8 L6.799,7.8 L6.799,11 L10.999,11 L10.999,7.8 Z", id: "\u5F62\u72B6\u7ED3\u5408", fill: "#B0D1FF" }),
react_1.default.createElement("path", { d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M17,1 L1,1 L1,15 L17,15 L17,1 Z", id: "\u77E9\u5F62", fill: "#3471F9" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62", fill: "#3471F9", points: "0 2.66453526e-14 18 2.66453526e-14 18 4.125 0 4.125" })))))));
}
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "16px", viewBox: "0 0 18 16", fill: "currentColor" },
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u8F93\u51FA", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(-780.000000, -5072.000000)", id: "\u7F16\u7EC4-31" },
react_1.default.createElement("g", { transform: "translate(127.000000, 4744.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4-27", transform: "translate(653.000000, 328.000000)" },
react_1.default.createElement("path", { d: "M6.8,0 L6.799,7 L10.999,7 L11,0 L11.8,0 L11.799,7 L17,7 L17,7.8 L11.799,7.8 L11.799,11 L17,11 L17,11.8 L11.799,11.8 L11.8,16 L11,16 L10.999,11.8 L6.799,11.8 L6.8,16 L6,16 L5.999,11.8 L1,11.8 L1,11 L5.999,11 L5.999,7.8 L1,7.8 L1,7 L5.999,7 L6,0 L6.8,0 Z M10.999,7.8 L6.799,7.8 L6.799,11 L10.999,11 L10.999,7.8 Z", id: "\u5F62\u72B6\u7ED3\u5408", fill: "#BFBFBF" }),
react_1.default.createElement("path", { d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M17,1 L1,1 L1,15 L17,15 L17,1 Z", id: "\u77E9\u5F62", fill: "#8C8C8C" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62", fill: "#8C8C8C", points: "0 0 18 0 18 4.125 0 4.125" })))))));
});
exports.BasicThemeIcon = react_1.default.memo(({ active }) => {
if (active) {
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "16px", viewBox: "0 0 18 16", fill: "currentColor" },
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u8F93\u51FA", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(-867.000000, -5041.000000)", id: "\u7F16\u7EC4-31" },
react_1.default.createElement("g", { transform: "translate(127.000000, 4744.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4", transform: "translate(740.000000, 297.000000)" },
react_1.default.createElement("path", { d: "M6.8,3.625 L6.799,7 L10.999,7 L11,3.625 L11.8,3.625 L11.799,7 L17,7 L17,7.8 L11.799,7.8 L11.799,11 L17,11 L17,11.8 L11.799,11.8 L11.8,16 L11,16 L10.999,11.8 L6.799,11.8 L6.8,16 L6,16 L5.999,11.8 L1,11.8 L1,11 L5.999,11 L5.999,7.8 L1,7.8 L1,7 L5.999,7 L6,3.625 L6.8,3.625 Z M10.999,7.8 L6.799,7.8 L6.799,11 L10.999,11 L10.999,7.8 Z", id: "\u5F62\u72B6\u7ED3\u5408\u5907\u4EFD-2", fill: "#B0D1FF" }),
react_1.default.createElement("path", { d: "M6.8,1 L6.8,3.125 L6,3.125 L6,1 L6.8,1 Z M11.8,1 L11.8,3.125 L11,3.125 L11,1 L11.8,1 Z", id: "\u5F62\u72B6\u7ED3\u5408", fill: "#3471F9" }),
react_1.default.createElement("path", { d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M17,1 L1,1 L1,15 L17,15 L17,1 Z", id: "\u77E9\u5F62\u5907\u4EFD-22", fill: "#3471F9" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-23", fill: "#3471F9", points: "0 3.125 18 3.125 18 4.125 0 4.125" })))))));
}
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "16px", viewBox: "0 0 18 16", fill: "currentColor" },
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u8F93\u51FA", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(-867.000000, -5072.000000)", id: "\u7F16\u7EC4-31" },
react_1.default.createElement("g", { transform: "translate(127.000000, 4744.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4", transform: "translate(740.000000, 328.000000)" },
react_1.default.createElement("path", { d: "M6.8,3.625 L6.799,7 L10.999,7 L11,3.625 L11.8,3.625 L11.799,7 L17,7 L17,7.8 L11.799,7.8 L11.799,11 L17,11 L17,11.8 L11.799,11.8 L11.8,16 L11,16 L10.999,11.8 L6.799,11.8 L6.8,16 L6,16 L5.999,11.8 L1,11.8 L1,11 L5.999,11 L5.999,7.8 L1,7.8 L1,7 L5.999,7 L6,3.625 L6.8,3.625 Z M10.999,7.8 L6.799,7.8 L6.799,11 L10.999,11 L10.999,7.8 Z", id: "\u5F62\u72B6\u7ED3\u5408\u5907\u4EFD-2", fill: "#BFBFBF" }),
react_1.default.createElement("path", { d: "M6.8,1 L6.8,3.125 L6,3.125 L6,1 L6.8,1 Z M11.8,1 L11.8,3.125 L11,3.125 L11,1 L11.8,1 Z", id: "\u5F62\u72B6\u7ED3\u5408", fill: "#8C8C8C" }),
react_1.default.createElement("path", { d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M17,1 L1,1 L1,15 L17,15 L17,1 Z", id: "\u77E9\u5F62\u5907\u4EFD-22", fill: "#8C8C8C" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-23", fill: "#8C8C8C", points: "0 3.125 18 3.125 18 4.125 0 4.125" })))))));
});
exports.ZebraThemeIcon = react_1.default.memo(({ active }) => {
if (active) {
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "16px", viewBox: "0 0 18 16", version: "1.1", fill: "currentColor" },
react_1.default.createElement("title", null, "\u6591\u9A6C\u7EB9\u9009\u4E2D"),
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u7A3F", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { id: "\u4EA4\u53C9\u8868\u6591\u9A6C\u7EB9\u6837\u5F0F", transform: "translate(-1845.000000, -728.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4-28\u5907\u4EFD-2", transform: "translate(1567.000000, 443.000000)" },
react_1.default.createElement("g", { id: "\u7F16\u7EC4-26", transform: "translate(28.000000, 281.000000)" },
react_1.default.createElement("g", { id: "\u6591\u9A6C\u7EB9\u9009\u4E2D", transform: "translate(247.000000, 0.000000)" },
react_1.default.createElement("g", { id: "icon/\u4EA4\u53C9\u8868/\u6591\u9A6C\u7EB9-\u9009\u4E2D", transform: "translate(3.000000, 4.000000)" },
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-21", fill: "#B0D1FF", points: "0 6 18 6 18 8 0 8" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-22", fill: "#B0D1FF", points: "0 10 18 10 18 12 0 12" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-23", fill: "#B0D1FF", points: "0 14 18 14 18 16 0 16" }),
react_1.default.createElement("path", { d: "M6,0 L6.8,0 L6.8,16 L6,16 Z M11,0 L11.8,0 L11.8,16 L11,16 Z", id: "\u5F62\u72B6\u7ED3\u5408\u5907\u4EFD", fill: "#B0D1FF" }),
react_1.default.createElement("path", { d: "M18,0 L0,0 L18,0 Z M17,1 L1,1 L17,1 Z", id: "\u77E9\u5F62\u5907\u4EFD-18", fill: "#3471F9" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-20", fill: "#3471F9", points: "0 2.66453526e-14 18 2.66453526e-14 18 4.125 0 4.125" })))))))));
}
return (react_1.default.createElement("svg", { className: "si", width: "18px", height: "16px", viewBox: "0 0 18 16", version: "1.1" },
react_1.default.createElement("title", null, "\u6591\u9A6C\u7EB9\u672A\u9009\u4E2D"),
react_1.default.createElement("g", { id: "\u8BBE\u8BA1\u7A3F", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { id: "\u4EA4\u53C9\u8868\u6591\u9A6C\u7EB9\u6837\u5F0F", transform: "translate(-2112.000000, -549.000000)" },
react_1.default.createElement("g", { id: "\u6591\u9A6C\u7EB9\u672A\u9009\u4E2D", transform: "translate(2109.000000, 545.000000)" },
react_1.default.createElement("g", { id: "\u6591\u9A6C\u7EB9\u98CE/\u672A\u9009\u4E2D", transform: "translate(3.000000, 4.000000)" },
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-21", fill: "#BFBFBF", points: "0 6 18 6 18 8 0 8" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-22", fill: "#BFBFBF", points: "0 10 18 10 18 12 0 12" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-23", fill: "#BFBFBF", points: "0 14 18 14 18 16 0 16" }),
react_1.default.createElement("path", { d: "M6,0 L6.8,0 L6.8,16 L6,16 Z M11,0 L11.8,0 L11.8,16 L11,16 Z", id: "\u5F62\u72B6\u7ED3\u5408\u5907\u4EFD", fill: "#BFBFBF" }),
react_1.default.createElement("path", { d: "M18,0 L0,0 L18,0 Z M17,1 L1,1 L17,1 Z", id: "\u77E9\u5F62\u5907\u4EFD-18", fill: "#8C8C8C" }),
react_1.default.createElement("polygon", { id: "\u77E9\u5F62\u5907\u4EFD-20", fill: "#8C8C8C", points: "0 2.66453526e-14 18 2.66453526e-14 18 4.125 0 4.125" })))))));
});
//# sourceMappingURL=icons.js.map