upd: add initial value prop to text input

Quasi-Studio · Nov 12, 2023 · 0135633 · 0135633
1 parent fb88799
commit 0135633
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/block-data/src/components/index.ts b/packages/block-data/src/components/index.ts
@@ -55,9 +55,7 @@ export default {
     event("onInput", t.string, "as-hided-socket"),
     method("clear", [], "as-hided-socket"),
     plugin("validator", "input-plugin"),
-    [
-      textProp("class"),
-    ],
+    [textProp("class"), textProp("initial")],
   ),
 
   appbar: component(

diff --git a/packages/runtime/src/input.r.ts b/packages/runtime/src/input.r.ts
@@ -4,13 +4,14 @@ import QuasiRuntime from "./plugin";
 export interface InputProps {
   class: string;
   label: string;
+  initial: string;
   disabled: boolean;
   onInput: (newVal: string) => void;
   validator: (value: string) => string | true;
 }
 
 export class InputModel {
-  value: string = "";
+  value: string;
   clear() {
     this.value = "";
   }
@@ -19,6 +20,7 @@ export class InputModel {
 @QuasiRuntime.outputComponent("input")
 export class QInput extends OutputComponent {
   main(_: ComponentContext<this>, model: InputModel, props: InputProps): void {
+    model.value ??= props.initial;
     _.$cls(props.class);
     if (_.mdInput(fromProp(model, "value"), props.label, props.disabled)) {
       props.onInput?.(_.$ev);