@ktjs/core 0.25.0 → 0.26.1

package/dist/index.iife.js

@@ -142,19 +142,41 @@ var __ktjs_core__ = (function (exports) {
     };
 
     const defaultHandler = (element, key, value) => element.setAttribute(key, value);
+    const setElementStyle = (element, style) => {
+        if (typeof style === 'string') {
+            element.style.cssText = style;
+            return;
+        }
+        for (const key in style) {
+            element.style[key] = style[key];
+        }
+    };
     function attrIsObject(element, attr) {
         const classValue = attr.class || attr.className;
         if (classValue !== undefined) {
-            element.setAttribute('class', classValue);
+            if (isKT(classValue)) {
+                element.setAttribute('class', classValue.value);
+                classValue.addOnChange((v) => element.setAttribute('class', v));
+            }
+            else {
+                // todo 这里要让undefined 排除出reactify类型工具之外
+                element.setAttribute('class', classValue);
+            }
         }
+        // todo 这里加入reactive支持
+        // todo 类型定义也要支持reactive响应式
         const style = attr.style;
         if (style) {
             if (typeof style === 'string') {
                 element.setAttribute('style', style);
             }
             else if (typeof style === 'object') {
-                for (const key in style) {
-                    element.style[key] = style[key];
+                if (isKT(style)) {
+                    setElementStyle(element, style.value);
+                    style.addOnChange((v) => setElementStyle(element, v));
+                }
+                else {
+                    setElementStyle(element, style);
                 }
             }
         }
@@ -186,8 +208,14 @@ var __ktjs_core__ = (function (exports) {
             }
             // normal attributes
             else {
-                // todo 这里也可以绑定ref的
-                (handlers[key] || defaultHandler)(element, key, o);
+                const handler = handlers[key] || defaultHandler;
+                if (isKT(o)) {
+                    handler(element, key, o.value);
+                    o.addOnChange((v) => handler(element, key, v));
+                }
+                else {
+                    handler(element, key, o);
+                }
             }
         }
     }
@@ -571,7 +599,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.25.0 (Last Update: 2026.02.05 16:20:09.244)
+     * @version 0.26.1 (Last Update: 2026.02.05 17:35:29.547)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/index.legacy.js

@@ -144,19 +144,41 @@ var __ktjs_core__ = (function (exports) {
     var defaultHandler = function (element, key, value) {
         return element.setAttribute(key, value);
     };
+    var setElementStyle = function (element, style) {
+        if (typeof style === 'string') {
+            element.style.cssText = style;
+            return;
+        }
+        for (var key in style) {
+            element.style[key] = style[key];
+        }
+    };
     function attrIsObject(element, attr) {
         var classValue = attr.class || attr.className;
         if (classValue !== undefined) {
-            element.setAttribute('class', classValue);
+            if (isKT(classValue)) {
+                element.setAttribute('class', classValue.value);
+                classValue.addOnChange(function (v) { return element.setAttribute('class', v); });
+            }
+            else {
+                // todo 这里要让undefined 排除出reactify类型工具之外
+                element.setAttribute('class', classValue);
+            }
         }
+        // todo 这里加入reactive支持
+        // todo 类型定义也要支持reactive响应式
         var style = attr.style;
         if (style) {
             if (typeof style === 'string') {
                 element.setAttribute('style', style);
             }
             else if (typeof style === 'object') {
-                for (var key in style) {
-                    element.style[key] = style[key];
+                if (isKT(style)) {
+                    setElementStyle(element, style.value);
+                    style.addOnChange(function (v) { return setElementStyle(element, v); });
+                }
+                else {
+                    setElementStyle(element, style);
                 }
             }
         }
@@ -170,7 +192,7 @@ var __ktjs_core__ = (function (exports) {
                 element.innerHTML = html;
             }
         }
-        for (var key in attr) {
+        var _loop_1 = function (key) {
             if (key === 'k-if' ||
                 key === 'k-model' ||
                 key === 'ref' ||
@@ -179,7 +201,7 @@ var __ktjs_core__ = (function (exports) {
                 key === 'style' ||
                 key === 'children' ||
                 key === 'k-html') {
-                continue;
+                return "continue";
             }
             var o = attr[key];
             // normal event handler
@@ -188,9 +210,18 @@ var __ktjs_core__ = (function (exports) {
             }
             // normal attributes
             else {
-                // todo 这里也可以绑定ref的
-                (handlers[key] || defaultHandler)(element, key, o);
+                var handler_1 = handlers[key] || defaultHandler;
+                if (isKT(o)) {
+                    handler_1(element, key, o.value);
+                    o.addOnChange(function (v) { return handler_1(element, key, v); });
+                }
+                else {
+                    handler_1(element, key, o);
+                }
             }
+        };
+        for (var key in attr) {
+            _loop_1(key);
         }
     }
     function applyAttr(element, attr) {
@@ -571,7 +602,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.25.0 (Last Update: 2026.02.05 16:20:09.244)
+     * @version 0.26.1 (Last Update: 2026.02.05 17:35:29.547)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/index.mjs

@@ -139,19 +139,41 @@ const handlers = {
 };
 
 const defaultHandler = (element, key, value) => element.setAttribute(key, value);
+const setElementStyle = (element, style) => {
+    if (typeof style === 'string') {
+        element.style.cssText = style;
+        return;
+    }
+    for (const key in style) {
+        element.style[key] = style[key];
+    }
+};
 function attrIsObject(element, attr) {
     const classValue = attr.class || attr.className;
     if (classValue !== undefined) {
-        element.setAttribute('class', classValue);
+        if (isKT(classValue)) {
+            element.setAttribute('class', classValue.value);
+            classValue.addOnChange((v) => element.setAttribute('class', v));
+        }
+        else {
+            // todo 这里要让undefined 排除出reactify类型工具之外
+            element.setAttribute('class', classValue);
+        }
     }
+    // todo 这里加入reactive支持
+    // todo 类型定义也要支持reactive响应式
     const style = attr.style;
     if (style) {
         if (typeof style === 'string') {
             element.setAttribute('style', style);
         }
         else if (typeof style === 'object') {
-            for (const key in style) {
-                element.style[key] = style[key];
+            if (isKT(style)) {
+                setElementStyle(element, style.value);
+                style.addOnChange((v) => setElementStyle(element, v));
+            }
+            else {
+                setElementStyle(element, style);
             }
         }
     }
@@ -183,8 +205,14 @@ function attrIsObject(element, attr) {
         }
         // normal attributes
         else {
-            // todo 这里也可以绑定ref的
-            (handlers[key] || defaultHandler)(element, key, o);
+            const handler = handlers[key] || defaultHandler;
+            if (isKT(o)) {
+                handler(element, key, o.value);
+                o.addOnChange((v) => handler(element, key, v));
+            }
+            else {
+                handler(element, key, o);
+            }
         }
     }
 }
@@ -568,7 +596,7 @@ let creator = htmlCreator;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.25.0 (Last Update: 2026.02.05 16:20:09.244)
+ * @version 0.26.1 (Last Update: 2026.02.05 17:35:29.547)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!