feat: additional row style

lib/components/GGanttRow.vue

@@ -13,6 +13,7 @@
     <div
       class="g-gantt-row-bars-container"
       ref="barContainer"
+      :style="rowStyle"
       @dragover="onDragover($event)"
       @dragleave="onDragleave($event)"
       @drop="onDrop($event)"
@@ -50,6 +51,7 @@ export default {
   props: {
     label: { type: String, default: 'Row' },
     labelStyle: { type: Object },
+    rowStyle: { type: Object },
     bars: { type: Array, default: () => [] },
     highlightOnHover: { type: Boolean }
   },

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@tenrok/vue-ganttastic",
-  "version": "0.10.19",
+  "version": "0.10.22",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@tenrok/vue-ganttastic",
-      "version": "0.10.19",
+      "version": "0.10.22",
       "license": "MIT",
       "dependencies": {
         "vue": "^2.6.12"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenrok/vue-ganttastic",
-  "version": "0.10.20",
+  "version": "0.10.22",
   "description": "A simple and customizable Gantt chart component for Vue.js",
   "keywords": [
     "gantt",

src/App.vue

@@ -59,6 +59,7 @@
         v-for="row in chart2.rows"
         :key="row.label"
         :label="row.label"
+        :row-style="row.style"
         :bars="row.bars"
         :highlight-on-hover="chart2.highlightOnHover"
       >
@@ -311,7 +312,16 @@ export default {
                 backgroundColor: '#408e2f'
               }
             }
-          ]
+          ],
+          style: {
+            background:
+              'url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjRweCIgaGVpZ2h0PSI0cHgiIHZpZXdCb3g9IjAgMCA0IDQiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0FBNTUwMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMCIgeDI9IjQiIHkyPSI0Ii8+PC9zdmc+")',
+            backgroundRepeat: 'repeat',
+            backgroundPosition: '0 0',
+            backgroundSize: '4px 4px',
+            borderTop: '1px solid #aa5500',
+            borderBottom: '1px solid #aa5500'
+          }
         },
         {
           label: