@kalisio/kdk 2.1.7 → 2.1.8

package/core/client/components/KSponsor.vue

@@ -1,40 +1,40 @@
-<template>
-  <div class="column items-center">
-    <!-- KDK attribution -->
-    <div class="row justify-center items-center">
-      <div>
-        {{ $t('KSponsor.KDK_POWERED') }}
-      </div>
-      <KAction
-        id="kdk-sponsor"
-        icon="las la-external-link-alt"
-        tooltip="KSponsor.MORE_ABOUT_KDK"
-        size="sm"
-        url="https://kalisio.github.io/kdk"
-      />
-    </div>
-    <!-- Kalisio logo -->
-    <a href="https://kalisio.com" target="_blank">
-      <q-img src="kalisio.png" :width="computedLogoWidth">
-        <q-tooltip>
-          {{ $t('KSponsor.MORE_ABOUT_KALISIO') }}
-        </q-tooltip>
-      </q-img>
-    </a>
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue'
-import { useQuasar } from 'quasar'
-import KAction from './KAction.vue'
-
-// Data
-const $q = useQuasar()
-
-// Computed
-const computedLogoWidth = computed(() => {
-  if ($q.screen.lt.sm) return '64px'
-  return '72px'
-})
-</script>
+<template>
+  <div class="column items-center">
+    <!-- KDK attribution -->
+    <div class="row justify-center items-center">
+      <div>
+        {{ $t('KSponsor.KDK_POWERED') }}
+      </div>
+      <KAction
+        id="kdk-sponsor"
+        icon="las la-external-link-alt"
+        tooltip="KSponsor.MORE_ABOUT_KDK"
+        size="sm"
+        url="https://kalisio.github.io/kdk"
+      />
+    </div>
+    <!-- Kalisio logo -->
+    <a href="https://kalisio.com" target="_blank">
+      <q-img src="kalisio.png" :width="computedLogoWidth">
+        <q-tooltip>
+          {{ $t('KSponsor.MORE_ABOUT_KALISIO') }}
+        </q-tooltip>
+      </q-img>
+    </a>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { useQuasar } from 'quasar'
+import KAction from './KAction.vue'
+
+// Data
+const $q = useQuasar()
+
+// Computed
+const computedLogoWidth = computed(() => {
+  if ($q.screen.lt.sm) return '64px'
+  return '72px'
+})
+</script>

package/core/client/components/KStamp.vue

