@bigin/bigin-ui-button - npm Package Compare versions

Comparing version 0.0.43 to 0.0.44

lib/index.js

@@ -1,26 +0,68 @@
-'use strict';//
-//
-//
-
-var script = {
-  name: 'BIcon',
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var button = {
   props: {
-    name: {
+    prefixIcon: {
       type: String,
-      default: '',
-      required: true
+      default: ''
     },
-    size: {
+    suffixIcon: {
       type: String,
       default: ''
+    },
+    primary: {
+      type: Boolean,
+      default: false
+    },
+    danger: {
+      type: Boolean,
+      default: false
+    },
+    small: {
+      type: Boolean,
+      default: false
+    },
+    large: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    nativeType: {
+      type: String,
+      default: 'button'
     }
   },
+  data() {
+    return {
+      typeClass: 'btn'
+    }
+  },
   computed: {
-    nameClass() {
-      return `icon-${this.name}`
+    variantClass() {
+      return (
+        (this.primary && `${this.typeClass}--primary`) ||
+        (this.danger && `${this.typeClass}--danger`) ||
+        `${this.typeClass}--default`
+      )
     },
-    sizeClass() {
-      return `icsz-${this.size}`
+    sizingClass() {
+      return (this.small && 'small') || (this.large && 'large') || 'medium'
     }
   }
+};//
+
+var script = {
+  name: 'BButton',
+  mixins: [button],
+  props: {
+    text: {
+      type: String,
+      default: ''
+    }
+  }
 };function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
@@ -107,5 +149,29 @@ if (typeof shadowMode !== 'boolean') {
   var _c = _vm._self._c || _h;
-  return _c("i", {
-    class: ["icon", _vm.name && _vm.nameClass, _vm.size && _vm.sizeClass]
-  })
+  return _c(
+    "button",
+    _vm._g(
+      {
+        class: [
+          _vm.typeClass,
+          _vm.variantClass,
+          _vm.sizingClass,
+          { loading: _vm.loading }
+        ],
+        attrs: { disabled: _vm.disabled || _vm.loading, type: _vm.nativeType }
+      },
+      _vm.$listeners
+    ),
+    [
+      _vm.prefixIcon
+        ? _c("b-icon", { attrs: { name: _vm.prefixIcon } })
+        : _vm._e(),
+      _vm._v(" "),
+      _vm._t("default", [_vm._v(_vm._s(_vm.text))]),
+      _vm._v(" "),
+      _vm.suffixIcon
+        ? _c("b-icon", { attrs: { name: _vm.suffixIcon } })
+        : _vm._e()
+    ],
+    2
+  )
 };
@@ -142,72 +208,25 @@ var __vue_staticRenderFns__ = [];
     undefined
-  );var lib=__vue_component__;//
+  );//
+//
+//
 
 var script$1 = {
-  name: 'BButton',
-  components: {
-    BIcon: lib
-  },
+  name: 'BIcon',
   props: {
-    text: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
+    name: {
       type: String,
-      default: ''
+      default: '',
+      required: true
     },
-    prefixIcon: {
-      type: String,
-      default: ''
-    },
-    suffixIcon: {
-      type: String,
-      default: ''
-    },
-    primary: {
-      type: Boolean,
-      default: false
-    },
-    danger: {
-      type: Boolean,
-      default: false
-    },
-    small: {
-      type: Boolean,
-      default: false
-    },
-    large: {
-      type: Boolean,
-      default: false
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    nativeType: {
-      type: String,
-      default: 'button'
-    },
-    autofocus: {
-      type: Boolean,
-      default: false
+    size: {
+      type: [String, Number],
+      default: 16
     }
   },
   computed: {
-    typeClass() {
-      return (this.text && 'btn-text') || (this.icon && 'btn-icon') || 'btn'
+    nameClass() {
+      return `icon-${this.name}`
     },
-    variantClass() {
-      return (
-        (this.primary && `${this.typeClass}--primary`) ||
-        (this.danger && `${this.typeClass}--danger`) ||
-        `${this.typeClass}--default`
-      )
-    },
-    sizingClass() {
-      return (this.small && 'small') || (this.large && 'large') || 'medium'
+    sizeClass() {
+      return `icsz-${this.size}`
     }
@@ -296,2 +315,68 @@ }
   var _c = _vm._self._c || _h;
+  return _c("i", {
+    class: ["icon", _vm.name && _vm.nameClass, _vm.size && _vm.sizeClass]
+  })
+};
+var __vue_staticRenderFns__$1 = [];
+__vue_render__$1._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$1 = undefined;
+  /* scoped */
+  const __vue_scope_id__$1 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$1 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$1 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$1 = normalizeComponent$1(
+    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    __vue_inject_styles__$1,
+    __vue_script__$1,
+    __vue_scope_id__$1,
+    __vue_is_functional_template__$1,
+    __vue_module_identifier__$1,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );var lib=__vue_component__$1;//
+
+var script$2 = {
+  name: 'BButtonIcon',
+  mixins: [button],
+  components: {
+    BIcon: lib
+  },
+  props: {
+    name: {
+      type: String,
+      default: 'fire'
+    }
+  },
+  data() {
+    return {
+      typeClass: 'btn-icon'
+    }
+  },
+  computed: {
+    size() {
+      return (this.small && 14) || (this.large && 20) || 16
+    }
+  }
+};/* script */
+const __vue_script__$2 = script$2;
+
+/* template */
+var __vue_render__$2 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c(
@@ -307,10 +392,78 @@ "button",
         ],
-        attrs: {
-          disabled: _vm.disabled || _vm.loading,
-          autofocus: _vm.autofocus,
-          type: _vm.nativeType
-        }
+        attrs: { disabled: _vm.disabled || _vm.loading, type: _vm.nativeType }
       },
       _vm.$listeners
     ),
+    [_c("b-icon", { attrs: { name: _vm.name, size: _vm.size } })],
+    1
+  )
+};
+var __vue_staticRenderFns__$2 = [];
+__vue_render__$2._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$2 = undefined;
+  /* scoped */
+  const __vue_scope_id__$2 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$2 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$2 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$2 = normalizeComponent(
+    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+    __vue_inject_styles__$2,
+    __vue_script__$2,
+    __vue_scope_id__$2,
+    __vue_is_functional_template__$2,
+    __vue_module_identifier__$2,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );//
+
+var script$3 = {
+  name: 'BButtonText',
+  mixins: [button],
+  props: {
+    text: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      typeClass: 'btn-text'
+    }
+  }
+};/* script */
+const __vue_script__$3 = script$3;
+
+/* template */
+var __vue_render__$3 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "button",
+    _vm._g(
+      {
+        class: [
+          _vm.typeClass,
+          _vm.variantClass,
+          _vm.sizingClass,
+          { loading: _vm.loading }
+        ],
+        attrs: { disabled: _vm.disabled || _vm.loading, type: _vm.nativeType }
+      },
+      _vm.$listeners
+    ),
     [
@@ -321,5 +474,3 @@ _vm.prefixIcon
       _vm._v(" "),
-      _vm.icon
-        ? _c("b-icon", { attrs: { name: _vm.icon } })
-        : _c("span", [_vm._t("default")], 2),
+      _vm._t("default", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")]),
       _vm._v(" "),
@@ -330,16 +481,16 @@ _vm.suffixIcon
     ],
-    1
+    2
   )
 };
-var __vue_staticRenderFns__$1 = [];
-__vue_render__$1._withStripped = true;
+var __vue_staticRenderFns__$3 = [];
+__vue_render__$3._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$1 = undefined;
+  const __vue_inject_styles__$3 = undefined;
   /* scoped */
-  const __vue_scope_id__$1 = undefined;
+  const __vue_scope_id__$3 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1 = undefined;
+  const __vue_module_identifier__$3 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1 = false;
+  const __vue_is_functional_template__$3 = false;
   /* style inject */
@@ -353,9 +504,9 @@
   
-  const __vue_component__$1 = normalizeComponent$1(
-    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
-    __vue_inject_styles__$1,
-    __vue_script__$1,
-    __vue_scope_id__$1,
-    __vue_is_functional_template__$1,
-    __vue_module_identifier__$1,
+  const __vue_component__$3 = normalizeComponent(
+    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
+    __vue_inject_styles__$3,
+    __vue_script__$3,
+    __vue_scope_id__$3,
+    __vue_is_functional_template__$3,
+    __vue_module_identifier__$3,
     false,
@@ -365,2 +516,2 @@ undefined,
     undefined
-  );module.exports=__vue_component__$1;
+  );exports.Button=__vue_component__;exports.ButtonIcon=__vue_component__$2;exports.ButtonText=__vue_component__$3;

package.json

 {
   "name": "@bigin/bigin-ui-button",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "description": "Bigin Design System Button component",
@@ -30,3 +30,3 @@ "author": "Tam Mai <[e-mail]>",
   },
-  "gitHead": "2d0cc8f9b87fac54a00cffee543fa16a0028bdbb"
+  "gitHead": "813b5a83e2781a669f447472d99ed48bbc75921c"
 }

No alert changes

Improved metrics

Total package byte prevSize

15562

increased by27.17%

Lines of code

481

increased by39.02%

No dependency changes