🐛

Author: nanarino

README.rst

@@ -81,9 +81,11 @@
     - 模板外不能含有tsx表达式。
     - 模板中 jsx的attr里含有 ``"`` 时需要转义。
     - 直接内嵌客户端脚本时 不省略 ``is:inline`` 并使用IIFE
+    - style 物件写法 需要转义2次 ``:`` 写作 ``\\\:``
 * mdx:
     - 不能含有js/ts注释。
     - 分割线使用 ``***`` 而不 ``---``。
+    - style 物件写法 需要转义2次 ``:`` 写作 ``\\\:``
 * styl:
     - 非跨行组件不设置行高。
     - 省略冒号分号逗号和花括号。

docs/pages/menu/form/checkbox.mdx

@@ -108,7 +108,7 @@ marker钩号或破折号由 `label::after` 实现，可以自定义添加你需
     dataset={{ marker : "*" }}
     style={{
         '--color-checkbox': 'var(--blue-6)',
-        '--color-checkbox\:disabled': 'var(--blue-2)',
+        '--color-checkbox\\\:disabled': 'var(--blue-2)',
         color: 'rgb(var(--blue-6))'
 }}>Tim</Checkbox>
 

docs/pages/menu/form/switch.mdx

@@ -111,7 +111,7 @@ span.☘-switch(data-wider-trigger)
     <T class="☘-input-wrapper">
         <Switch title="fire" dataset={{ primary : "danger" }} style={{
             "--box-shadow-width-switch": "16px",
-            "--box-shadow-color-switch\:checked": "var(--blue-5)"
+            "--box-shadow-color-switch\\\:checked": "var(--blue-5)"
         }}>
             <T class="☘-switch-mover">🔥</T>
             <T class="☘-switch-slot"/>