@vc-shell/framework 1.0.314 → 1.0.315

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.314",
+  "version": "1.0.315",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -59,9 +59,9 @@
   },
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.0.314",
-    "@vc-shell/config-generator": "^1.0.314",
-    "@vc-shell/ts-config": "^1.0.314",
+    "@vc-shell/api-client-generator": "^1.0.315",
+    "@vc-shell/config-generator": "^1.0.315",
+    "@vc-shell/ts-config": "^1.0.315",
     "@vitejs/plugin-vue": "5.0.3",
     "cypress-signalr-mock": "^1.5.0",
     "sass": "^1.69.6",

package/shared/components/sidebar/sidebar.vue

@@ -19,14 +19,11 @@
         },
       ]"
     >
-      <slot name="header">
-        <div class="sidebar__header">
-          <VcIcon
-            icon="fas fa-times"
-            size="xl"
-            @click.stop="$emit('close')"
-          ></VcIcon>
-        </div>
+      <slot
+        name="header"
+        :header="header"
+      >
+        <component :is="header" />
       </slot>
 
       <slot name="content"></slot>
@@ -38,6 +35,9 @@
 </template>
 
 <script lang="ts" setup>
+import { h } from "vue";
+import { VcIcon } from "../../../ui/components";
+
 export interface Props {
   position?: "left" | "right";
   render: "always" | "mobile" | "desktop";
@@ -48,12 +48,16 @@ export interface Emits {
   (event: "close"): void;
 }
 
-defineEmits<Emits>();
+const emit = defineEmits<Emits>();
 
 withDefaults(defineProps<Props>(), {
   position: "right",
   render: "always",
 });
+
+const header = h("div", { class: "sidebar__header" }, [
+  h(VcIcon, { icon: "fas fa-times", size: "xl", onClick: () => emit("close") }),
+]);
 </script>
 
 <style lang="scss">

package/shared/components/user-dropdown-button/user-dropdown-button.vue

@@ -76,6 +76,35 @@
         render="mobile"
         @close="toggle"
       >
+        <template #header="{ header }">
+          <div class="vc-user-dropdown-button__header-wrap">
+            <div class="vc-user-dropdown-button__header">
+              <div
+                v-if="avatarUrl"
+                class="vc-user-dropdown-button__avatar"
+                :style="imageHandler"
+              ></div>
+              <VcIcon
+                v-else
+                icon="fas fa-user-circle"
+                size="xxl"
+                class="vc-user-dropdown-button__icon"
+              />
+              <div class="vc-user-dropdown-button__info">
+                <div class="vc-user-dropdown-button__name">
+                  {{ name || user?.userName }}
+                </div>
+                <div class="vc-user-dropdown-button__role">
+                  {{
+                    (role && $t(`SHELL.USER.ROLE.${role}`)) ||
+                    (user?.isAdministrator ? $t("SHELL.USER.ROLE.ADMINISTRATOR") : "")
+                  }}
+                </div>
+              </div>
+            </div>
+            <component :is="header" />
+          </div>
+        </template>
         <template #content>
           <div
             v-if="menu && opened"
@@ -228,6 +257,14 @@ const imageHandler = computed(() => {
     @apply tw-flex tw-justify-between tw-items-center tw-flex-auto tw-px-4 tw-bg-[--user-dropdown-wrap-bg] tw-gap-3;
   }
 
+  &__header {
+    @apply tw-flex tw-justify-between tw-items-center tw-px-3 tw-py-3 tw-bg-[--user-dropdown-wrap-bg] tw-gap-3;
+  }
+
+  &__header-wrap {
+    @apply tw-flex tw-justify-between tw-items-center;
+  }
+
   &__avatar {
     @apply tw-rounded-full tw-overflow-hidden tw-w-[34px] tw-h-[34px] tw-bg-[color:var(--user-dropdown-account-info-role-color)]
     tw-bg-cover tw-bg-center tw-shrink-0;

package/shared/modules/dynamic/components/SchemaRender.ts

@@ -54,17 +54,13 @@ export default defineComponent({
     watch(
       () => props.modelValue,
       (newVal) => {
-        if (!_.isEqual(internalFormData, newVal)) {
-          Object.assign(internalFormData, toRefs(newVal));
-        }
+        Object.assign(internalFormData, toRefs(newVal));
       },
       { deep: true, immediate: true },
     );
 
     function updateFormData(newVal: ToRefs<unknown>) {
-      if (!_.isEqual(newVal, internalFormData)) {
-        ctx.emit("update:modelValue", unrefNested(newVal));
-      }
+      ctx.emit("update:modelValue", unrefNested(newVal));
     }
 
     return () =>

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

@@ -490,7 +490,7 @@ function onKeyDown(e: KeyboardEvent) {
   const keypressed = e.key;
 
   if (props.type === "number" || props.type === "integer") {
-    if (keypressed === "-" || keypressed === "e") {
+    if (keypressed === "-" || keypressed === "e" || keypressed === "+") {
       e.preventDefault();
     }
   }

package/dist/external-providers-BTfiGYYz.js

@@ -1,4 +0,0 @@
-import { b as f } from "./index-HhaId0N7.js";
-export {
-  f as default
-};