hyperapp-is 0.1.11 → 0.1.13

package/README.md

@@ -553,12 +553,14 @@ NavigatorFinder に渡すヘッダーと値
 export interface NavigatorColumn {
 	name    : string
 	val     : (item: NavigatorItem) => any
+	text   ?: (item: NavigatorItem) => string
 	compare?: (a: NavigatorItem, b: NavigatorItem) => number
 }
 ```
 
-- name: 名前
-- val : 値を返す関数
+- name   : 名前
+- val    : 値を返す関数 (VNode等も可)
+- text   : val が string ではない時に設定するテキスト
 - compare: 比較関数
 
 `compare` を設置したカラムだけ、ソート対象となります

package/dist/hyperapp-is/core/navigator.d.ts

@@ -17,6 +17,7 @@ export interface JsonEntry<D> {
 export interface NavigatorColumn {
     name: string;
     val: (item: NavigatorItem) => any;
+    text?: (item: NavigatorItem) => string;
     compare?: (a: NavigatorItem, b: NavigatorItem) => number;
 }
 export declare const convertJsonToNavigatorItem: <D>(props: {

package/dist/hyperapp-is/core/navigator.js

@@ -179,7 +179,7 @@ export const NavigatorFinder = function (props) {
         // filter
         const result = isFilter && searchText !== ""
             ? item.children.filter(child => {
-                return columns.some(col => hitTest(col.val(child)));
+                return columns.some(col => hitTest(col.text ? col.text(child) : col.val(child)));
             })
             : item.children;
         // maxCount
@@ -203,7 +203,7 @@ export const NavigatorFinder = function (props) {
     // items hitCount
     const hitCount = isFilter
         ? items.length
-        : items.filter(item => columns.some(col => hitTest(col.val(item)))).length;
+        : items.filter(item => columns.some(col => hitTest(col.text ? col.text(item) : col.val(item)))).length;
     // ---------- ---------- ----------
     // action_parentClick
     // ---------- ---------- ----------
@@ -297,10 +297,11 @@ export const NavigatorFinder = function (props) {
             : [action_itemClick, item]
     }, columns.map(col => {
         const v = col.val(item);
+        const t = col.text ? col.text(item) : typeof v === "string" ? v : "";
         return td({
-            title: String(v)
+            title: t
         }, span({
-            class: typeof v === "string" && hitTest(v) ? "hit" : ""
+            class: hitTest(t) ? "hit" : ""
         }, v));
     }))))), 
     // statusBar

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperapp-is",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "UI foundation library for Hyperapp by is4416",
   "license": "MIT",
   "type": "module",