@vc-shell/framework 1.0.44 → 1.0.46

package/dist/ui/components/molecules/vc-select/vc-select-model.d.ts

@@ -60,7 +60,7 @@ export interface VcSelectProps {
      * Default value: []
      */
     options?: ((keyword?: string, skip?: number, ids?: string[]) => Promise<{
-        results?: Record<string, unknown>[];
+        results?: object[];
         totalCount?: number;
     }>) | any[] | undefined;
     /**
@@ -109,18 +109,18 @@ export interface VcSelectEmits {
      * @param event Emitted event name
      * @param value New model value
      */
-    (event: "update:modelValue", value: any): void;
+    "update:modelValue": (value: any) => void;
     /**
      * Emitted when user wants to filter a value
      * @param event Emitted event name
      * @param inputValue What the user typed
      */
-    (event: "search", inputValue: string): void;
+    search: (inputValue: string) => void;
     /**
      * Emitted when the select options list is hidden
      * @param event Emitted event name
      */
-    (event: "close"): void;
+    close: () => void;
 }
 export interface VcSelectSlots {
     /**

package/dist/ui/components/molecules/vc-select/vc-select-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-select-model.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-select/vc-select-model.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-select-model.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-select/vc-select-model.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "main": "./dist/framework.js",
   "module": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -28,7 +28,8 @@
   "scripts": {
     "build": "vite build",
     "development": "vite build --watch -m development",
-    "watch": "vite build --watch"
+    "watch": "vite build --watch",
+    "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.0",
@@ -39,7 +40,7 @@
     "client-oauth2": "^4.3.3",
     "moment": "^2.29.1",
     "normalize.css": "^8.0.1",
-    "swiper": "^6.7.5",
+    "swiper": "^6.8.4",
     "vue-currency-input": "~2.5.1",
     "vue-i18n": "^9.1.7",
     "vue-logger-plugin": "^2.1.2",
@@ -50,11 +51,11 @@
   "devDependencies": {
     "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@rollup/plugin-commonjs": "^21.0.2",
-    "@vc-shell/api-client-generator": "^1.0.44",
-    "@vc-shell/config-generator": "^1.0.44",
-    "@vue-macros/volar": "^0.5.7",
+    "@vc-shell/api-client-generator": "^1.0.46",
+    "@vc-shell/config-generator": "^1.0.46",
+    "@vue-macros/volar": "^0.8.1",
     "sass": "^1.49.0",
-    "typescript": "^4.6.2",
+    "typescript": "^4.9.5",
     "unplugin-vue-macros": "^1.1.1",
     "url-pattern": "^1.0.3"
   },
@@ -67,5 +68,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "af1f9326a2a1fad1a70c551226fb2cfbea1a74b4"
+  "gitHead": "196999893a55b5762895b9de2249abbe388b1a6f"
 }

package/shared/assets/components/assets-details/assets-details.vue

@@ -68,19 +68,12 @@ import {
   VcTextarea,
 } from "@/ui/components";
 
-interface ILocalImage {
-  url: string;
-  name: string;
-  altText: string;
-  description: string;
-}
-
 export interface Props {
   expanded?: boolean;
   closable?: boolean;
   options?: {
-    editableAsset?: ILocalImage;
-    sortHandler?: (remove: boolean, localImage: ILocalImage) => void;
+    editableAsset: ILocalImage;
+    sortHandler: (remove: boolean, localImage: ILocalImage) => void;
   };
 }
 
@@ -89,10 +82,16 @@ export interface Emits {
   (event: "close:blade"): void;
 }
 
+export interface ILocalImage {
+  url: string;
+  name: string;
+  altText: string;
+  description: string;
+}
+
 const props = withDefaults(defineProps<Props>(), {
   expanded: true,
   closable: true,
-  options: () => ({}),
 });
 
 const emit = defineEmits<Emits>();

package/ui/components/atoms/vc-col/vc-col.vue

@@ -1,15 +1,19 @@
 <template>
-  <div class="vc-col tw-flex tw-flex-col tw-min-w-0 tw-basis-0" :style="{ flexGrow: size }">
+  <div
+    class="vc-col tw-flex tw-flex-col tw-min-w-0 tw-basis-0"
+    :style="{ flexGrow: parseInt(size) }"
+  >
     <slot></slot>
   </div>
 </template>
 
 <script lang="ts" setup>
-defineProps({
-  size: {
-    type: String,
-    default: "1",
-  },
+export interface Props {
+  size: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  size: "1",
 });
 </script>
 

package/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="items" class= "tw-flex tw-items-center tw-flex-nowrap">
+  <div v-if="items" class="tw-flex tw-items-center tw-flex-nowrap">
     <VcBreadcrumbsItem
       v-for="(item, i) in items"
       :key="item.id"
@@ -12,10 +12,17 @@
 <script lang="ts" setup>
 import VcBreadcrumbsItem from "./_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue";
 
-defineProps({
+export interface Props {
   items: {
-    type: Array,
-    default: () => [],
-  },
+    current: boolean;
+    icon: string;
+    title: string;
+    clickHandler: () => void;
+    id: string;
+  }[];
+}
+
+withDefaults(defineProps<Props>(), {
+  items: () => [],
 });
 </script>

package/ui/components/molecules/vc-select/vc-select-model.ts

@@ -65,16 +65,16 @@ export interface VcSelectProps {
    * Default value: []
    */
   options?:
-    | ((
-        keyword?: string,
-        skip?: number,
-        ids?: string[]
-      ) => Promise<{
-        results?: Record<string, unknown>[];
-        totalCount?: number;
-      }>)
-    | any[]
-    | undefined;
+  | ((
+    keyword?: string,
+    skip?: number,
+    ids?: string[]
+  ) => Promise<{
+    results?: object[];
+    totalCount?: number;
+  }>)
+  | any[]
+  | undefined;
   /**
    * Property of option which holds the 'value'
    * Default value: id
@@ -121,18 +121,19 @@ export interface VcSelectEmits {
    * @param event Emitted event name
    * @param value New model value
    */
-  (event: "update:modelValue", value: any): void;
+  "update:modelValue": (value: any) => void;
   /**
    * Emitted when user wants to filter a value
    * @param event Emitted event name
    * @param inputValue What the user typed
    */
-  (event: "search", inputValue: string): void;
+  search: (inputValue: string) => void;
+
   /**
    * Emitted when the select options list is hidden
    * @param event Emitted event name
    */
-  (event: "close"): void;
+  close: () => void;
 }
 export interface VcSelectSlots {
   /**

package/ui/components/molecules/vc-slider/vc-slider.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="vc-slider tw-relative">
-    <swiper-component
+    <swiper
       :class="[
         'vc-slider__swiper',
         {
@@ -16,7 +16,7 @@
       <swiper-slide v-for="(slide, i) in slides" :key="i">
         <slot :slide="slide"></slot>
       </swiper-slide>
-    </swiper-component>
+    </swiper>
     <!-- Navigation buttons-->
     <div v-show="navigation">
       <div class="vc-slider__prev tw-left-0">
@@ -39,7 +39,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import { Swiper as SwiperComponent, SwiperSlide } from "swiper/vue";
+import { Swiper, SwiperSlide } from "swiper/vue";
 import SwiperCore, { Navigation } from "swiper";
 import "swiper/swiper-bundle.min.css";
 import "swiper/swiper.min.css";

package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue

@@ -2,8 +2,8 @@
   <div
     class="vc-app-menu-item"
     :class="[
-      { 'vc-app-menu-item_active': isActive && !children.length },
-      { 'vc-app-menu-item_no-hover': children.length },
+      { 'vc-app-menu-item_active': isActive && !Object.keys(children).length },
+      { 'vc-app-menu-item_no-hover': Object.keys(children).length },
     ]"
     @click="$emit('onClick')"
   >
@@ -22,7 +22,7 @@
         class="vc-app-menu-item__title-icon"
         icon="fas fa-chevron-down"
         size="xs"
-        v-if="children.length"
+        v-if="Object.keys(children).length"
       ></VcIcon>
     </div>
   </div>

package/ui/components/organisms/vc-blade/vc-blade.vue

@@ -1,8 +1,11 @@
 <template>
   <div
-    class="vc-blade tw-relative tw-flex tw-shrink-0 tw-flex-col tw-bg-[color:var(--blade-background-color)] tw-rounded-[var(--blade-border-radius)] tw-shadow-[2px_2px_8px_rgba(126,142,157,0.14)] tw-my-4 tw-mx-2 tw-overflow-hidden  tw-transition-[width]  tw-duration-200"
+    class="vc-blade tw-relative tw-flex tw-shrink-0 tw-flex-col tw-bg-[color:var(--blade-background-color)] tw-rounded-[var(--blade-border-radius)] tw-shadow-[2px_2px_8px_rgba(126,142,157,0.14)] tw-my-4 tw-mx-2 tw-overflow-hidden tw-transition-[width] tw-duration-200"
     :style="{ width: typeof width === 'number' ? `${width}px` : width }"
-    :class="[$attrs.class, { '!tw-w-full tw-shrink': $isMobile.value || expanded }]"
+    :class="[
+      $attrs.class,
+      { '!tw-w-full !tw-shrink': $isMobile.value || expanded },
+    ]"
   >
     <!-- Init blade header -->
     <VcBladeHeader

package/ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue

@@ -3,7 +3,7 @@
     v-if="
       (property.dictionary || property.isDictionary) && !property.multivalue
     "
-    v-slot="{ field, errorMessage, handleChange, errors }"
+    v-slot="{ errorMessage, handleChange, errors }"
     :name="property.displayName || property.name"
     :modelValue="getter(property, true)"
     :rules="rules"
@@ -38,7 +38,7 @@
       property.multivalue &&
       !(property.dictionary || property.isDictionary)
     "
-    v-slot="{ field, errorMessage, handleChange }"
+    v-slot="{ errorMessage, handleChange }"
     :name="property.name"
     :modelValue="property.values"
     :rules="rules"
@@ -96,7 +96,7 @@
 
   <Field
     v-else-if="property.valueType === 'ShortText'"
-    v-slot="{ field, errorMessage, handleChange, errors }"
+    v-slot="{ errorMessage, handleChange, errors }"
     :name="property.displayName || property.name"
     :modelValue="getter(property)"
     :rules="rules"
@@ -122,7 +122,7 @@
 
   <Field
     v-else-if="property.valueType === 'Number' && property.multivalue"
-    v-slot="{ field, errorMessage, handleChange }"
+    v-slot="{ errorMessage, handleChange }"
     :name="property.name"
     :modelValue="property.values"
     :rules="rules"
@@ -147,7 +147,7 @@
 
   <Field
     v-else-if="property.valueType === 'Number'"
-    v-slot="{ field, errorMessage, handleChange, errors }"
+    v-slot="{ errorMessage, handleChange, errors }"
     :name="property.name"
     :modelValue="getter(property)"
     :rules="rules"
@@ -174,7 +174,7 @@
 
   <Field
     v-else-if="property.valueType === 'Integer'"
-    v-slot="{ field, errorMessage, handleChange, errors }"
+    v-slot="{ errorMessage, handleChange, errors }"
     :name="property.name"
     :modelValue="getter(property)"
     :rules="rules"
@@ -202,7 +202,7 @@
 
   <Field
     v-else-if="property.valueType === 'DateTime'"
-    v-slot="{ field, errorMessage, handleChange, errors }"
+    v-slot="{ errorMessage, handleChange, errors }"
     :name="property.name"
     :modelValue="getter(property)"
     :rules="rules"
@@ -228,7 +228,7 @@
 
   <Field
     v-else-if="property.valueType === 'LongText'"
-    v-slot="{ field, errorMessage, handleChange }"
+    v-slot="{ errorMessage, handleChange }"
     :name="property.name"
     :modelValue="getter(property)"
     :rules="rules"
@@ -252,7 +252,7 @@
 
   <Field
     v-else-if="property.valueType === 'Boolean'"
-    v-slot="{ field, errorMessage, handleChange }"
+    v-slot="{ errorMessage, handleChange }"
     :name="property.displayName || property.name"
     :modelValue="getter(property)"
     :rules="rules"
@@ -277,7 +277,7 @@
 
   <Field
     v-else-if="property.valueType === 'Html'"
-    v-slot="{ field, errorMessage, handleChange }"
+    v-slot="{ errorMessage, handleChange }"
     :name="property.displayName || property.name"
     :modelValue="getter(property)"
     :rules="rules"
@@ -307,12 +307,12 @@ import { ref, onMounted, computed } from "vue";
 import { useI18n } from "@/core/composables";
 import { Field } from "vee-validate";
 
-interface IValidationRules {
+type IValidationRules = {
   required?: boolean;
   min?: number;
   max?: number;
   regex?: RegExp;
-}
+};
 
 interface IDisplayName {
   languageCode: string;

package/ui/components/organisms/vc-gallery/_internal/vc-gallery-preview/vc-gallery-preview.vue

@@ -7,7 +7,9 @@
         <span>)</span>
       </div>
     </template>
-    <div class="tw-w-full tw-h-full tw-box-border tw-flex tw-flex-col tw-items-center">
+    <div
+      class="tw-w-full tw-h-full tw-box-border tw-flex tw-flex-col tw-items-center"
+    >
       <div class="tw-box-border p-5 tw-grow tw-basis-0 tw-w-full">
         <div
           class="bg-contain tw-bg-no-repeat tw-bg-center tw-w-full tw-h-full tw-box-border"
@@ -56,20 +58,22 @@
 import { computed, ref } from "vue";
 import { VcPopup } from "@/ui/components";
 
-const props = defineProps({
-  images: {
-    type: Array,
-    default: () => [],
-  },
+export interface Props {
+  images?: {
+    title: string;
+    name: string;
+    url: string;
+  }[];
+  index: number;
+}
 
-  index: {
-    type: Number,
-    default: 0,
-  },
+const props = withDefaults(defineProps<Props>(), {
+  images: () => [],
+  index: 0,
 });
 
 const localIndex = ref(props.index);
-const currentImage = computed(() => props.images[localIndex.value] || {});
+const currentImage = computed(() => props.images[localIndex.value]);
 
 const copyLink = (link: string) => {
   if (link.charAt(0) === "/") {

package/ui/components/organisms/vc-table/_internal/vc-table-cell/vc-table-cell.vue

@@ -65,7 +65,10 @@
   </template>
 
   <!-- Status icon cell -->
-  <div v-else-if="cell.type === 'status-icon'" class= "tw-flex tw-justify-center">
+  <div
+    v-else-if="cell.type === 'status-icon'"
+    class="tw-flex tw-justify-center"
+  >
     <VcStatusIcon :status="value"></VcStatusIcon>
   </div>
 
@@ -102,12 +105,14 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 const locale = window.navigator.language;
-const value = computed(() =>
-  (props.cell.field || props.cell.id)
+const value = computed(() => {
+  return (props.cell.field || props.cell.id)
     .split(".")
-    .reduce(
-      (p: { [x: string]: unknown }, c: string) => (p && p[c]) || null,
-      props.item
-    )
-);
+    .reduce((p: { [x: string]: unknown }, c: string) => {
+      if (p && Array.isArray(p) && p.length) {
+        return (p && p[0][c]) || null;
+      }
+      return (p && p[c]) || null;
+    }, props.item);
+});
 </script>

package/ui/components/organisms/vc-table/vc-table.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="tw-relative tw-overflow-hidden tw-flex tw-flex-col tw-grow tw-basis-0">
+  <div
+    class="tw-relative tw-overflow-hidden tw-flex tw-flex-col tw-grow tw-basis-0"
+  >
     <!-- Header slot with filter and searchbar -->
     <slot
       name="header"
@@ -11,7 +13,9 @@
           activeFilterCount)
       "
     >
-      <div class="tw-shrink-0 tw-flex tw-items-center tw-justify-between tw-p-4">
+      <div
+        class="tw-shrink-0 tw-flex tw-items-center tw-justify-between tw-p-4"
+      >
         <!-- Table filter mobile button -->
         <div v-if="$isMobile.value && $slots['filters']" class="tw-mr-3">
           <VcTableFilter :counter="activeFilterCount">
@@ -46,7 +50,7 @@
       </div>
     </slot>
 
-    <div class= "tw-flex tw-relative tw-overflow-hidden tw-grow">
+    <div class="tw-flex tw-relative tw-overflow-hidden tw-grow">
       <!-- Table loading overlay -->
       <VcLoading :active="loading"></VcLoading>
 
@@ -92,7 +96,7 @@
                 class="tw-h-[42px] tw-bg-[#f9f9f9] !tw-border-0 tw-shadow-[inset_0px_1px_0px_#eaedf3,_inset_0px_-1px_0px_#eaedf3] tw-box-border sticky tw-top-0 tw-select-none tw-overflow-hidden tw-z-[1]"
                 width="50"
               >
-                <div class= "tw-flex tw-justify-center tw-items-center">
+                <div class="tw-flex tw-justify-center tw-items-center">
                   <VcCheckbox
                     :modelValue="headerCheckbox"
                     @update:modelValue="processHeaderCheckbox"
@@ -111,7 +115,7 @@
                 @click="handleHeaderClick(item)"
               >
                 <div
-                  class= "tw-flex tw-items-center tw-flex-nowrap"
+                  class="tw-flex tw-items-center tw-flex-nowrap"
                   :class="tableAlignment[item.align]"
                 >
                   <div>
@@ -126,7 +130,7 @@
                     ></VcIcon>
                   </div>
                   <div
-                    class= "tw-flex tw-flex-col tw-ml-1 tw-invisible group-hover:tw-visible"
+                    class="tw-flex tw-flex-col tw-ml-1 tw-invisible group-hover:tw-visible"
                     v-else
                   >
                     <VcIcon size="xs" icon="fas fa-caret-up"></VcIcon>
@@ -158,7 +162,7 @@
               @mouseleave="closeActions"
             >
               <td v-if="multiselect" width="50">
-                <div class= "tw-flex tw-justify-center tw-items-center">
+                <div class="tw-flex tw-justify-center tw-items-center">
                   <VcCheckbox
                     :modelValue="checkboxes[item.id]"
                     @update:modelValue="processCheckbox(item.id, $event)"
@@ -202,7 +206,7 @@
                     role="tooltip"
                   >
                     <div
-                      class= "tw-flex tw-items-center tw-flex-row tw-text-[#3f3f3f] tw-font-normal not-italic tw-text-base tw-leading-[20px] tw-gap-[25px]"
+                      class="tw-flex tw-items-center tw-flex-row tw-text-[#3f3f3f] tw-font-normal not-italic tw-text-base tw-leading-[20px] tw-gap-[25px]"
                     >
                       <div
                         v-for="(itemAction, i) in itemActions"