feat: legend axis 根节点 className 兼容

Author: interstellarmt

src/ui/axis/axis.ts

@@ -66,10 +66,11 @@ export class Axis extends Component<AxisStyleProps> {
     const { titleText, data, animate, showTitle, showGrid, dataThreshold, truncRange, classNamePrefix } = attributes;
 
     // Set root container className
+    const baseClassName = container.className || 'axis';
     if (classNamePrefix) {
-      container.className = `axis ${classNamePrefix}axis`;
-    } else {
-      container.className = 'axis';
+      container.attr('className', `${baseClassName} ${classNamePrefix}axis`);
+    } else if (!container.className) {
+      container.attr('className', 'axis');
     }
 
     const sampledData = sampling(data, dataThreshold).filter(({ value }) => {

src/ui/legend/category.ts

@@ -88,10 +88,11 @@ export class Category extends Component<CategoryStyleProps> {
     const ctn = select(container);
 
     // Set root container className
+    const baseClassName = container.className || 'legend-category';
     if (classNamePrefix) {
-      container.className = `legend-category ${classNamePrefix}legend`;
-    } else {
-      container.className = 'legend-category';
+      container.attr('className', `${baseClassName} ${classNamePrefix}legend`);
+    } else if (!container.className) {
+      container.attr('className', 'legend-category');
     }
 
     container.style.transform = `translate(${x}, ${y})`;

src/ui/legend/continuous.ts

@@ -79,10 +79,11 @@ export class Continuous extends Component<ContinuousStyleProps> {
   public render(attributes: Required<ContinuousStyleProps>, container: Group) {
     // Set root container className
     const { classNamePrefix } = attributes;
+    const baseClassName = container.className || 'legend-continuous';
     if (classNamePrefix) {
-      container.className = `legend-continuous ${classNamePrefix}legend`;
-    } else {
-      container.className = 'legend-continuous';
+      container.attr('className', `${baseClassName} ${classNamePrefix}legend`);
+    } else if (!container.className) {
+      container.attr('className', 'legend-continuous');
     }
 
     // 渲染顺序