fix: __inner_style__ 要符合 JSON 定义

Author: luckyadam

__test__/index.spec.mjs.md

@@ -11,7 +11,7 @@ Generated by [AVA](https://avajs.dev).
     `import React from 'react';␊
     import './Mod.scss';␊
     var __inner_style__ = {␊
-        cnt_col: {␊
+        "cnt_col": {␊
             display: "flex",␊
             flexDirection: "column",␊
             alignItems: "flex-start",␊
@@ -20,7 +20,7 @@ Generated by [AVA](https://avajs.dev).
             width: "145px",␊
             height: "50px"␊
         },␊
-        cnt_row: {␊
+        "cnt_row": {␊
             width: "176px",␊
             height: "24px",␊
             borderRadius: "100px",␊
@@ -35,7 +35,7 @@ Generated by [AVA](https://avajs.dev).
             paddingTop: "8px",␊
             paddingBottom: "8px"␊
         },␊
-        cnt_row1: {␊
+        "cnt_row1": {␊
             display: "flex",␊
             alignItems: "center",␊
             justifyContent: "flex-start",␊
@@ -44,7 +44,7 @@ Generated by [AVA](https://avajs.dev).
             width: "311px",␊
             height: "50px"␊
         },␊
-        cnt_row2: {␊
+        "cnt_row2": {␊
             borderWidth: "1px",␊
             borderStyle: "solid",␊
             borderColor: "#999",␊
@@ -65,59 +65,59 @@ Generated by [AVA](https://avajs.dev).
             paddingBottom: "4px",␊
             zIndex: "12"␊
         },␊
-        cnt_row3: {␊
+        "cnt_row3": {␊
             display: "flex",␊
             alignItems: "center",␊
             justifyContent: "space-between",␊
             gap: "-311px",␊
             width: "311px",␊
             height: "44px"␊
         },␊
-        icon: {␊
+        "icon": {␊
             width: "18px",␊
             height: "18px"␊
         },␊
-        icon1: {␊
+        "icon1": {␊
             width: "15px",␊
             height: "15px"␊
         },␊
-        img: {␊
+        "img": {␊
             width: "50px",␊
             height: "50px"␊
         },␊
-        img1: {␊
+        "img1": {␊
             width: "6px",␊
             height: "10px"␊
         },␊
-        instruction: {␊
+        "instruction": {␊
             color: "#fff",␊
             fontSize: "12px",␊
             lineHeight: "1",␊
             flexShrink: "0px",␊
             display: "inline-flex"␊
         },␊
-        instruction1: {␊
+        "instruction1": {␊
             color: "#000",␊
             fontSize: "16px",␊
             lineHeight: "1",␊
             flexShrink: "0px",␊
             width: "116px",␊
             display: "inline-flex"␊
         },␊
-        instruction2: {␊
+        "instruction2": {␊
             color: "#999",␊
             fontSize: "11px",␊
             lineHeight: "1.36",␊
             textAlign: "center",␊
             flexShrink: "0px",␊
             overflow: "hidden"␊
         },␊
-        line1: {␊
+        "line1": {␊
             textOverflow: "ellipsis",␊
             whiteSpace: "nowrap",␊
             overflow: "hidden"␊
         },␊
-        mod: {␊
+        "mod": {␊
             backgroundColor: "#fff6f0",␊
             borderRadius: "8px",␊
             width: "343px",␊
@@ -135,21 +135,21 @@ Generated by [AVA](https://avajs.dev).
             paddingTop: "29px",␊
             paddingBottom: "29px"␊
         },␊
-        txt: {␊
+        "txt": {␊
             color: "#999",␊
             fontSize: "12px",␊
             lineHeight: "1",␊
             flexShrink: "0px",␊
             display: "inline-flex"␊
         },␊
-        txt1: {␊
+        "txt1": {␊
             color: "#222",␊
             fontSize: "11px",␊
             lineHeight: "1.36",␊
             textAlign: "center",␊
             flexShrink: "0px"␊
         },␊
-        txt2: {␊
+        "txt2": {␊
             color: "#999",␊
             fontSize: "12px",␊
             lineHeight: "1.83",␊

__test__/index.spec.mjs.snap

@@ -6,13 +6,17 @@ use std::{
 };
 
 use html5ever::{tendril::StrTendril, Attribute};
-use lightningcss::{stylesheet::PrinterOptions, traits::ToCss, targets::{Targets, Features}};
+use lightningcss::{
+  stylesheet::PrinterOptions,
+  targets::{Features, Targets},
+  traits::ToCss,
+};
 use swc_common::{Span, DUMMY_SP};
 use swc_ecma_ast::{
   BindingIdent, CallExpr, Callee, Decl, Expr, ExprOrSpread, Ident, ImportDecl, ImportSpecifier,
   JSXAttr, JSXAttrName, JSXAttrOrSpread, JSXAttrValue, JSXElement, JSXElementName, JSXExpr,
   JSXExprContainer, JSXFragment, KeyValueProp, Lit, Module, ModuleDecl, ModuleItem, Null,
-  ObjectLit, Pat, Prop, PropName, PropOrSpread, Stmt, VarDecl, VarDeclKind, VarDeclarator,
+  ObjectLit, Pat, Prop, PropName, PropOrSpread, Stmt, Str, VarDecl, VarDeclKind, VarDeclarator,
 };
 use swc_ecma_visit::{
   noop_visit_mut_type, noop_visit_type, Visit, VisitAll, VisitAllWith, VisitMut, VisitMutWith,
@@ -213,7 +217,7 @@ impl<'a> VisitMut for ModuleMutVisitor<'a> {
             .iter()
             .map(|(key, value)| {
               PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
-                key: PropName::Ident(Ident::new(key.to_string().into(), DUMMY_SP)),
+                key: PropName::Str(Str::from(key.as_str())),
                 value: Box::new(Expr::Object(ObjectLit {
                   span: DUMMY_SP,
                   props: value
@@ -297,7 +301,7 @@ impl<'a> JSXMutVisitor<'a> {
 
   fn properties_to_object_lit_props(
     &self,
-    properties: &Vec<(&String, &String)>
+    properties: &Vec<(&String, &String)>,
   ) -> Vec<PropOrSpread> {
     properties
       .iter()
@@ -399,7 +403,9 @@ impl<'a> VisitMut for JSXMutVisitor<'a> {
                               span: DUMMY_SP,
                               expr: JSXExpr::Expr(Box::new(Expr::Object(ObjectLit {
                                 span: DUMMY_SP,
-                                props: self.properties_to_object_lit_props(&properties_entries).into(),
+                                props: self
+                                  .properties_to_object_lit_props(&properties_entries)
+                                  .into(),
                               }))),
                             }));
                           }
@@ -550,7 +556,9 @@ impl<'a> VisitMut for JSXMutVisitor<'a> {
                         span: DUMMY_SP,
                         expr: JSXExpr::Expr(Box::new(Expr::Object(ObjectLit {
                           span: DUMMY_SP,
-                          props: self.properties_to_object_lit_props(&properties_entries).into(),
+                          props: self
+                            .properties_to_object_lit_props(&properties_entries)
+                            .into(),
                         }))),
                       }));
                     }
@@ -565,7 +573,9 @@ impl<'a> VisitMut for JSXMutVisitor<'a> {
                   span: DUMMY_SP,
                   expr: JSXExpr::Expr(Box::new(Expr::Object(ObjectLit {
                     span: DUMMY_SP,
-                    props: self.properties_to_object_lit_props(&properties_entries).into(),
+                    props: self
+                      .properties_to_object_lit_props(&properties_entries)
+                      .into(),
                   }))),
                 })),
               }));