@ktjs/core 0.26.1 → 0.26.4

package/dist/index.mjs

@@ -88,11 +88,8 @@ if (typeof Symbol === 'undefined') {
 }
 
 // Shared utilities and cached native methods for kt.js framework
-Object.defineProperty(window, '__ktjs__', { value: '0.22.8' });
+Object.defineProperty(window, '__ktjs__', { value: '0.23.0' });
 
-// export const KT_TYPE_REF = 1 as const;
-// export const KT_TYPE_COMPUTED = 2 as const;
-// export type KTReactiveTypeEnum = typeof KT_TYPE_REF | typeof KT_TYPE_COMPUTED;
 const isKT = (obj) => obj?.isKT;
 const isRef = (obj) => obj?.ktType === 1 /* KTReactiveType.REF */;
 const isComputed = (obj) => obj?.ktType === 2 /* KTReactiveType.COMPUTED */;
@@ -156,12 +153,10 @@ function attrIsObject(element, attr) {
             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') {
@@ -435,6 +430,9 @@ class KTComputed {
      * @internal
      */
     _onChanges = [];
+    /**
+     * @internal
+     */
     _subscribe(reactives) {
         for (let i = 0; i < reactives.length; i++) {
             const reactive = reactives[i];
@@ -596,7 +594,7 @@ let creator = htmlCreator;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.26.1 (Last Update: 2026.02.05 17:35:29.547)
+ * @version 0.26.4 (Last Update: 2026.02.05 23:37:34.691)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/jsx/index.d.ts

@@ -13,7 +13,6 @@ declare class KTComputed<T> {
      */
     isKT: true;
     ktType: KTReactiveType;
-    private _subscribe;
     constructor(_calculator: () => T, reactives: Array<KTReactive<unknown>>);
     /**
      * If new value and old value are both nodes, the old one will be replaced in the DOM
@@ -33,9 +32,9 @@ declare class KTComputed<T> {
 }
 
 type KTReactive<T> = KTRef<T> | KTComputed<T>;
-type KTReactify<T> = T extends any ? KTReactive<T> | T : never;
-type KTReactifyObject<T extends object> = {
-    [K in keyof T]: KTReactify<T[K]>;
+type KTReactify<T> = T extends any ? KTReactive<T> : never;
+type KTReactifyProps<T extends object> = {
+    [K in keyof T]: KTReactify<Exclude<T[K], undefined>> | T[K];
 };
 
 declare const enum KTReactiveType {
@@ -172,7 +171,7 @@ type KTAttribute = KTBaseAttribute & KTPrefixedEventAttribute;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.26.1 (Last Update: 2026.02.05 17:35:29.547)
+ * @version 0.26.4 (Last Update: 2026.02.05 23:37:34.691)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -224,7 +223,7 @@ declare function createRedrawable<T>(creator: () => T): KTRef<T> & {
 
 // Base events available to all HTML elements
 type BaseAttr = KTPrefixedEventAttribute &
-  KTReactifyObject<{
+  KTReactifyProps<{
     [k: string]: any;
 
     // # base attributes
@@ -236,7 +235,7 @@ type BaseAttr = KTPrefixedEventAttribute &
 interface AttributesMap {
   // Anchor element
   a: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       download?: string;
       href?: string;
       hreflang?: string;
@@ -257,7 +256,7 @@ interface AttributesMap {
 
   // Area element
   area: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       alt?: string;
       coords?: string;
       download?: string;
@@ -279,7 +278,7 @@ interface AttributesMap {
 
   // Audio element
   audio: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       autoplay?: boolean;
       controls?: boolean;
       crossorigin?: 'anonymous' | 'use-credentials' | '';
@@ -291,20 +290,20 @@ interface AttributesMap {
 
   // Base element
   base: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       href?: string;
       target?: '_self' | '_blank' | '_parent' | '_top' | string;
     }>;
 
   // Body element
-  body: BaseAttr & KTReactifyObject<{}>;
+  body: BaseAttr & KTReactifyProps<{}>;
 
   // BR element
-  br: BaseAttr & KTReactifyObject<{}>;
+  br: BaseAttr & KTReactifyProps<{}>;
 
   // Button element
   button: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       disabled?: boolean;
       form?: string;
       formaction?: string;
@@ -319,57 +318,57 @@ interface AttributesMap {
 
   // Canvas element
   canvas: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       height?: number | string;
       width?: number | string;
     }>;
 
   // Table caption element
-  caption: BaseAttr & KTReactifyObject<{}>;
+  caption: BaseAttr & KTReactifyProps<{}>;
 
   // Col element
   col: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       span?: number | string;
     }>;
 
   // Colgroup element
   colgroup: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       span?: number | string;
     }>;
 
   // Data element
   data: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       value?: string;
     }>;
 
   // Datalist element
-  datalist: BaseAttr & KTReactifyObject<{}>;
+  datalist: BaseAttr & KTReactifyProps<{}>;
 
   // Del element
   del: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       cite?: string;
       datetime?: string;
     }>;
 
   // Details element
   details: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       open?: boolean;
     }>;
 
   // Dialog element
   dialog: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       open?: boolean;
     }>;
 
   // Embed element
   embed: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       height?: number | string;
       src?: string;
       type?: string;
@@ -378,7 +377,7 @@ interface AttributesMap {
 
   // Fieldset element
   fieldset: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       disabled?: boolean;
       form?: string;
       name?: string;
@@ -386,7 +385,7 @@ interface AttributesMap {
 
   // Form element
   form: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       'accept-charset'?: string;
       action?: string;
       autocomplete?: 'on' | 'off';
@@ -399,17 +398,17 @@ interface AttributesMap {
     }>;
 
   // Head element
-  head: BaseAttr & KTReactifyObject<{}>;
+  head: BaseAttr & KTReactifyProps<{}>;
 
   // HR element
-  hr: BaseAttr & KTReactifyObject<{}>;
+  hr: BaseAttr & KTReactifyProps<{}>;
 
   // HTML element
-  html: BaseAttr & KTReactifyObject<{}>;
+  html: BaseAttr & KTReactifyProps<{}>;
 
   // IFrame element
   iframe: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       allow?: string;
       allowfullscreen?: boolean;
       allowpaymentrequest?: boolean;
@@ -433,7 +432,7 @@ interface AttributesMap {
 
   // Image element
   img: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       alt?: string;
       crossorigin?: 'anonymous' | 'use-credentials' | '';
       decoding?: 'sync' | 'async' | 'auto';
@@ -458,7 +457,7 @@ interface AttributesMap {
 
   // Input element
   input: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       accept?: string;
       alt?: string;
       autocomplete?: string;
@@ -515,29 +514,29 @@ interface AttributesMap {
 
   // Ins element
   ins: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       cite?: string;
       datetime?: string;
     }>;
 
   // Label element
   label: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       for?: string;
     }>;
 
   // Legend element
-  legend: BaseAttr & KTReactifyObject<{}>;
+  legend: BaseAttr & KTReactifyProps<{}>;
 
   // LI element
   li: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       value?: number | string;
     }>;
 
   // Link element
   link: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       as?: string;
       crossorigin?: 'anonymous' | 'use-credentials' | '';
       disabled?: boolean;
@@ -563,16 +562,16 @@ interface AttributesMap {
 
   // Map element
   map: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       name?: string;
     }>;
 
   // Menu element
-  menu: BaseAttr & KTReactifyObject<{}>;
+  menu: BaseAttr & KTReactifyProps<{}>;
 
   // Meta element
   meta: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       charset?: string;
       content?: string;
       'http-equiv'?: 'content-security-policy' | 'content-type' | 'default-style' | 'refresh' | string;
@@ -581,7 +580,7 @@ interface AttributesMap {
 
   // Meter element
   meter: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       form?: string;
       high?: number | string;
       low?: number | string;
@@ -593,7 +592,7 @@ interface AttributesMap {
 
   // Object element
   object: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       data?: string;
       form?: string;
       height?: number | string;
@@ -605,7 +604,7 @@ interface AttributesMap {
 
   // OL element
   ol: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       reversed?: boolean;
       start?: number | string;
       type?: '1' | 'a' | 'A' | 'i' | 'I';
@@ -613,14 +612,14 @@ interface AttributesMap {
 
   // Optgroup element
   optgroup: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       disabled?: boolean;
       label?: string;
     }>;
 
   // Option element
   option: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       disabled?: boolean;
       label?: string;
       selected?: boolean;
@@ -629,39 +628,39 @@ interface AttributesMap {
 
   // Output element
   output: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       for?: string;
       form?: string;
       name?: string;
     }>;
 
   // Picture element
-  picture: BaseAttr & KTReactifyObject<{}>;
+  picture: BaseAttr & KTReactifyProps<{}>;
 
   // Pre element
-  pre: BaseAttr & KTReactifyObject<{}>;
+  pre: BaseAttr & KTReactifyProps<{}>;
 
   // Progress element
   progress: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       max?: number | string;
       value?: number | string;
     }>;
 
   // Quote element (q and blockquote)
   q: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       cite?: string;
     }>;
 
   blockquote: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       cite?: string;
     }>;
 
   // Script element
   script: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       async?: boolean;
       crossorigin?: 'anonymous' | 'use-credentials' | '';
       defer?: boolean;
@@ -682,7 +681,7 @@ interface AttributesMap {
 
   // Select element
   select: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       autocomplete?: string;
       disabled?: boolean;
       form?: string;
@@ -694,13 +693,13 @@ interface AttributesMap {
 
   // Slot element
   slot: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       name?: string;
     }>;
 
   // Source element
   source: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       height?: number | string;
       media?: string;
       sizes?: string;
@@ -712,30 +711,30 @@ interface AttributesMap {
 
   // Style element
   style: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       media?: string;
     }>;
 
   // Table element
-  table: BaseAttr & KTReactifyObject<{}>;
+  table: BaseAttr & KTReactifyProps<{}>;
 
   // Table body/footer/header elements
-  tbody: BaseAttr & KTReactifyObject<{}>;
+  tbody: BaseAttr & KTReactifyProps<{}>;
 
-  tfoot: BaseAttr & KTReactifyObject<{}>;
+  tfoot: BaseAttr & KTReactifyProps<{}>;
 
-  thead: BaseAttr & KTReactifyObject<{}>;
+  thead: BaseAttr & KTReactifyProps<{}>;
 
   // Table cell elements
   td: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       colspan?: number | string;
       headers?: string;
       rowspan?: number | string;
     }>;
 
   th: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       abbr?: string;
       colspan?: number | string;
       headers?: string;
@@ -744,11 +743,11 @@ interface AttributesMap {
     }>;
 
   // Template element
-  template: BaseAttr & KTReactifyObject<{}>;
+  template: BaseAttr & KTReactifyProps<{}>;
 
   // Textarea element
   textarea: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       autocomplete?: string;
       cols?: number | string;
       dirname?: string;
@@ -766,19 +765,19 @@ interface AttributesMap {
 
   // Time element
   time: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       datetime?: string;
     }>;
 
   // Title element
-  title: BaseAttr & KTReactifyObject<{}>;
+  title: BaseAttr & KTReactifyProps<{}>;
 
   // TR element
-  tr: BaseAttr & KTReactifyObject<{}>;
+  tr: BaseAttr & KTReactifyProps<{}>;
 
   // Track element
   track: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       default?: boolean;
       kind?: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata';
       label?: string;
@@ -787,11 +786,11 @@ interface AttributesMap {
     }>;
 
   // UL element
-  ul: BaseAttr & KTReactifyObject<{}>;
+  ul: BaseAttr & KTReactifyProps<{}>;
 
   // Video element
   video: BaseAttr &
-    KTReactifyObject<{
+    KTReactifyProps<{
       autoplay?: boolean;
       controls?: boolean;
       crossorigin?: 'anonymous' | 'use-credentials' | '';
@@ -806,55 +805,55 @@ interface AttributesMap {
     }>;
 
   // Generic HTMLElement (no specific attributes beyond BaseEvent)
-  abbr: BaseAttr & KTReactifyObject<{}>;
-  address: BaseAttr & KTReactifyObject<{}>;
-  article: BaseAttr & KTReactifyObject<{}>;
-  aside: BaseAttr & KTReactifyObject<{}>;
-  b: BaseAttr & KTReactifyObject<{}>;
-  bdi: BaseAttr & KTReactifyObject<{}>;
-  bdo: BaseAttr & KTReactifyObject<{}>;
-  cite: BaseAttr & KTReactifyObject<{}>;
-  code: BaseAttr & KTReactifyObject<{}>;
-  dd: BaseAttr & KTReactifyObject<{}>;
-  dfn: BaseAttr & KTReactifyObject<{}>;
-  div: BaseAttr & KTReactifyObject<{}>;
-  dl: BaseAttr & KTReactifyObject<{}>;
-  dt: BaseAttr & KTReactifyObject<{}>;
-  em: BaseAttr & KTReactifyObject<{}>;
-  figcaption: BaseAttr & KTReactifyObject<{}>;
-  figure: BaseAttr & KTReactifyObject<{}>;
-  footer: BaseAttr & KTReactifyObject<{}>;
-  h1: BaseAttr & KTReactifyObject<{}>;
-  h2: BaseAttr & KTReactifyObject<{}>;
-  h3: BaseAttr & KTReactifyObject<{}>;
-  h4: BaseAttr & KTReactifyObject<{}>;
-  h5: BaseAttr & KTReactifyObject<{}>;
-  h6: BaseAttr & KTReactifyObject<{}>;
-  header: BaseAttr & KTReactifyObject<{}>;
-  hgroup: BaseAttr & KTReactifyObject<{}>;
-  i: BaseAttr & KTReactifyObject<{}>;
-  kbd: BaseAttr & KTReactifyObject<{}>;
-  main: BaseAttr & KTReactifyObject<{}>;
-  mark: BaseAttr & KTReactifyObject<{}>;
-  nav: BaseAttr & KTReactifyObject<{}>;
-  noscript: BaseAttr & KTReactifyObject<{}>;
-  p: BaseAttr & KTReactifyObject<{}>;
-  rp: BaseAttr & KTReactifyObject<{}>;
-  rt: BaseAttr & KTReactifyObject<{}>;
-  ruby: BaseAttr & KTReactifyObject<{}>;
-  s: BaseAttr & KTReactifyObject<{}>;
-  samp: BaseAttr & KTReactifyObject<{}>;
-  search: BaseAttr & KTReactifyObject<{}>;
-  section: BaseAttr & KTReactifyObject<{}>;
-  small: BaseAttr & KTReactifyObject<{}>;
-  span: BaseAttr & KTReactifyObject<{}>;
-  strong: BaseAttr & KTReactifyObject<{}>;
-  sub: BaseAttr & KTReactifyObject<{}>;
-  summary: BaseAttr & KTReactifyObject<{}>;
-  sup: BaseAttr & KTReactifyObject<{}>;
-  u: BaseAttr & KTReactifyObject<{}>;
-  var: BaseAttr & KTReactifyObject<{}>;
-  wbr: BaseAttr & KTReactifyObject<{}>;
+  abbr: BaseAttr & KTReactifyProps<{}>;
+  address: BaseAttr & KTReactifyProps<{}>;
+  article: BaseAttr & KTReactifyProps<{}>;
+  aside: BaseAttr & KTReactifyProps<{}>;
+  b: BaseAttr & KTReactifyProps<{}>;
+  bdi: BaseAttr & KTReactifyProps<{}>;
+  bdo: BaseAttr & KTReactifyProps<{}>;
+  cite: BaseAttr & KTReactifyProps<{}>;
+  code: BaseAttr & KTReactifyProps<{}>;
+  dd: BaseAttr & KTReactifyProps<{}>;
+  dfn: BaseAttr & KTReactifyProps<{}>;
+  div: BaseAttr & KTReactifyProps<{}>;
+  dl: BaseAttr & KTReactifyProps<{}>;
+  dt: BaseAttr & KTReactifyProps<{}>;
+  em: BaseAttr & KTReactifyProps<{}>;
+  figcaption: BaseAttr & KTReactifyProps<{}>;
+  figure: BaseAttr & KTReactifyProps<{}>;
+  footer: BaseAttr & KTReactifyProps<{}>;
+  h1: BaseAttr & KTReactifyProps<{}>;
+  h2: BaseAttr & KTReactifyProps<{}>;
+  h3: BaseAttr & KTReactifyProps<{}>;
+  h4: BaseAttr & KTReactifyProps<{}>;
+  h5: BaseAttr & KTReactifyProps<{}>;
+  h6: BaseAttr & KTReactifyProps<{}>;
+  header: BaseAttr & KTReactifyProps<{}>;
+  hgroup: BaseAttr & KTReactifyProps<{}>;
+  i: BaseAttr & KTReactifyProps<{}>;
+  kbd: BaseAttr & KTReactifyProps<{}>;
+  main: BaseAttr & KTReactifyProps<{}>;
+  mark: BaseAttr & KTReactifyProps<{}>;
+  nav: BaseAttr & KTReactifyProps<{}>;
+  noscript: BaseAttr & KTReactifyProps<{}>;
+  p: BaseAttr & KTReactifyProps<{}>;
+  rp: BaseAttr & KTReactifyProps<{}>;
+  rt: BaseAttr & KTReactifyProps<{}>;
+  ruby: BaseAttr & KTReactifyProps<{}>;
+  s: BaseAttr & KTReactifyProps<{}>;
+  samp: BaseAttr & KTReactifyProps<{}>;
+  search: BaseAttr & KTReactifyProps<{}>;
+  section: BaseAttr & KTReactifyProps<{}>;
+  small: BaseAttr & KTReactifyProps<{}>;
+  span: BaseAttr & KTReactifyProps<{}>;
+  strong: BaseAttr & KTReactifyProps<{}>;
+  sub: BaseAttr & KTReactifyProps<{}>;
+  summary: BaseAttr & KTReactifyProps<{}>;
+  sup: BaseAttr & KTReactifyProps<{}>;
+  u: BaseAttr & KTReactifyProps<{}>;
+  var: BaseAttr & KTReactifyProps<{}>;
+  wbr: BaseAttr & KTReactifyProps<{}>;
 
   svg: BaseAttr & {
     class?: string;

package/dist/jsx/index.mjs

@@ -81,11 +81,8 @@ if (typeof Symbol === 'undefined') {
 }
 
 // Shared utilities and cached native methods for kt.js framework
-Object.defineProperty(window, '__ktjs__', { value: '0.22.8' });
+Object.defineProperty(window, '__ktjs__', { value: '0.23.0' });
 
-// export const KT_TYPE_REF = 1 as const;
-// export const KT_TYPE_COMPUTED = 2 as const;
-// export type KTReactiveTypeEnum = typeof KT_TYPE_REF | typeof KT_TYPE_COMPUTED;
 const isKT = (obj) => obj?.isKT;
 const isRef = (obj) => obj?.ktType === 1 /* KTReactiveType.REF */;
 const isComputed = (obj) => obj?.ktType === 2 /* KTReactiveType.COMPUTED */;
@@ -149,12 +146,10 @@ function attrIsObject(element, attr) {
             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') {
@@ -388,7 +383,7 @@ let creator = htmlCreator;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.26.1 (Last Update: 2026.02.05 17:35:29.547)
+ * @version 0.26.4 (Last Update: 2026.02.05 23:37:34.691)
  * @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.26.1 (Last Update: 2026.02.05 17:35:29.547)
+ * @version 0.26.4 (Last Update: 2026.02.05 23:37:34.691)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!