@ktjs/core 0.24.4 → 0.26.1

package/dist/jsx/index.mjs

@@ -81,7 +81,7 @@ if (typeof Symbol === 'undefined') {
 }
 
 // Shared utilities and cached native methods for kt.js framework
-Object.defineProperty(window, '__ktjs__', { value: '0.22.6' });
+Object.defineProperty(window, '__ktjs__', { value: '0.22.8' });
 
 // export const KT_TYPE_REF = 1 as const;
 // export const KT_TYPE_COMPUTED = 2 as const;
@@ -132,19 +132,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);
             }
         }
     }
@@ -176,8 +198,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);
+            }
         }
     }
 }
@@ -324,7 +352,7 @@ function ref(value, onChange) {
 
 function applyKModel(element, valueRef) {
     if (!isKT(valueRef)) {
-        console.warn('[kt.js warn] k-model value must be a KTRef.');
+        console.warn('[kt.js warn]','k-model value must be a KTRef.');
         return;
     }
     if (element instanceof HTMLInputElement) {
@@ -342,7 +370,7 @@ function applyKModel(element, valueRef) {
         applyModel(element, valueRef, 'value', 'input');
     }
     else {
-        console.warn('[kt.js warn] not supported element for k-model:');
+        console.warn('[kt.js warn]','not supported element for k-model:');
     }
 }
 
@@ -360,7 +388,7 @@ let creator = htmlCreator;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.24.4 (Last Update: 2026.02.05 13:57:50.861)
+ * @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/jsx/jsx-runtime.d.ts

@@ -141,7 +141,7 @@ type KTAttribute = KTBaseAttribute & KTPrefixedEventAttribute;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.24.4 (Last Update: 2026.02.05 13:57:50.861)
+ * @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/jsx/jsx-runtime.mjs

@@ -81,7 +81,7 @@ if (typeof Symbol === 'undefined') {
 }
 
 // Shared utilities and cached native methods for kt.js framework
-Object.defineProperty(window, '__ktjs__', { value: '0.22.6' });
+Object.defineProperty(window, '__ktjs__', { value: '0.22.8' });
 
 // export const KT_TYPE_REF = 1 as const;
 // export const KT_TYPE_COMPUTED = 2 as const;
@@ -132,19 +132,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);
             }
         }
     }
@@ -176,8 +198,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);
+            }
         }
     }
 }
@@ -324,7 +352,7 @@ function ref(value, onChange) {
 
 function applyKModel(element, valueRef) {
     if (!isKT(valueRef)) {
-        console.warn('[kt.js warn] k-model value must be a KTRef.');
+        console.warn('[kt.js warn]','k-model value must be a KTRef.');
         return;
     }
     if (element instanceof HTMLInputElement) {
@@ -342,7 +370,7 @@ function applyKModel(element, valueRef) {
         applyModel(element, valueRef, 'value', 'input');
     }
     else {
-        console.warn('[kt.js warn] not supported element for k-model:');
+        console.warn('[kt.js warn]','not supported element for k-model:');
     }
 }
 
@@ -360,7 +388,7 @@ let creator = htmlCreator;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.24.4 (Last Update: 2026.02.05 13:57:50.861)
+ * @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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/core",
-  "version": "0.24.4",
+  "version": "0.26.1",
   "description": "Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support",
   "type": "module",
   "module": "./dist/index.mjs",
@@ -44,7 +44,7 @@
     "directory": "packages/core"
   },
   "dependencies": {
-    "@ktjs/shared": "0.22.6"
+    "@ktjs/shared": "0.22.8"
   },
   "scripts": {
     "build": "rollup -c rollup.config.mjs",