@vc-shell/framework 1.0.133 → 1.0.134

package/dist/ui/components/organisms/vc-blade/vc-blade.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     close: () => void;
     expand: () => void;
     collapse: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     width: string;
     closable: boolean;
     expandable: boolean;

package/dist/ui/components/organisms/vc-gallery/_internal/vc-gallery-item/vc-gallery-item.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     edit: (...args: any[]) => void;
     remove: (...args: any[]) => void;
     preview: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     image: () => ICommonAsset;
     readonly: boolean;
     actions: () => {

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     index: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     images: () => never[];
     index: number;
 }>>> & {

package/dist/ui/components/organisms/vc-gallery/index.d.ts

@@ -60,7 +60,7 @@ export declare const VcGallery: import("vue").DefineComponent<{
     sort: (sorted: import("../../../..").ICommonAsset[]) => void;
     edit: (image: import("../../../..").ICommonAsset) => void;
     remove: (image: import("../../../..").ICommonAsset) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };

package/dist/ui/components/organisms/vc-gallery/vc-gallery.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sort: (sorted: ICommonAsset[]) => void;
     edit: (image: ICommonAsset) => void;
     remove: (image: ICommonAsset) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     images: () => never[];
     tooltipIcon: string;
     uploadIcon: string;

package/dist/ui/components/organisms/vc-login-form/vc-login-form.vue.d.ts

@@ -5,7 +5,7 @@ export interface Props {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
 }>>>, {
     title: string;

package/dist/ui/components/organisms/vc-popup/_internal/vc-popup-error/vc-popup-error.vue.d.ts

@@ -3,7 +3,7 @@ export interface Emits {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: (() => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;

package/dist/ui/components/organisms/vc-popup/_internal/vc-popup-warning/vc-popup-warning.vue.d.ts

@@ -5,7 +5,7 @@ export interface Emits {
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
     confirm: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }, {}, {}>, {

package/dist/ui/components/organisms/vc-popup/vc-popup.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"default" | "warning" | "success" | "error">;
         default: string;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "confirm")[], "close" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "confirm")[], "close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;

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

@@ -3,7 +3,7 @@ export interface Props {
     cell: ITableColumns;
     item: Record<string, unknown>;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/ui/components/organisms/vc-table/_internal/vc-table-column-switcher/vc-table-column-switcher.vue.d.ts

@@ -7,7 +7,7 @@ export interface Emits {
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: ITableColumns) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
     onChange?: ((value: ITableColumns) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/ui/components/organisms/vc-table/_internal/vc-table-counter/vc-table-counter.vue.d.ts

@@ -5,7 +5,7 @@ export interface Props {
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
     value: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
     value: number;
 }>>>, {

package/dist/ui/components/organisms/vc-table/_internal/vc-table-filter/vc-table-filter.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: undefined;
     counter: number;
     parentExpanded: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: undefined;
     counter: number;
     parentExpanded: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.133",
+  "version": "1.0.134",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -28,40 +28,39 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.0.0",
+    "@floating-ui/vue": "^1.0.2",
     "@microsoft/signalr": "^8.0.0",
-    "@vee-validate/i18n": "^4.9.4",
-    "@vee-validate/rules": "^4.11.8",
+    "@vee-validate/i18n": "^4.12.4",
+    "@vee-validate/rules": "^4.12.4",
     "@vueup/vue-quill": "^1.2.0",
-    "@vueuse/components": "^10.7.0",
-    "@vueuse/core": "^10.7.0",
-    "@vueuse/integrations": "^10.7.0",
-    "ace-builds": "^1.32.0",
-    "core-js": "^3.33.3",
-    "moment": "^2.29.4",
+    "@vueuse/components": "^10.7.1",
+    "@vueuse/core": "^10.7.1",
+    "@vueuse/integrations": "^10.7.1",
+    "ace-builds": "^1.32.2",
+    "core-js": "^3.35.0",
+    "moment": "^2.30.1",
     "normalize.css": "^8.0.1",
     "quill": "^1.3.7",
     "quill-image-uploader": "^1.3.0",
     "swiper": "^6.8.4",
-    "vee-validate": "^4.11.8",
-    "vue": "3.3.13",
+    "vee-validate": "^4.12.4",
+    "vue": "3.4.0",
     "vue-currency-input": "^3.0.5",
     "vue-i18n": "^9.8.0",
     "vue-router": "^4.2.5",
     "vue3-ace-editor": "^2.2.4",
-    "vue3-touch-events": "^4.1.8",
     "whatwg-fetch": "^3.6.19"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.133",
-    "@vc-shell/config-generator": "^1.0.133",
-    "@vc-shell/ts-config": "^1.0.133",
-    "@vitejs/plugin-vue": "^4.5.1",
-    "sass": "^1.69.5",
+    "@vc-shell/api-client-generator": "^1.0.134",
+    "@vc-shell/config-generator": "^1.0.134",
+    "@vc-shell/ts-config": "^1.0.134",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "sass": "^1.69.6",
     "typescript": "5.3.3",
     "vite": "4.5.0",
-    "vue-component-type-helpers": "^1.8.24",
-    "vue-tsc": "^1.8.25"
+    "vue-component-type-helpers": "^1.8.27",
+    "vue-tsc": "^1.8.27"
   },
   "publishConfig": {
     "access": "public",

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

@@ -6,14 +6,18 @@
     @mouseenter="onMouseEnter"
     @mouseleave="onMouseLeave"
   >
-    <VcIcon
-      :icon="types[type ?? 'default']?.icon"
-      :style="{ color: types[type ?? 'default']?.color }"
-      size="l"
-      class="tw-mr-2"
-    ></VcIcon>
-    <div class="tw-text-[color:var(--notification-content-color)] tw-whitespace-pre-line">
-      {{ content }}
+    <div class="tw-flex tw-flex-row tw-items-center">
+      <VcIcon
+        :icon="types[type ?? 'default']?.icon"
+        :style="{ color: types[type ?? 'default']?.color }"
+        size="l"
+        class="tw-mr-2"
+      ></VcIcon>
+      <div
+        class="vc-notification__content tw-text-[color:var(--notification-content-color)] tw-whitespace-pre-line tw-overflow-auto tw-max-h-[100px]"
+      >
+        {{ content }}
+      </div>
     </div>
     <VcIcon
       icon="fas fa-times"
@@ -125,6 +129,11 @@ function onMouseLeave() {
   --notification-error: #ef796f;
   --notification-success: #87b563;
   --notification-info: #bdd1df;
+
+  --notification-scroll-color: #e1eff9;
+  --notification-scroll-color-hover: #cce4f5;
+  --notification-scroll-width: 8px;
+  --notification-scroll-shadow: 0 3px 2px rgba(0, 0, 0, 0.1) inset, 0 -3px 2px rgba(0, 0, 0, 0.1) inset;
 }
 
 .vc-notification {
@@ -133,5 +142,22 @@ function onMouseLeave() {
   .vc-app_mobile {
     @apply tw-max-w-[80%];
   }
+
+  &__content {
+    &::-webkit-scrollbar {
+      @apply tw-w-[var(--notification-scroll-width)] tw-bg-transparent;
+    }
+
+    &::-webkit-scrollbar-track {
+      @apply tw-bg-transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      @apply tw-bg-[color:var(--notification-scroll-color)]
+      tw-rounded-[calc(var(--notification-scroll-width)/2)]
+      tw-overflow-x-hidden
+      hover:tw-bg-[color:var(--notification-scroll-color-hover)];
+    }
+  }
 }
 </style>