bt-core-app 1.4.2 → 1.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bt-core-app",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Core app tools for some basic features like navigation, authentication, server apis, and cosmetics",
   "homepage": "https://github.com/BlitzItTech/bt-core",
   "bugs": {
@@ -9,7 +9,13 @@
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/bt-core-app.js",
-  "exports": "./dist/bt-core-app.js",
+  "exports": {
+    ".": "./dist/bt-core-app.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",

package/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/BT-Btn.vue

@@ -1,41 +0,0 @@
-<template>
-    <v-btn
-        v-bind="$attrs"
-        :disabled="!mIsEditing"
-        :icon="mIcon"
-        :size="mSize"
-        :variant="mVariant" />
-</template>
-
-<script setup lang="ts">
-    import { computed, inject, ref } from 'vue'
-    import { usePresets } from '../composables/presets'
-    // import { VBtn } from 'vuetify/components'
-    
-    interface BtnProps {
-        icon?: string
-        isEditing?: boolean
-        preset?: string
-        size?: string,
-        variant?: 'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'
-    }
-
-    const props = withDefaults(defineProps<BtnProps>(), {
-        icon: undefined,
-        isEditing: true,
-        size: undefined,
-        variant: 'text'
-    })
-
-    const presets = usePresets(props.preset)
-
-    const mIcon = computed(() => props.icon ?? presets.icon)
-    
-    const iIsEditing = inject('isEditing', () => ref(false), true)
-    const mIsEditing = computed(() => props.isEditing ?? presets.isEditing ?? iIsEditing.value)
-
-    const iSize = inject('size', () => ref(props.size ?? 'small'), true)
-    const mSize = computed(() => props.size ?? presets.size ?? iSize.value)
-
-    const mVariant = computed(() => props.variant ?? presets.variant)
-</script>

package/src/components/BT-Col.vue

@@ -1,36 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols"
-        :class="noGutters ? 'px-0' : ''">
-        <slot></slot>
-    </v-col>
-</template>
-
-<script setup lang="ts">
-    import { computed, inject, ref } from 'vue'
-
-    interface ColProps {
-        cols?: string | boolean
-        isMobile?: boolean
-        lg?: string | boolean
-        md?: string | boolean
-        sm?: string | boolean
-        noGutters?: boolean
-    }
-    
-    const props = withDefaults(defineProps<ColProps>(), {
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-</script>

package/src/components/BT-Field-Checkbox.vue

@@ -1,70 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <!-- <v-list-item :density="density"> -->
-            <v-checkbox
-                v-bind="$attrs"
-                v-model="value"
-                color="primary"
-                :hide-details="rules == undefined"
-                :label="label"
-                :readonly="!cIsEditing" />
-        <!-- </v-list-item> -->
-    </v-col>
-</template>
-
-<script setup lang="ts">
-import type { BladeDensity } from '../types'
-import { computed, inject, ref } from 'vue'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface FieldProps {
-        cols?: string | boolean
-        density?: BladeDensity
-        horizontal?: boolean
-        isEditing?: boolean
-        isMobile?: boolean
-        label: any
-        lg?: string | boolean
-        md?: string | boolean
-        modelValue: any
-        rules?: any
-        sm?: string | boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        isEditing: undefined,
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const emit = defineEmits(['update:modelValue'])
-
-    const value = computed({
-        get() {
-            return props.modelValue
-        },
-        set(value) {
-            emit('update:modelValue', value)
-        }
-    })
-
-    const mIsEditing = inject('isEditing', () => ref(false), true)
-    const cIsEditing = computed(() => props.isEditing ?? mIsEditing.value)
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    // const variant = inject('variant', 'underlined')
-    // const editVariant = inject('editVariant', 'outlined')
-
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-    
-</script>

package/src/components/BT-Field-Date.vue

@@ -1,108 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <v-list-item v-if="!cIsEditing" class="px-0" density="compact">
-            <v-list-item-subtitle>{{ label }}</v-list-item-subtitle>
-            <v-list-item-title>{{ displayValue }}</v-list-item-title>
-        </v-list-item>
-        <v-menu v-else open-delay="5">
-            <template v-slot:activator="{ props }">
-                <v-text-field
-                    v-bind="props"
-                    :hide-details="!dateRules"
-                    :label="label"
-                    readonly
-                    :variant="cIsEditing ? editVariant : variant"
-                    v-model="displayValue" />
-            </template>
-            <VueDatePicker
-                auto-apply
-                dark
-                :enable-time-picker="useTime"
-                inline
-                :is-24="false"
-                :time-picker-inline="useTime"
-                :timezone="auth.timeZone.value"
-                utc
-                v-bind="$attrs"
-                v-model="value" />
-        </v-menu>
-    </v-col>
-</template>
-
-<script setup lang="ts">
-    import VueDatePicker from '@vuepic/vue-datepicker'
-    import '@vuepic/vue-datepicker/dist/main.css'
-    import { computed, inject, ref } from 'vue'
-    import { useDates } from '../composables/dates'
-    import { useAuth } from '../composables/auth'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface FieldProps {
-        cols?: string | boolean
-        dateFrom?: string
-        dateRules?: Function | unknown[]
-        format?: string
-        fromNow?: boolean
-        horizontal?: boolean
-        isEditing?: boolean
-        isMobile?: boolean
-        label?: string
-        lg?: string | boolean
-        md?: string | boolean
-        modelValue: any
-        sm?: string | boolean
-        useTime?: boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        isEditing: undefined,
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6',
-        format: 'dd-LL-yyyy', //ccc dd-LL-yyyy t
-        fromNow: false
-    })
-
-    const emit = defineEmits(['update:modelValue'])
-    const { tzString } = useDates()
-    const auth = useAuth()
-
-    const value = computed({
-        get() {
-            return props.modelValue
-        },
-        set(value) {
-            emit('update:modelValue', value)
-        }
-    })
-
-    const displayValue = computed(() => props.modelValue ? tzString(props.modelValue, props.format) : undefined)
-
-    // const modal = ref(false)
-    const startDate = ref()
-    const mIsEditing = inject('isEditing', () => ref(false), true)
-    const cIsEditing = computed(() => props.isEditing ?? mIsEditing.value)
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    const variant = inject('fieldVariant', 'underlined')
-    const editVariant = inject('fieldEditVariant', 'outlined')
-
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-
-    if (props.dateFrom != null) {
-        startDate.value = props.dateFrom
-    }
-    else if (props.fromNow) {
-        startDate.value = tzString()
-    }
-
-</script>

package/src/components/BT-Field-Entity.vue

@@ -1,48 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <v-list-item>
-            <v-list-item-subtitle v-if="label != null">{{ label }}</v-list-item-subtitle>
-            <v-list-item-title>
-                <bt-entity
-                    v-bind="$attrs" />
-            </v-list-item-title>
-        </v-list-item>
-    </v-col>
-</template>
-
-<script setup lang="ts">
-import { computed, inject, ref } from 'vue'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface FieldProps {
-        cols?: string | boolean
-        isMobile?: boolean
-        label?: string
-        lg?: string | boolean
-        md?: string | boolean
-        sm?: string | boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const emit = defineEmits(['update:modelValue'])
-
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-    
-</script>

package/src/components/BT-Field-Select.vue

@@ -1,67 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <bt-select 
-            v-bind="$attrs"
-            :readonly="!cIsEditing"
-            :fieldVariant="cIsEditing ? editVariant : variant"
-            v-model="value" />
-    </v-col>
-</template>
-
-<script setup lang="ts">
-import { computed, inject, ref } from 'vue'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface FieldProps {
-        cols?: string | boolean
-        // density?: BladeDensity
-        horizontal?: boolean
-        isEditing?: boolean
-        isMobile?: boolean
-        // label?: string
-        lg?: string | boolean
-        md?: string | boolean
-        modelValue?: any
-        rules?: any
-        sm?: string | boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        isEditing: undefined,
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const emit = defineEmits(['update:modelValue', 'select'])
-
-    const value = computed({
-        get() {
-            return props.modelValue
-        },
-        set(value) {
-            emit('update:modelValue', value)
-            emit('select', value)
-        }
-    })
-
-    const mIsEditing = inject('isEditing', () => ref(false), true)
-
-    const cIsEditing = computed(() => props.isEditing ?? mIsEditing.value)
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    const variant = inject('fieldVariant', 'underlined')
-    const editVariant = inject('fieldEditVariant', 'outlined')
-
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-    
-</script>

package/src/components/BT-Field-String.vue

@@ -1,78 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <v-text-field
-            v-bind="$attrs"
-            :hide-details="!rules"
-            :prefix="useCurrency ? '$' : undefined"
-            :readonly="!cIsEditing"
-            :rules="rules"
-            :variant="cIsEditing ? editVariant : variant"
-            v-model="value" />
-    </v-col>
-</template>
-
-<script setup lang="ts">
-// import { type BladeDensity } from '../types'
-import { computed, inject, ref } from 'vue'
-// import { useFilters } from '@/composables/filters'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface FieldProps {
-        cols?: string | boolean
-        horizontal?: boolean
-        isEditing?: boolean
-        isMobile?: boolean
-        lg?: string | boolean
-        md?: string | boolean
-        modelValue: any
-        rules?: any
-        sm?: string | boolean
-        useCurrency?: boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        isEditing: undefined,
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const emit = defineEmits(['update:modelValue'])
-
-    const value = computed({
-        get() {
-            return props.modelValue
-        },
-        set(value) {
-            emit('update:modelValue', value)
-        }
-    })
-
-    const mIsEditing = inject('isEditing', () => ref(false), true)
-
-    const cIsEditing = computed(() => props.isEditing ?? mIsEditing.value)
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    const variant = inject('fieldVariant', 'underlined')
-    const editVariant = inject('fieldEditVariant', 'outlined')
-
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-    // const str: Ref<any> = ref(undefined)
-
-    // watch(props.modelValue, (v) => { str.value = v })
-
-    // function update(v: any) {
-    //     emit('update:modelValue', v)
-    //     emit('change', v)
-    // }
-
-</script>

package/src/components/BT-Field-Switch.vue

@@ -1,68 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <v-list-item>
-            <v-list-item-subtitle>{{ label }}</v-list-item-subtitle>
-            <v-list-item-title>{{ modelValue }}</v-list-item-title>
-            <template #append>
-                <v-switch
-                    v-bind="$attrs"
-                    :readonly="!cIsEditing"
-                    :variant="cIsEditing ? editVariant : variant"
-                    v-model="value" />
-            </template>
-        </v-list-item>
-    </v-col>
-</template>
-
-<script setup lang="ts">
-import { computed, inject, ref } from 'vue'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface FieldProps {
-        cols?: string | boolean
-        isEditing?: boolean
-        isMobile?: boolean
-        label?: string
-        lg?: string | boolean
-        md?: string | boolean
-        modelValue: any
-        sm?: string | boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        isEditing: undefined,
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const emit = defineEmits(['update:modelValue'])
-
-    const value = computed({
-        get() {
-            return props.modelValue
-        },
-        set(value) {
-            emit('update:modelValue', value)
-        }
-    })
-
-    const mIsEditing = inject('isEditing', () => ref(false), true)
-
-    const cIsEditing = computed(() => props.isEditing ?? mIsEditing.value)
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    const variant = inject('fieldVariant', 'underlined')
-    const editVariant = inject('fieldEditVariant', 'outlined')
-
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-</script>

package/src/components/BT-Field-Tags.vue

@@ -1,66 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <v-combobox
-            v-bind="$attrs"
-            chips
-            :closableChips="cIsEditing"
-            multiple
-            :readonly="!cIsEditing"
-            :variant="cIsEditing ? editVariant : variant"
-            v-model="value" />
-    </v-col>
-</template>
-
-<script setup lang="ts">
-import { computed, inject, ref } from 'vue'
-import { isLengthyArray } from '../composables/helpers'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface FieldProps {
-        cols?: string | boolean
-        isEditing?: boolean
-        isMobile?: boolean
-        lg?: string | boolean
-        md?: string | boolean
-        modelValue: string | undefined
-        rules?: any
-        sm?: string | boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        isEditing: undefined,
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const emit = defineEmits(['update:modelValue'])
-
-    const value = computed({
-        get() {
-            return props.modelValue?.split(',')
-        },
-        set(value) {
-            emit('update:modelValue', isLengthyArray(value) ? value!.toString() : null)
-        }
-    })
-
-    const mIsEditing = inject('isEditing', () => ref(false), true)
-
-    const cIsEditing = computed(() => props.isEditing ?? mIsEditing.value)
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    const variant = inject('fieldVariant', 'underlined')
-    const editVariant = inject('fieldEditVariant', 'outlined')
-
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-</script>

package/src/components/BT-Field-Textarea.vue

@@ -1,67 +0,0 @@
-<template>
-    <v-col
-        :lg="mLg"
-        :md="mMd"
-        :sm="mSm"
-        :cols="cols">
-        <v-textarea
-            v-bind="$attrs"
-            :readonly="!cIsEditing"
-            :rules="rules"
-            :variant="cIsEditing ? editVariant : variant"
-            v-model="value" />
-    </v-col>
-</template>
-
-<script setup lang="ts">
-// import { type BladeDensity } from '@/composables/blade'
-import { computed, inject, ref } from 'vue'
-
-    defineOptions({
-        inheritAttrs: false
-    })
-
-    interface FieldProps {
-        cols?: string | boolean
-        horizontal?: boolean
-        isEditing?: boolean
-        isMobile?: boolean
-        // label: any
-        lg?: string | boolean
-        md?: string | boolean
-        // mode?: 'view' | 'edit' | 'new'
-        modelValue: any
-        rules?: any
-        sm?: string | boolean
-    }
-
-    const props = withDefaults(defineProps<FieldProps>(), {
-        isEditing: undefined,
-        cols: '12',
-        lg: false,
-        md: false,
-        sm: '6'
-    })
-
-    const emit = defineEmits(['update:modelValue'])
-
-    const value = computed({
-        get() {
-            return props.modelValue
-        },
-        set(value) {
-            emit('update:modelValue', value)
-        }
-    })
-
-    const mIsEditing = inject('isEditing', () => ref(false), true)
-
-    const cIsEditing = computed(() => props.isEditing ?? mIsEditing.value)
-    const mIsMobile = inject('isMobile', () => ref(false), true)
-    const variant = inject('fieldVariant', 'underlined')
-    const editVariant = inject('fieldEditVariant', 'outlined')
-
-    const mLg = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.lg)
-    const mMd = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.md)
-    const mSm = computed(() => (props.isMobile ?? mIsMobile.value) ? false : props.sm)
-</script>