hyperapp-is 0.1.46 → 0.1.47

package/README.md

@@ -522,11 +522,12 @@ localState: { histories: string[] }
 ```ts
 export const HistoryInput = function <S> (
 	props: {
-		state        : S
-		id           : string
-		keyNames     : Keys_String
-		historyLimit?: number
-		[key: string]: any
+		state         : S
+		id            : string
+		keyNames      : Keys_String
+		historyLimit ?: number
+		afterRender  ?: (state: S, localState: Record<string, any>, vnode: VNode<S>[]) => VNode<S>[]
+		[key: string] : any
 	}
 ): VNode<S>[]
 ```
@@ -536,6 +537,7 @@ export const HistoryInput = function <S> (
 - props.id      : ユニークID
 - props.keyNames: ステート内の文字までのパス
 - props.historyLimit: 保持する履歴の最大数 (default = 10)
+- props.afterRender : 全体のレンダーフック
 - returns           : [HTMLInputElement, HTMLDataListElement]
 
 履歴は `[props.id].histories` に保存されます  

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

@@ -60,5 +60,6 @@ export declare const HistoryInput: <S>(props: {
     id: string;
     keyNames: Keys_String;
     historyLimit?: number;
+    afterRender?: (state: S, localState: Record<string, any>, vnode: VNode<S>[]) => VNode<S>[];
     [key: string]: any;
 }) => VNode<S>[];

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

@@ -167,7 +167,7 @@ export const OptionButton = function (props, children) {
  * @returns {VNode<S>[]} - [HTMLInputElement, HTMLDataListElement]
  */
 export const HistoryInput = function (props) {
-    const { state, id, keyNames, historyLimit = 10 } = props;
+    const { state, id, keyNames, historyLimit = 10, afterRender } = props;
     const value = getValue(state, keyNames, "");
     const localState = getLocalState(state, id, {
         histories: []
@@ -209,10 +209,10 @@ export const HistoryInput = function (props) {
     // ---------- ---------- ----------
     // VNode
     // ---------- ---------- ----------
-    return [
+    const vnode = [
         input({
             type: "text",
-            ...deleteKeys(props, "state", "keyNames", "historyLimit"),
+            ...deleteKeys(props, "state", "keyNames", "historyLimit", "afterRender"),
             list: `${id}-history`,
             value,
             oninput,
@@ -224,4 +224,7 @@ export const HistoryInput = function (props) {
             value: item
         })))
     ];
+    return afterRender
+        ? afterRender(state, localState, vnode)
+        : vnode;
 };

package/package.json

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