@mixd-id/web-scaffold 0.1.230406279 → 0.1.230406280

package/package.json

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

package/src/components/Alert.vue

@@ -212,7 +212,7 @@ export default{
 }
 
 .title{
-	@apply whitespace-nowrap overflow-hidden;
+	@apply text-center;
 }
 
 .details{

package/src/utils/preset-selector.js

@@ -574,6 +574,12 @@ const chartToSequelizeWhere = async (chart, opt) => {
             order = literal(`DATE_FORMAT(${model.name}.${field}, \"%Y-%m-%d\")`)
             break
 
+          case 'hour':
+            attributes.push([literal(`DATE_FORMAT(${model.name}.${field}, "%H")`), xAxis[0].key])
+            group.push(literal(`DATE_FORMAT(${model.name}.${field}, "%H")`))
+            order = literal(`DATE_FORMAT(${model.name}.${field}, \"%H\")`)
+            break
+
           default:
             attributes.push([literal(`${model.name}.${field}`), xAxe.key])
             group.push(literal(`${model.name}.${field}`))

package/src/utils/preset-selector.mjs

@@ -20,21 +20,12 @@ const sortsFn = function(a, b, sorts, index){
 }
 
 const pickColumns = function(columns, keys){
-  if(!Array.isArray(columns)) return keys
+  if(!Array.isArray(columns)) return []
 
-  const picked = []
+  const picked = JSON.parse(JSON.stringify(columns))
 
-  const groupedColumns = columns
-    .reduce((acc, column) => {
-      acc[column.key] = column
-      return acc
-    }, {})
-
-  for(let key of keys){
-    if(groupedColumns[key]){
-      groupedColumns[key].visible = true
-      picked.push(groupedColumns[key])
-    }
+  for(let idx in picked){
+    picked[idx].visible = keys.includes(picked[idx].key)
   }
 
   return picked

package/src/widgets/PresetBar.vue

@@ -1,7 +1,7 @@
 <template>
 	<div :class="$style.comp" v-if="config">
 
-    <TransitionGroup name="openltr" tag="div">
+    <TransitionGroup name="openltr" tag="div" class="flex-1 flex">
 
       <div v-if="$route.hash.indexOf(this.editHash) < 0" key="panel1" class="flex-1 flex flex-col">
 
@@ -274,6 +274,7 @@
                                   @change="apply()">
                           <option value="none">None</option>
                           <option value="date">Date</option>
+                          <option value="hour">Hour</option>
                         </Dropdown>
                       </div>
                       <button type="button" @click="xAxis.splice(index, 1); apply()">