@mixd-id/web-scaffold 0.1.2301231362 → 0.1.2301231364

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.2301231362",
+  "version": "0.1.2301231364",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/ContextMenu.vue

@@ -188,8 +188,15 @@ export default {
 									transformOrigin = 'bottom right'
 								}
 							}
+
+							if(top < 0){
+								top = 0
+							}
 						}
 
+						maxHeight = this.$refs.contextMenu.clientHeight > window.innerHeight * .8 ?
+							Math.round(window.innerHeight * .8) : this.$refs.contextMenu.clientHeight + 24
+
 						this.computedStyle = {
 							left: left ? left + 'px' : left,
 							right: right ? right + 'px' : right,
@@ -199,8 +206,6 @@ export default {
 							transformOrigin: transformOrigin
 						}
 
-						console.log('width', this.computedStyle)
-
 						this.onOpen()
 					})
 
@@ -220,6 +225,7 @@ export default {
 				window.removeEventListener('scroll', this.onDismiss)
 				if(this.$refs.contextMenu){
 					this.$refs.contextMenu.removeEventListener('transitionend', transitionEnd)
+					this.computedStyle = {}
 				}
 				this.computedStyle = null
 				this.isOpen = false

package/src/components/ListPage1.vue

@@ -248,16 +248,21 @@
 
 					<div class="flex flex-col gap-3 py-8" v-else-if="layout.presetTab === 'summary'">
 
-						<div class="flex flex-row items-center p-3">
+						<div class="flex flex-row items-center p-3 py-1">
 							<label class="text-text-400 flex-1">Enabled</label>
 							<Checkbox v-model="preset.summary.enabled" @change="load"/>
 						</div>
 
-						<div class="flex flex-row items-center p-3">
+						<div class="flex flex-row items-center p-3 py-1">
 							<label class="text-text-400 flex-1">Hide Details</label>
 							<Checkbox v-model="preset.summary.hideDetails" @change="load"/>
 						</div>
 
+						<div class="flex flex-row items-center p-3 py-1">
+							<label class="text-text-400 flex-1">Hide Legend</label>
+							<Checkbox v-model="preset.summary.hideLegends" @change="load"/>
+						</div>
+
 						<div class="p-3">
 							<label class="text-text-400 flex-1">Type</label>
 							<div class="mt-2">
@@ -453,7 +458,29 @@ export default{
 				responsive: true,
 				maintainAspectRatio: false,
 				plugins: {
-					legend: true
+					legend: !this.preset.summary.hideLegends,
+					tooltip: {
+						callbacks: {
+							label: function(context) {
+
+								const labels = []
+
+								labels.push(context.dataset.label + ': ' + context.parsed.y)
+
+								let total = 0
+								let percent = 0
+								for(let key in context.parsed._stacks.y){
+									if(!isNaN(parseInt(key))){
+										total += parseInt(context.parsed._stacks.y[key])
+									}
+								}
+								percent = Math.round(parseInt(context.parsed.y) / total * 100)
+								labels.push(`Total: ${total} (${percent}%)`)
+
+								return labels;
+							}
+						}
+					}
 				},
 				scales: {
 					x: {

package/src/components/VirtualTable.vue

@@ -344,6 +344,11 @@ export default{
 					const num = parseInt(value)
 					text = !isNaN(num) ? num.toLocaleString() : ''
 					break
+
+				case 'enum':
+					const enumObj = column.typeParams.filter((_) => _.value === value).pop()
+					text = enumObj ? enumObj.text : value
+					break
 			}
 
 			return text

package/src/utils/helpers.js

@@ -2,7 +2,6 @@ const md5 = require("md5");
 const fs = require("fs");
 
 
-
 const ceil = (num, precision = 0) => {
   var p = Math.pow(10, precision)
   var n = (num * p) * (1 + Number.EPSILON)
@@ -159,6 +158,14 @@ const writeStorage = (path, content, append = false) => {
   }
 }
 
+const bufferToStream = (buffer) => {
+  const { Duplex } = require('stream')
+  let stream = new Duplex()
+  stream.push(buffer)
+  stream.push(null)
+  return stream
+}
+
 
 module.exports = {
   ceil,
@@ -173,5 +180,6 @@ module.exports = {
   sleep,
   strSlug,
   strVars,
-  writeStorage
+  writeStorage,
+  bufferToStream
 }