@viewfly/core 0.0.1-alpha.10 → 0.0.1-alpha.11

package/bundles/foundation/_utils.d.ts

@@ -6,3 +6,4 @@ export interface ObjectChanges {
 export declare const refKey = "ref";
 export declare function getObjectChanges(newProps?: Record<string, any>, oldProps?: Record<string, any>): ObjectChanges;
 export declare function classToString(config: unknown): any;
+export declare function styleToObject(style: string | Record<string, any>): Record<string, any>;

package/bundles/index.esm.js

@@ -601,6 +601,19 @@ function classToString(config) {
         return classes.join(' ');
     }
 }
+function styleToObject(style) {
+    if (typeof style !== 'string') {
+        return style;
+    }
+    const obj = {};
+    style.split(';').map(s => s.split(':')).forEach(v => {
+        if (!v[0] || !v[1]) {
+            return;
+        }
+        obj[v[0].trim()] = v[1].trim();
+    });
+    return obj;
+}
 
 class RootComponentRef {
 }
@@ -1003,7 +1016,7 @@ let Renderer = class Renderer {
                 continue;
             }
             if (key === 'style') {
-                const style = props.style;
+                const style = styleToObject(props.style);
                 Object.keys(style).forEach(key => {
                     this.nativeRenderer.setStyle(nativeNode, key, style[key]);
                 });
@@ -1045,7 +1058,7 @@ let Renderer = class Renderer {
                 continue;
             }
             if (key === 'style') {
-                Object.keys(value).forEach(styleName => {
+                Object.keys(styleToObject(value)).forEach(styleName => {
                     this.nativeRenderer.removeStyle(nativeNode, styleName);
                 });
                 continue;
@@ -1075,7 +1088,7 @@ let Renderer = class Renderer {
                 continue;
             }
             if (key === 'style') {
-                const styleChanges = getObjectChanges(newValue, oldValue);
+                const styleChanges = getObjectChanges(styleToObject(newValue), styleToObject(oldValue));
                 for (const [styleName] of styleChanges.remove) {
                     this.nativeRenderer.removeStyle(nativeNode, styleName);
                 }
@@ -1110,8 +1123,9 @@ let Renderer = class Renderer {
                 continue;
             }
             if (key === 'style') {
-                Object.keys(value).forEach(styleName => {
-                    this.nativeRenderer.setStyle(nativeNode, styleName, value[styleName]);
+                const styleObj = styleToObject(value);
+                Object.keys(styleObj).forEach(styleName => {
+                    this.nativeRenderer.setStyle(nativeNode, styleName, styleObj[styleName]);
                 });
                 continue;
             }

package/bundles/index.js

@@ -602,6 +602,19 @@ function classToString(config) {
         return classes.join(' ');
     }
 }
+function styleToObject(style) {
+    if (typeof style !== 'string') {
+        return style;
+    }
+    const obj = {};
+    style.split(';').map(s => s.split(':')).forEach(v => {
+        if (!v[0] || !v[1]) {
+            return;
+        }
+        obj[v[0].trim()] = v[1].trim();
+    });
+    return obj;
+}
 
 class RootComponentRef {
 }
@@ -1004,7 +1017,7 @@ exports.Renderer = class Renderer {
                 continue;
             }
             if (key === 'style') {
-                const style = props.style;
+                const style = styleToObject(props.style);
                 Object.keys(style).forEach(key => {
                     this.nativeRenderer.setStyle(nativeNode, key, style[key]);
                 });
@@ -1046,7 +1059,7 @@ exports.Renderer = class Renderer {
                 continue;
             }
             if (key === 'style') {
-                Object.keys(value).forEach(styleName => {
+                Object.keys(styleToObject(value)).forEach(styleName => {
                     this.nativeRenderer.removeStyle(nativeNode, styleName);
                 });
                 continue;
@@ -1076,7 +1089,7 @@ exports.Renderer = class Renderer {
                 continue;
             }
             if (key === 'style') {
-                const styleChanges = getObjectChanges(newValue, oldValue);
+                const styleChanges = getObjectChanges(styleToObject(newValue), styleToObject(oldValue));
                 for (const [styleName] of styleChanges.remove) {
                     this.nativeRenderer.removeStyle(nativeNode, styleName);
                 }
@@ -1111,8 +1124,9 @@ exports.Renderer = class Renderer {
                 continue;
             }
             if (key === 'style') {
-                Object.keys(value).forEach(styleName => {
-                    this.nativeRenderer.setStyle(nativeNode, styleName, value[styleName]);
+                const styleObj = styleToObject(value);
+                Object.keys(styleObj).forEach(styleName => {
+                    this.nativeRenderer.setStyle(nativeNode, styleName, styleObj[styleName]);
                 });
                 continue;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/core",
-  "version": "0.0.1-alpha.10",
+  "version": "0.0.1-alpha.11",
   "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -37,5 +37,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "6e542df7602aec6a451b2db9a89928ad8bb9f05a"
+  "gitHead": "38e6182b1ae82b0f9626742507ca7a4583d182f9"
 }