@vc-shell/framework 1.0.49 → 1.0.50

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

@@ -54,9 +54,10 @@
 
 <script lang="ts" setup>
 import { onMounted, ref, computed } from "vue";
-import {ExtendedComponent, IBladeToolbar, IMenuItems} from "@/core/types";
+import {IBladeToolbar, IMenuItems} from "@/core/types";
 import VcAppMenuLink from "./_internal/vc-app-menu-link.vue";
 import { NavigationFailure, useRoute } from "vue-router";
+import {ExtendedComponent} from "@/shared";
 
 export interface Props {
   sticky?: boolean;

package/ui/components/organisms/vc-app/index.ts

@@ -0,0 +1,6 @@
+import { ComponentPublicInstance } from "vue";
+import { VcAppProps } from "./vc-app-model";
+import { ComponentConstructor } from "@/ui/types/ts-helpers";
+import App from "./vc-app.vue";
+export const VcApp: ComponentConstructor<ComponentPublicInstance<VcAppProps>> =
+  App;

package/ui/components/organisms/vc-app/vc-app-model.ts

@@ -0,0 +1,27 @@
+import { ExtendedComponent, IBladeElement, IOpenBlade } from "@/shared";
+import { IBladeToolbar, IMenuItems } from "@/core/types";
+import { VNode } from "vue";
+
+export interface VcAppProps {
+  pages?: ExtendedComponent[] | undefined;
+  menuItems?: IMenuItems[] | undefined;
+  mobileMenuItems?: IMenuItems[] | undefined;
+  toolbarItems?: IBladeToolbar[] | undefined;
+  isReady?: boolean | undefined;
+  isAuthorized?: boolean | undefined;
+  logo?: string | undefined;
+  version?: string | undefined;
+  theme?: "light" | "dark" | undefined;
+  bladesRefs?: IBladeElement[] | undefined;
+  title?: string | undefined;
+  onOpen?: (args: IOpenBlade) => void;
+  onClose?: (index: number) => void;
+  "onBacklink:click"?: (index: number) => void;
+}
+
+export interface VcAppSlots {
+  appSwitcher: () => VNode[];
+  bladeNavigation: () => VNode[];
+  notifications: () => VNode[];
+  passwordChange: () => VNode[];
+}

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

@@ -73,35 +73,10 @@ export default defineComponent({
 import { useRouter } from "vue-router";
 import VcAppBar from "./_internal/vc-app-bar/vc-app-bar.vue";
 import VcAppMenu from "./_internal/vc-app-menu/vc-app-menu.vue";
-import { IBladeToolbar, IMenuItems } from "@/core/types";
-import {
-  IBladeElement,
-  ExtendedComponent,
-  IMenuClickEvent,
-  IOpenBlade,
-} from "@/shared";
-
-export interface Props {
-  pages: ExtendedComponent[];
-  menuItems: IMenuItems[];
-  mobileMenuItems: IMenuItems[];
-  toolbarItems: IBladeToolbar[];
-  isReady: boolean;
-  isAuthorized: boolean;
-  logo: string;
-  version: string;
-  theme?: "light" | "dark";
-  bladesRefs: IBladeElement[];
-  title?: string;
-}
-
-export interface Emits {
-  (event: "onOpen", args: IOpenBlade): void;
-  (event: "onClose", index: number): void;
-  (event: "backlink:click", index: number): void;
-}
+import { IMenuClickEvent } from "@/shared";
+import { VcAppProps } from "@/ui/components/organisms/vc-app/vc-app-model";
 
-withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<VcAppProps>(), {
   pages: () => [],
   menuItems: () => [],
   mobileMenuItems: () => [],
@@ -114,7 +89,7 @@ withDefaults(defineProps<Props>(), {
   bladesRefs: () => [],
 });
 
-const emit = defineEmits<Emits>();
+const emit = defineEmits(["open", "close", "backlink:click"]);
 
 console.debug("vc-app: Init vc-app");
 
@@ -127,7 +102,7 @@ const onMenuItemClick = function ({ item, navigationCb }: IMenuClickEvent) {
   if (item.clickHandler && typeof item.clickHandler === "function") {
     item.clickHandler(instance?.exposed);
   } else {
-    emit("onOpen", { parentBlade: item.component, id: 0, navigationCb });
+    emit("open", { parentBlade: item.component, id: 0, navigationCb });
   }
 };
 
@@ -143,7 +118,7 @@ const openDashboard = async () => {
   console.debug(`openDashboard() called.`);
 
   // Close all opened pages with onBeforeClose callback
-  await emit("onClose", 0);
+  await emit("close", 0);
 
   router.push("/");
 };

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

@@ -2,7 +2,10 @@
   <div
     class="tw-shrink-0 tw-h-[var(--blade-header-height)] tw-bg-[color:var(--blade-header-background-color)] tw-flex tw-items-center tw-py-0 tw-px-4 tw-border-solid tw-border-b tw-border-b-[color:#eaedf3]"
   >
-    <div v-if="icon" class="tw-text-[color:var(--blade-header-icon-color)] tw-mr-3">
+    <div
+      v-if="icon"
+      class="tw-text-[color:var(--blade-header-icon-color)] tw-mr-3"
+    >
       <VcIcon :icon="icon" size="xxl"></VcIcon>
     </div>
 
@@ -28,7 +31,7 @@
       <slot name="actions"></slot>
     </div>
 
-    <div v-if="!$isMobile.value" class= "tw-flex tw-items-center">
+    <div v-if="!$isMobile.value" class="tw-flex tw-items-center">
       <template v-if="expandable">
         <div
           v-if="expanded"
@@ -55,36 +58,18 @@
 <script lang="ts" setup>
 import { VcIcon } from "@/ui/components";
 
-const props = defineProps({
-  expandable: {
-    type: Boolean,
-    default: false,
-  },
-
-  expanded: {
-    type: Boolean,
-    default: false,
-  },
-
-  closable: {
-    type: Boolean,
-    default: false,
-  },
-
-  title: {
-    type: String,
-    default: undefined,
-  },
-
-  subtitle: {
-    type: String,
-    default: undefined,
-  },
-
-  icon: {
-    type: String,
-    default: undefined,
-  },
+export interface Props {
+  expandable?: boolean | undefined;
+  expanded?: boolean | undefined;
+  closable?: boolean | undefined;
+  title?: string | undefined;
+  subtitle?: string | undefined;
+  icon?: string | undefined;
+}
+const props = withDefaults(defineProps<Props>(), {
+  expandable: false,
+  expanded: false,
+  closable: false,
 });
 
 const emit = defineEmits(["close", "expand", "collapse"]);

package/ui/components/organisms/vc-blade/index.ts

@@ -0,0 +1,7 @@
+import { ComponentPublicInstance } from "vue";
+import { VcBladeProps } from "./vc-blade-model";
+import { ComponentConstructor } from "@/ui/types/ts-helpers";
+import Blade from "./vc-blade.vue";
+export const VcBlade: ComponentConstructor<
+  ComponentPublicInstance<VcBladeProps>
+> = Blade;

package/ui/components/organisms/vc-blade/vc-blade-model.ts

@@ -0,0 +1,18 @@
+import { IBladeToolbar } from "@/core/types";
+import { VNode } from "vue";
+
+export interface VcBladeProps {
+  icon?: string | undefined;
+  title?: string | undefined;
+  subtitle?: string | undefined;
+  width?: number | string | undefined;
+  expanded?: boolean | undefined;
+  closable?: boolean | undefined;
+  toolbarItems?: IBladeToolbar[] | undefined;
+  onClose?: () => void;
+}
+
+export interface VcBladeSlots {
+  actions: () => VNode[];
+  default: () => VNode[];
+}

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

@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent } from "vue";
 
 export default defineComponent({
   inheritAttrs: false,
@@ -41,41 +41,16 @@ export default defineComponent({
 <script lang="ts" setup>
 import VcBladeHeader from "./_internal/vc-blade-header/vc-blade-header.vue";
 import VcBladeToolbar from "./_internal/vc-blade-toolbar/vc-blade-toolbar.vue";
-import { IBladeToolbar } from "@/core/types";
+import { VcBladeProps } from "@/ui/components/organisms/vc-blade/vc-blade-model";
 
-defineProps({
-  icon: {
-    type: String,
-  },
-
-  title: {
-    type: String,
-  },
-
-  subtitle: {
-    type: String,
-  },
-
-  width: {
-    type: [Number, String],
-    default: "30%",
-  },
-
-  expanded: {
-    type: Boolean,
-    default: false,
-  },
-
-  closable: {
-    type: Boolean,
-    default: true,
-  },
-
-  toolbarItems: {
-    type: Array as PropType<IBladeToolbar[]>,
-    default: () => [],
-  },
+withDefaults(defineProps<VcBladeProps>(), {
+  width: "30%",
+  expanded: false,
+  closable: true,
+  toolbarItems: () => [],
 });
+
+defineEmits(["close"]);
 </script>
 
 <style lang="scss">

package/ui/components/organisms/vc-dynamic-property/index.ts

@@ -0,0 +1,7 @@
+import { ComponentPublicInstance } from "vue";
+import { VcDynamicPropertyProps } from "./vc-dynamic-property-model";
+import { ComponentConstructor } from "@/ui/types/ts-helpers";
+import DynamicProperty from "./vc-dynamic-property.vue";
+export const VcDynamicProperty: ComponentConstructor<
+  ComponentPublicInstance<VcDynamicPropertyProps>
+> = DynamicProperty;

package/ui/components/organisms/vc-dynamic-property/vc-dynamic-property-model.ts

@@ -0,0 +1,25 @@
+import { VNode } from "vue";
+
+export interface VcDynamicPropertyProps {
+  property?: Record<string, any> | undefined;
+  dictionaries?: Record<string, any> | undefined;
+  getter?: (
+    property: Record<string, any>,
+    isDictionary?: boolean
+  ) => Record<string, any> | string | number | boolean | Date | undefined;
+  optionsGetter?: (
+    property: Record<string, any>,
+    keyword?: string
+  ) => Promise<any[] | undefined>;
+  setter?: (
+    property: Record<string, any>,
+    value: Record<string, any> | string | number | boolean,
+    dictionary?: any[]
+  ) => void | undefined;
+  culture?: string | undefined;
+  disabled?: boolean | undefined;
+}
+
+export interface VcDynamicPropertySlots {
+  default: () => VNode[];
+}