added button type prop

Author: budiadiono

dist/vue-typed-ui.js

@@ -1614,7 +1614,17 @@ var _ButtonBase = function (_Vue) {
 
     function _ButtonBase() {
         classCallCheck(this, _ButtonBase);
-        return possibleConstructorReturn(this, (_ButtonBase.__proto__ || Object.getPrototypeOf(_ButtonBase)).apply(this, arguments));
+
+        /**
+         * Button type
+         *
+         * @default 'button'
+         * @type {string}
+         */
+        var _this = possibleConstructorReturn(this, (_ButtonBase.__proto__ || Object.getPrototypeOf(_ButtonBase)).apply(this, arguments));
+
+        _this.type = 'button';
+        return _this;
     }
 
     return _ButtonBase;
@@ -1633,6 +1643,9 @@ __decorate([vueTyped.Prop()], _ButtonBase.prototype, "float", void 0);
 __decorate([vueTyped.Prop({
     type: String
 })], _ButtonBase.prototype, "color", void 0);
+__decorate([vueTyped.Prop({
+    type: String
+})], _ButtonBase.prototype, "type", void 0);
 
 var Button = function (_ButtonBase2) {
     inherits(Button, _ButtonBase2);
@@ -1673,6 +1686,9 @@ var Button = function (_ButtonBase2) {
                 css += ' ' + this.color;
             }
             var el = ch('button', {
+                attrs: {
+                    type: this.type
+                },
                 on: {
                     'click': this.click
                 },

doc/api.json

@@ -112,6 +112,11 @@
       "size": {
         "type": "'mini' | 'tiny' | 'small' | 'medium' | 'large' | 'big' | 'huge' | 'massive'",
         "description": "Button size"
+      },
+      "type": {
+        "type": "string",
+        "description": "Button type",
+        "default": "'button'"
       }
     }
   },

src/components/form-inputs/button/_base.ts

@@ -70,4 +70,15 @@ export abstract class _ButtonBase extends Vue {
     })
     color: string
 
+    /**
+     * Button type
+     * 
+     * @default 'button'
+     * @type {string}
+     */
+    @Prop({
+        type: String
+    })
+    type: string = 'button'
+
 }

src/components/form-inputs/button/index.ts

@@ -43,6 +43,9 @@ export class Button extends _ButtonBase {
 		}
 
 		var el = ch('button', {
+			attrs: {
+				type: this.type
+			},
 			on: {
 				'click': this.click
 			},

src/components/form-inputs/button/schema/props.json

@@ -30,6 +30,11 @@
 		"color": {
 			"type": "string",
 			"description": "Button color name"
+		},
+		"type": {
+			"type": "string",
+			"description": "Button type",
+			"default": "'button'"
 		}
 	}
 }