fix: getPropertyValue return null

Author: dribble-njr

README.md

@@ -78,19 +78,19 @@ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章
 示例代码：
 
 ```js
-const { file, util, okCb, errCb } = CUSTOM_ARG;
-const param = new FormData();
-param.append(`file`, file);
+const { file, util, okCb, errCb } = CUSTOM_ARG
+const param = new FormData()
+param.append(`file`, file)
 util.axios
   .post(`http://127.0.0.1:9000/upload`, param, {
-    headers: { "Content-Type": `multipart/form-data` },
+    headers: { 'Content-Type': `multipart/form-data` },
   })
   .then((res) => {
-    okCb(res.url);
+    okCb(res.url)
   })
   .catch((err) => {
-    errCb(err);
-  });
+    errCb(err)
+  })
 
 // 提供的可用参数:
 // CUSTOM_ARG = {

src/utils/index.ts

@@ -211,13 +211,21 @@ export function exportHTML(primaryColor: string) {
      * @param {排除的属性} excludes 如果某些属性对结果有不良影响，可以使用这个参数来排除
      * @returns 行内样式拼接结果
      */
-    function getElementStyles(element: Element, excludes = [`width`, `height`]) {
+    function getElementStyles(element: Element, excludes = [`width`, `height`, `inlineSize`, `webkitLogicalWidth`, `webkitLogicalHeight`]) {
       const styles = getComputedStyle(element, null)
       return Object.entries(styles)
         .filter(
-          ([key]) => styles.getPropertyValue(key) && !excludes.includes(key),
+          ([key]) => {
+            // 将驼峰转换为短横线格式
+            const kebabKey = key.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)
+            return styles.getPropertyValue(kebabKey) && !excludes.includes(key)
+          },
         )
-        .map(([key, value]) => `${key}:${value};`)
+        .map(([key, value]) => {
+          // 将驼峰转换为短横线格式
+          const kebabKey = key.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)
+          return `${kebabKey}:${value};`
+        })
         .join(``)
     }