feat: react component add props "className" & "style"

Jevon617 · Jan 5, 2024 · da28507 · da28507
1 parent da22acb
commit da28507
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/core/snippets.ts b/src/core/snippets.ts
@@ -59,19 +59,24 @@ declare module 'vue' {
 export const reactTemplate = `
 import React from 'react';
 
-export default function $component_name({name}) {
+export default function $component_name({name,style,className}) {
   return React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    style: $component_style
+    style: {...$component_style, ...style},
+    className: className,
   }, React.createElement("use", {
     xlinkHref: "#" + name
   }));
 }
 `
 export const reactDts = `
 declare module '${MODULE_NAME}' {
-  const $component_name: ({name}: {name: "$svg_symbolIds"})=> JSX.Element;
+  const $component_name: (props: {
+    name: "$svg_symbolIds",
+    className?:string
+    style?: React.CSSProperties
+  })=> JSX.Element;
   export const svgNames: ["$svg_names"];
   export type SvgName = "$svg_symbolIds";
   export default $component_name;