quasar-app-extension-qribbon - npm Package Compare versions

Comparing version 1.0.0-alpha.1 to 1.0.0-alpha.2

package.json

 {
   "name": "quasar-app-extension-qribbon",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "description": "QRibbon - Quasar App Extension",
@@ -5,0 +5,0 @@ "author": "Allan Gaunt <[e-mail]>",

README.md

@@ -6,6 +6,6 @@ QRibbon (qribbon)
 
-![npm (scoped)](https://img.shields.io/npm/v/@quasar/quasar-app-extension-qribbon.svg?style=plastic)
-[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/quasarframework/app-extension-qribbon.svg)]()
-[![GitHub repo size in bytes](https://img.shields.io/github/repo-size/quasarframework/app-extension-qribbon.svg)]()
-[![npm](https://img.shields.io/npm/dt/@quasar/quasar-app-extension-qribbon.svg)](https://www.npmjs.com/package/@quasar/quasar-app-extension-qribbon)
+![npm (scoped)](https://img.shields.io/npm/v/quasar-app-extension-qribbon.svg?style=plastic)
+[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/webnoob/app-extension-qribbon.svg)]()
+[![GitHub repo size in bytes](https://img.shields.io/github/repo-size/webnoob/app-extension-qribbon.svg)]()
+[![npm](https://img.shields.io/npm/dt/@quasar/quasar-app-extension-qribbon.svg)](https://www.npmjs.com/package/quasar-app-extension-qribbon)
 
@@ -12,0 +12,0 @@ QRibbon is an `UI App Extension` for [Quasar Framework v1](https://quasar.dev/). It will not work with legacy versions of Quasar Framework.

src/component/QRibbon.js

@@ -23,9 +23,8 @@ import Vue from 'vue'
       validator: (val) => [
-        'top left',
-        'top right',
-        'bottom left',
-        'bottom right',
+        'top-left',
+        'top-right',
+        'bottom-left',
+        'bottom-right',
         'left',
-        'right',
-        'full'
+        'right'
       ].includes(val)
@@ -35,7 +34,33 @@ },
       type: String,
-      default: 'default',
+      default: 'horizontal',
       validator: (val) => [
-        'default',
+        'horizontal',
+        'vertical',
         'corner'
       ].includes(val)
+    },
+    leafPosition: {
+      type: String,
+      default: 'bottom',
+      validator: (val) => [
+        'top',
+        'bottom',
+        'left',
+        'right'
+      ].includes(val)
+    },
+    size: {
+      type: String,
+      validator: (val) => [
+        'full'
+      ].includes(val)
+    },
+    decoration: {
+      type: String,
+      validator: (val) => [
+        'round-in',
+        'triangle-in',
+        'round-out',
+        'triangle-out'
+      ].includes(val)
     }
@@ -45,4 +70,7 @@ },
   computed: {
-    typeClass () {
-      return `qribbon__${this.type}`
+    ribbonClass () {
+      let className = `qribbon__${this.type}--${this.position}`
+      if (this.size !== void 0) className += `-${this.size}`
+      if (this.leafPosition !== void 0) className += ` leaf-${this.leafPosition}`
+      return className
     },
@@ -61,6 +89,3 @@ styles () {
       return h('div', {
-        staticClass: this.typeClass,
-        class: {
-          [this.position]: true
-        },
+        staticClass: this.ribbonClass,
         style: this.styles
@@ -72,6 +97,3 @@ }, slot(this, 'default'))
       return h('div', {
-        staticClass: this.typeClass,
-        class: {
-          [this.position]: true
-        },
+        staticClass: this.ribbonClass,
         style: this.styles
@@ -78,0 +100,0 @@ }, [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

16364

increased by49.16%

Lines of code

209

increased by11.76%

No dependency changes