@@ -1,65 +1,65 @@
-<template>
-  <div
-    v-bind:class="{
-      'q-pl-xs q-pr-xs': $q.screen.lt.sm,
-      'q-pl-sm q-pr-sm': $q.screen.gt.xs,
-      'column items-center q-gutter-y-sm': direction === 'vertical',
-      'row items-center no-wrap q-gutter-x-sm': direction === 'horizontal'
-    }">
-      <div>
-        <q-icon v-if="canShowIcon" :size="iconSize" :name="icon" />
-          <q-tooltip v-if="!canShowText">
-            {{ $tie(text) }}
-          </q-tooltip>
-      </div>
-      <div v-if="canShowText" class="ellipsis" :style="`font-size: ${textSize};`"
-        v-bind:class="{'text-center': direction === 'vertical' }"
-      >
-         {{ $tie(text) }}
-      </div>
-  </div>
-</template>
-
-<script setup>
-import _ from 'lodash'
-import { computed } from 'vue'
-import { useQuasar } from 'quasar'
-
-// props
-const props = defineProps({
-  icon: {
-    type: String,
-    default: undefined
-  },
-  iconSize: {
-    type: String,
-    default: '2rem'
-  },
-  text: {
-    type: String,
-    defatult: ''
-  },
-  textSize: {
-    type: String,
-    default: '0.875rem'
-  },
-  direction: {
-    type: String,
-    default: 'vertical',
-    validator: (value) => {
-      return ['horizontal', 'vertical'].includes(value)
-    }
-  }
-})
-
-// data
-const $q = useQuasar()
-
-// computed
-const canShowIcon = computed(() => {
-  return !_.isEmpty(props.icon)
-})
-const canShowText = computed(() => {
-  return props.direction === 'vertical' || _.isEmpty(props.icon) || $q.screen.gt.xs
-})
-</script>
+<template>
+  <div
+    v-bind:class="{
+      'q-pl-xs q-pr-xs': $q.screen.lt.sm,
+      'q-pl-sm q-pr-sm': $q.screen.gt.xs,
+      'column items-center q-gutter-y-sm': direction === 'vertical',
+      'row items-center no-wrap q-gutter-x-sm': direction === 'horizontal'
+    }">
+      <div>
+        <q-icon v-if="canShowIcon" :size="iconSize" :name="icon" />
+          <q-tooltip v-if="!canShowText">
+            {{ $tie(text) }}
+          </q-tooltip>
+      </div>
+      <div v-if="canShowText" class="ellipsis" :style="`font-size: ${textSize};`"
+        v-bind:class="{'text-center': direction === 'vertical' }"
+      >
+         {{ $tie(text) }}
+      </div>
+  </div>
+</template>
+
+<script setup>
+import _ from 'lodash'
+import { computed } from 'vue'
+import { useQuasar } from 'quasar'
+
+// props
+const props = defineProps({
+  icon: {
+    type: String,
+    default: undefined
+  },
+  iconSize: {
+    type: String,
+    default: '2rem'
+  },
+  text: {
+    type: String,
+    defatult: ''
+  },
+  textSize: {
+    type: String,
+    default: '0.875rem'
+  },
+  direction: {
+    type: String,
+    default: 'vertical',
+    validator: (value) => {
+      return ['horizontal', 'vertical'].includes(value)
+    }
+  }
+})
+
+// data
+const $q = useQuasar()
+
+// computed
+const canShowIcon = computed(() => {
+  return !_.isEmpty(props.icon)
+})
+const canShowText = computed(() => {
+  return props.direction === 'vertical' || _.isEmpty(props.icon) || $q.screen.gt.xs
+})
+</script>

package/core/client/components/KStore.vue

