sprintify-ui 0.6.82 → 0.6.84

package/src/components/BaseJsonReaderItem.vue

@@ -0,0 +1,112 @@
+<template>
+  <li>
+    <p class="flex items-center gap-1">
+      <button
+        v-if="variant == 'collapse'"
+        type="button"
+        class="duration-200 transform"
+        :class="[isPrimitive ? 'opacity-0 cursor-default' : '', visible ? 'rotate-0' : '-rotate-90']"
+        @click="toggle"
+      >
+        <BaseIcon
+          :class="classSizeChevron"
+          icon="ion:caret-down"
+        />
+      </button>
+      <span :class="[typeof label == 'number' ? '' : 'font-semibold']">
+        {{ label }}
+      </span>
+
+      <span
+        v-if="isPrimitive"
+        class="font-semibold"
+      >:</span>
+
+      <span v-if="isPrimitive">
+        {{ modelValue }}
+      </span>
+      <span
+        v-else
+        class="opacity-50"
+      >{<template v-if="true">{{ count }}</template>}</span>
+    </p>
+    <ul
+      v-show="visible"
+      v-if="isIterable"
+      class="pl-3"
+    >
+      <BaseJsonReaderItem
+        v-for="(value, key) in modelValue"
+        :key="key"
+        :label="key"
+        :model-value="value"
+        :size="size"
+        :variant="variant"
+      />
+    </ul>
+  </li>
+</template>
+
+<script lang="ts" setup>
+import { JsonDataItem } from '@/types';
+import { Size } from '@/utils/sizes';
+import { isBoolean, isNull, isNumber, isString, isArray, isObject } from 'lodash';
+
+const props = defineProps<{
+  modelValue: JsonDataItem;
+  label: string | number;
+  size: Size;
+  class?: string | string[];
+  variant: 'list' | 'collapse';
+}>();
+
+const visible = ref(true);
+
+function toggle() {
+  visible.value = !visible.value;
+}
+
+const count = computed(() => {
+  if (isArray(props.modelValue)) {
+    return props.modelValue.length;
+  }
+  if (isObject(props.modelValue)) {
+    return Object.keys(props.modelValue).length;
+  }
+  return 0;
+});
+
+const isPrimitive = computed(() => {
+  return isString(props.modelValue) || isNumber(props.modelValue) || isBoolean(props.modelValue) || isNull(props.modelValue) || isNumber(props.modelValue);
+});
+
+const isIterable = computed(() => {
+  if (isPrimitive.value) return false;
+  return isArray(props.modelValue) || isObject(props.modelValue);
+});
+
+const classSizeChevron = computed(() => {
+  const chevronSizes = {
+    xs: {
+      width: 'w-2.5',
+      height: 'h-2.5',
+    },
+    sm: {
+      width: 'w-3',
+      height: 'h-3',
+    },
+    md: {
+      width: 'w-3.5',
+      height: 'h-3.5',
+    },
+  };
+
+  const sizeConfig = chevronSizes[props.size];
+
+  return [
+    sizeConfig.height,
+    sizeConfig.width,
+  ];
+});
+
+</script>

package/src/components/BaseScrollColumn.vue

@@ -77,8 +77,6 @@ const scrollToSelectedValue = (
   behavior: 'auto' | 'instant' | 'smooth' | undefined = 'smooth'
 ) => {
 
-  console.log('timeContainer', timeContainer, 'timeValue', timeValue.value);
-
   if (!timeContainer || !timeValue.value) {
     return;
   }

package/src/components/BaseTimePicker.vue

@@ -345,9 +345,6 @@ function ok(close: () => void) {
 
   emitUpdate(time);
 
-  console.log('time', time);
-  
-
   close();
 }
 

package/src/types/index.ts

@@ -268,3 +268,9 @@ export interface TimelineItem {
   onEdit?: () => void | Promise<void>;
   onDelete?: () => void | Promise<void>;
 }
+
+export type JsonDataItem = string | number | null | undefined | JsonData[] | JsonData;
+
+export interface JsonData {
+  [key: string]: JsonDataItem;
+}