kt.js 0.13.0 → 0.13.2

package/dist/jsx-runtime.mjs

@@ -48,22 +48,22 @@ if (typeof Promise === 'undefined') {
 }
 const $isThenable = (o) => typeof o === 'object' && o !== null && typeof o.then === 'function';
 
-function booleanHandler(element, key, value) {
+const booleanHandler = (element, key, value) => {
     if (key in element) {
         element[key] = !!value;
     }
     else {
         element.setAttribute(key, value);
     }
-}
-function valueHandler(element, key, value) {
+};
+const valueHandler = (element, key, value) => {
     if (key in element) {
         element[key] = value;
     }
     else {
         element.setAttribute(key, value);
     }
-}
+};
 // Attribute handlers map for optimized lookup
 const handlers = {
     checked: booleanHandler,
@@ -86,13 +86,18 @@ const handlers = {
     muted: booleanHandler,
     defer: booleanHandler,
     async: booleanHandler,
-    hidden: function (element, _key, value) {
-        element.hidden = !!value;
-    },
+    hidden: (element, _key, value) => (element.hidden = !!value),
 };
-const defaultHandler = function (element, key, value) {
-    return element.setAttribute(key, value);
+const ktEventHandlers = {
+    'on:ktchange': (element, handler) => element.addEventListener('change', () => handler(element.value)),
+    'ontrim:ktchange': (element, handler) => element.addEventListener('change', () => handler(element.value.trim())),
+    'on:ktchangenumber': (element, handler) => element.addEventListener('change', () => handler(Number(element.value))),
+    'on:ktinput': (element, handler) => element.addEventListener('input', () => handler(element.value)),
+    'ontrim:ktinput': (element, handler) => element.addEventListener('input', () => handler(element.value.trim())),
+    'on:ktinputnumber': (element, handler) => element.addEventListener('input', () => handler(Number(element.value))),
 };
+
+const defaultHandler = (element, key, value) => element.setAttribute(key, value);
 function attrIsObject(element, attr) {
     const classValue = attr.class;
     const style = attr.style;
@@ -112,11 +117,19 @@ function attrIsObject(element, attr) {
         delete attr.style;
     }
     const keys = $keys(attr);
+    // todo 这里的处理每次遍历都要if所有的情况，能否用map或者对象来优化？
     for (let i = keys.length - 1; i >= 0; i--) {
         const key = keys[i];
         const o = attr[key];
         // force register on:xxx as an event handler
         // !if o is not valid, the throwing job will be done by `on`, not kt.js
+        // # special handling for kt.js specific events
+        const ktEvent = ktEventHandlers[key];
+        if (ktEvent) {
+            ktEvent(element, o);
+            continue;
+        }
+        // # normal event handler
         if (key.startsWith('on:')) {
             element.addEventListener(key.slice(3), o); // chop off the `@`
             continue;
@@ -203,7 +216,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.13.0 (Last Update: 2026.01.15 16:05:51.084)
+ * @version 0.13.2 (Last Update: 2026.01.16 19:38:40.621)
  * @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": "kt.js",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "author": {
     "name": "Kasukabe Tsumugi",
     "email": "futami16237@gmail.com"
@@ -41,8 +41,8 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@ktjs/core": "0.13.0",
-    "@ktjs/shortcuts": "0.7.3"
+    "@ktjs/shortcuts": "0.7.3",
+    "@ktjs/core": "0.13.2"
   },
   "scripts": {
     "build": "rollup -c rollup.config.mjs",