hyperapp-is 0.1.45 → 0.1.46

package/README.md

@@ -516,7 +516,8 @@ export const OptionButton = function <S> (
 ---
 
 ### HistoryInput
-履歴付きインプットボックス
+履歴付きインプットボックス  
+localState: { histories: string[] }
 
 ```ts
 export const HistoryInput = function <S> (
@@ -527,7 +528,7 @@ export const HistoryInput = function <S> (
 		historyLimit?: number
 		[key: string]: any
 	}
-): VNode<S>
+): VNode<S>[]
 ```
 
 - props         : props
@@ -535,6 +536,7 @@ export const HistoryInput = function <S> (
 - props.id      : ユニークID
 - props.keyNames: ステート内の文字までのパス
 - props.historyLimit: 保持する履歴の最大数 (default = 10)
+- returns           : [HTMLInputElement, HTMLDataListElement]
 
 履歴は `[props.id].histories` に保存されます  
 履歴を動的にクリアしたい場合 `setLocalState(state, id, { histories: [] })` などとして下さい

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

@@ -51,10 +51,9 @@ export declare const OptionButton: <S>(props: {
 }, children: any) => VNode<S>;
 /**
  * 履歴付きインプット
+ * localState: { histories: string[] }
  *
- * div
- *  ├ input
- *  └ datalist
+ * @returns {VNode<S>[]} - [HTMLInputElement, HTMLDataListElement]
  */
 export declare const HistoryInput: <S>(props: {
     state: S;
@@ -62,4 +61,4 @@ export declare const HistoryInput: <S>(props: {
     keyNames: Keys_String;
     historyLimit?: number;
     [key: string]: any;
-}) => VNode<S>;
+}) => VNode<S>[];

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

@@ -162,10 +162,9 @@ export const OptionButton = function (props, children) {
 // ---------- ---------- ---------- ---------- ----------
 /**
  * 履歴付きインプット
+ * localState: { histories: string[] }
  *
- * div
- *  ├ input
- *  └ datalist
+ * @returns {VNode<S>[]} - [HTMLInputElement, HTMLDataListElement]
  */
 export const HistoryInput = function (props) {
     const { state, id, keyNames, historyLimit = 10 } = props;
@@ -210,16 +209,19 @@ export const HistoryInput = function (props) {
     // ---------- ---------- ----------
     // VNode
     // ---------- ---------- ----------
-    return div({}, input({
-        type: "text",
-        ...deleteKeys(props, "state", "keyNames", "historyLimit"),
-        list: `${id}-history`,
-        value,
-        oninput,
-        onkeydown,
-    }), datalist({
-        id: `${id}-history`
-    }, histories.map(item => option({
-        value: item
-    }))));
+    return [
+        input({
+            type: "text",
+            ...deleteKeys(props, "state", "keyNames", "historyLimit"),
+            list: `${id}-history`,
+            value,
+            oninput,
+            onkeydown,
+        }),
+        datalist({
+            id: `${id}-history`
+        }, histories.map(item => option({
+            value: item
+        })))
+    ];
 };

package/package.json

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