@@ -1,102 +1,102 @@
-<template>
-  <KTree :nodes="lazy" node-key="path" @lazy-load="onLazyLoad"/>
-</template>
-
-<script setup>
-import _ from 'lodash'
-import moment from 'moment'
-import { Store, i18n } from '..'
-import { ref } from 'vue'
-import KTree from './KTree'
-import { Events } from '../events.js'
-
-// Data
-const lazy = ref(_.remove(addPath(convertStore(Store, 1)), (value) => value.label))
-
-// Make store react to external changes to update the tree
-Events.on('store-changed', (path, value) => updateLazy(path, value))
-
-// functions
-function onLazyLoad ({ node, key, done, fail }) {
-  setTimeout(() => {
-    done(convertStore(_.get(Store, key), 1))
-    lazy.value = addPath(lazy.value)
-  }, 1000)
-}
-function convertStore (node, maxDepth = -1, depth = 0) {
-  if (maxDepth >= 0 && maxDepth === depth) return
-
-  return _.keys(node).map(key => {
-    const child = node[key]
-
-    if (_.isFunction(child)) {
-      return {}
-    }
-    if (moment.isMoment(child)) {
-      return {
-        label: child.toISOString(),
-        children: []
-      }
-    }
-    if (_.isArray(child)) {
-      return {
-        label: key,
-        lazy: true,
-        children: convertStore(Object.assign({}, child), maxDepth, depth)
-      }
-    }
-    if (_.isObject(child)) {
-      return {
-        label: key,
-        lazy: true,
-        children: convertStore(child, maxDepth, depth + 1)
-      }
-    }
-    return {
-      label: key,
-      children: [{ label: i18n.tie(child) ? i18n.tie(child) : child, children: [] }]
-    }
-  })
-}
-function updateLazy (path, value) {
-  _.keys(value).forEach(key => {
-    const child = value[key]
-    if (!_.isArray(child)) {
-      const found = findNode(lazy, 'path', path + '.' + key)
-      if (found && _.has(found, 'children') && found.children[0].label !== child) {
-        lazy.value = addPath(updateValue(lazy.value, found.children[0].path, child))
-      }
-    }
-  })
-}
-function addPath (items, path = []) {
-  return items.map(({ label, children, ...rest }, _, __, newPath = [...path, label]) => ({
-    ...rest,
-    label,
-    path: newPath.join('.'),
-    ...(children ? { children: addPath(children, newPath) } : {})
-  }))
-}
-function updateValue (arr, value, newValue) {
-  return arr.map(({ label, children, path, ...rest }) => ({
-    ...rest,
-    label: path === value ? newValue : label,
-    path,
-    ...(children ? { children: updateValue(children, value, newValue) } : {})
-  }))
-}
-function findNode (node, key, value) {
-  if (node[key] === value) {
-    return node
-  }
-  for (let i = 0, len = _.keys(node).length; i < len; i++) {
-    const child = node[_.keys(node)[i]]
-    if (child && _.isObject(child)) {
-      const found = findNode(child, key, value)
-      if (found) {
-        return found
-      }
-    }
-  }
-}
-</script>
+<template>
+  <KTree :nodes="lazy" node-key="path" @lazy-load="onLazyLoad"/>
+</template>
+
+<script setup>
+import _ from 'lodash'
+import moment from 'moment'
+import { Store, i18n } from '..'
+import { ref } from 'vue'
+import KTree from './KTree'
+import { Events } from '../events.js'
+
+// Data
+const lazy = ref(_.remove(addPath(convertStore(Store, 1)), (value) => value.label))
+
+// Make store react to external changes to update the tree
+Events.on('store-changed', (path, value) => updateLazy(path, value))
+
+// functions
+function onLazyLoad ({ node, key, done, fail }) {
+  setTimeout(() => {
+    done(convertStore(_.get(Store, key), 1))
+    lazy.value = addPath(lazy.value)
+  }, 1000)
+}
+function convertStore (node, maxDepth = -1, depth = 0) {
+  if (maxDepth >= 0 && maxDepth === depth) return
+
+  return _.keys(node).map(key => {
+    const child = node[key]
+
+    if (_.isFunction(child)) {
+      return {}
+    }
+    if (moment.isMoment(child)) {
+      return {
+        label: child.toISOString(),
+        children: []
+      }
+    }
+    if (_.isArray(child)) {
+      return {
+        label: key,
+        lazy: true,
+        children: convertStore(Object.assign({}, child), maxDepth, depth)
+      }
+    }
+    if (_.isObject(child)) {
+      return {
+        label: key,
+        lazy: true,
+        children: convertStore(child, maxDepth, depth + 1)
+      }
+    }
+    return {
+      label: key,
+      children: [{ label: i18n.tie(child) ? i18n.tie(child) : child, children: [] }]
+    }
+  })
+}
+function updateLazy (path, value) {
+  _.keys(value).forEach(key => {
+    const child = value[key]
+    if (!_.isArray(child)) {
+      const found = findNode(lazy, 'path', path + '.' + key)
+      if (found && _.has(found, 'children') && found.children[0].label !== child) {
+        lazy.value = addPath(updateValue(lazy.value, found.children[0].path, child))
+      }
+    }
+  })
+}
+function addPath (items, path = []) {
+  return items.map(({ label, children, ...rest }, _, __, newPath = [...path, label]) => ({
+    ...rest,
+    label,
+    path: newPath.join('.'),
+    ...(children ? { children: addPath(children, newPath) } : {})
+  }))
+}
+function updateValue (arr, value, newValue) {
+  return arr.map(({ label, children, path, ...rest }) => ({
+    ...rest,
+    label: path === value ? newValue : label,
+    path,
+    ...(children ? { children: updateValue(children, value, newValue) } : {})
+  }))
+}
+function findNode (node, key, value) {
+  if (node[key] === value) {
+    return node
+  }
+  for (let i = 0, len = _.keys(node).length; i < len; i++) {
+    const child = node[_.keys(node)[i]]
+    if (child && _.isObject(child)) {
+      const found = findNode(child, key, value)
+      if (found) {
+        return found
+      }
+    }
+  }
+}
+</script>