Add type prop for textfield.

wwmin · Nov 6, 2015 · 767845c · 767845c
1 parent 09a4ab7
commit 767845c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/examples/form/field.vue b/examples/form/field.vue
@@ -1,6 +1,7 @@
 <template>
   <d-text-field label="团队名称" :model='team' property='teamName' schema='Team'></d-text-field>
   <d-text-field label="昵称" :model='team' property='nickname' schema='Team'></d-text-field>
+  <d-text-field label="密码" :model='team' type='password' property='password' schema='Team'></d-text-field>
 
   <div>
     <d-field label="Custom">
@@ -45,6 +46,9 @@
     },
     nickname: {
       required: true
+    },
+    password: {
+
     },
     sex: {},
     category: {},

diff --git a/src/form/fields/text.vue b/src/form/fields/text.vue
@@ -38,6 +38,10 @@
       },
       hintMessage: {
         type: String
+      },
+      type: {
+        type: String,
+        default: 'text'
       }
     },
 
@@ -51,7 +55,8 @@
         created() {
           var parent = this.$parent;
           var bindProperty = '$parent.model.' + parent.property;
-          this.$options.template = `<d-text-editor type="text" :value.sync="${ bindProperty }" />`;
+          var type = parent.type;
+          this.$options.template = `<d-text-editor type="${type}" :value.sync="${ bindProperty }" />`;
         }
       }
     },