@pequity/squirrel 4.1.1 → 5.0.0

package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts

@@ -13,10 +13,16 @@ type Props = {
     multiple?: boolean;
     noPadding?: boolean;
 };
-declare function __VLS_template(): Partial<Record<`btn-${number}`, (_: {
-    item: BtnGroupItem;
-    isSelected: boolean | undefined;
-}) => any>>;
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_templateResult: {
+    slots: Partial<Record<`btn-${number}`, (_: {
+        item: BtnGroupItem;
+        isSelected: boolean | undefined;
+    }) => any>>;
+    refs: {};
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: null;
     items: () => never[];
@@ -50,29 +56,21 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     modelValue: string | number | null | BtnGroupItem[];
     items: BtnGroupItem[] | readonly BtnGroupItem[];
     itemText: string;
+    grow: boolean;
     itemValue: string | number;
     multiple: boolean;
     itemTooltipText: string;
     showTooltip: boolean;
     highlightSelected: boolean;
-    grow: boolean;
     noPadding: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
         default: D[K];
     }> : P[K];
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -82,3 +80,11 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts

@@ -1,26 +1,123 @@
 import { type AnyObject, type AnyValue, type ModelValue, type Size } from './p-select-list.types';
 import { type PropType } from 'vue';
-declare function __VLS_template(): Readonly<{
-    'selected-item'(props: {
-        item: any;
-    }): unknown;
-    'no-items'(): unknown;
-    item(props: {
-        item: any;
-        isItemSelected: boolean;
-        itemTextSplit: string[];
-    }): unknown;
-}> & {
-    'selected-item'(props: {
-        item: any;
-    }): unknown;
-    'no-items'(): unknown;
-    item(props: {
-        item: any;
-        isItemSelected: boolean;
-        itemTextSplit: string[];
-    }): unknown;
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_templateResult: {
+    slots: Readonly<{
+        'selected-item'(props: {
+            item: any;
+        }): unknown;
+        'no-items'(): unknown;
+        item(props: {
+            item: any;
+            isItemSelected: boolean;
+            itemTextSplit: string[];
+        }): unknown;
+    }> & {
+        'selected-item'(props: {
+            item: any;
+        }): unknown;
+        'no-items'(): unknown;
+        item(props: {
+            item: any;
+            isItemSelected: boolean;
+            itemTextSplit: string[];
+        }): unknown;
+    };
+    refs: {
+        formControl: import("vue").HTMLAttributes & import("vue").ReservedProps;
+        actionsContainer: import("vue").HTMLAttributes & import("vue").ReservedProps;
+        inputSearch: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: PropType<import("../..").InputSize>;
+                default: string;
+                validator(value: import("../..").InputSize): boolean;
+            };
+            showEnterIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onEnter?: ((...args: any[]) => any) | undefined;
+        }, unknown, {
+            query: string;
+            showEnterIconOnFocus: boolean;
+        }, {
+            searchIconClasses(): string;
+            enterIconClasses(): string;
+            clearIconClasses(): string;
+        }, {
+            clearSearch(): void;
+            keydownEnter(): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "enter")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: PropType<import("../..").InputSize>;
+                default: string;
+                validator(value: import("../..").InputSize): boolean;
+            };
+            showEnterIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onEnter?: ((...args: any[]) => any) | undefined;
+        }, {
+            size: "sm" | "lg" | "md";
+            modelValue: string;
+            showEnterIcon: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: PropType<import("../..").InputSize>;
+                default: string;
+                validator(value: import("../..").InputSize): boolean;
+            };
+            showEnterIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onEnter?: ((...args: any[]) => any) | undefined;
+        }, {}, {
+            query: string;
+            showEnterIconOnFocus: boolean;
+        }, {
+            searchIconClasses(): string;
+            enterIconClasses(): string;
+            clearIconClasses(): string;
+        }, {
+            clearSearch(): void;
+            keydownEnter(): void;
+        }, {
+            size: "sm" | "lg" | "md";
+            modelValue: string;
+            showEnterIcon: boolean;
+        }> | null;
+        virtualizerRef: import("vue").HTMLAttributes & import("vue").ReservedProps;
+    };
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
 };
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
 declare const __VLS_component: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<ModelValue>;
@@ -263,7 +360,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     topSectionClass: string;
     closePopperOnSelect: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-table/p-table.vue.d.ts

@@ -11,11 +11,20 @@ type Props = {
         paddingBottom: number;
     };
 };
-declare function __VLS_template(): Partial<Record<`prepend-header-cell-${string}`, (_: {
-    col: TableCol;
-}) => any>> & Partial<Record<`subheader-cell-${string}`, (_: {}) => any>> & {
-    default?(_: {}): any;
+declare var __VLS_11: {};
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_templateResult: {
+    slots: Partial<Record<`prepend-header-cell-${string}`, (_: {
+        col: TableCol;
+    }) => any>> & Partial<Record<`subheader-cell-${string}`, (_: {}) => any>> & {
+        default?(_: typeof __VLS_11): any;
+    };
+    refs: {
+        scrollWrapper: import("vue").HTMLAttributes & import("vue").ReservedProps;
+    };
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
 };
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     colsResizable: boolean;
     isFirstColFixed: boolean;
@@ -55,21 +64,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
         paddingBottom: number;
     };
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
         default: D[K];
     }> : P[K];
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -79,3 +80,11 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts

@@ -3,9 +3,16 @@ type Props = {
     isEditable?: boolean;
     isSelected?: boolean;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_0: {};
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_templateResult: {
+    slots: {
+        default?(_: typeof __VLS_0): any;
+    };
+    refs: {};
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
 };
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     isEditable: boolean;
     isSelected: boolean;
@@ -16,21 +23,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     isSelected: boolean;
     isEditable: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
         default: D[K];
     }> : P[K];
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -40,3 +39,11 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/style.css

@@ -270,7 +270,7 @@ input[type='checkbox'][data-v-01f2e2c0]:checked {
 .x-white-icon[data-v-f61993bb] {
   background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%23FFFFFF'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
 }
-.drawer[data-v-f474eec2] {
+.drawer[data-v-a1affdb7] {
   position: fixed;
   bottom: 0px;
   top: 0px;
@@ -282,18 +282,18 @@ input[type='checkbox'][data-v-01f2e2c0]:checked {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   outline: 2px solid transparent;
   outline-offset: 2px;
-  max-width: var(--4c0aead4);
+  max-width: var(--3e3927a8);
   width: 100%;
 }
-.drawer.drawer-left[data-v-f474eec2] {
+.drawer.drawer-left[data-v-a1affdb7] {
   left: 0px;
 }
-.drawer.drawer-right[data-v-f474eec2] {
+.drawer.drawer-right[data-v-a1affdb7] {
   right: 0px;
 }
 
 /* Slide from right animations */
-@keyframes slideInRight-f474eec2 {
+@keyframes slideInRight-a1affdb7 {
 0% {
     transform: translate3d(100%, 0, 0);
     visibility: visible;
@@ -302,12 +302,12 @@ input[type='checkbox'][data-v-01f2e2c0]:checked {
     transform: translate3d(0, 0, 0);
 }
 }
-.slideInRight[data-v-f474eec2] {
-  animation-duration: var(--59cfae08);
+.slideInRight[data-v-a1affdb7] {
+  animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: slideInRight-f474eec2;
+  animation-name: slideInRight-a1affdb7;
 }
-@keyframes slideOutRight-f474eec2 {
+@keyframes slideOutRight-a1affdb7 {
 0% {
     transform: translate3d(0, 0, 0);
 }
@@ -316,14 +316,14 @@ input[type='checkbox'][data-v-01f2e2c0]:checked {
     transform: translate3d(100%, 0, 0);
 }
 }
-.slideOutRight[data-v-f474eec2] {
-  animation-duration: var(--59cfae08);
+.slideOutRight[data-v-a1affdb7] {
+  animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: slideOutRight-f474eec2;
+  animation-name: slideOutRight-a1affdb7;
 }
 
 /* Slide from left animations */
-@keyframes slideInLeft-f474eec2 {
+@keyframes slideInLeft-a1affdb7 {
 0% {
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
@@ -332,12 +332,12 @@ input[type='checkbox'][data-v-01f2e2c0]:checked {
     transform: translate3d(0, 0, 0);
 }
 }
-.slideInLeft[data-v-f474eec2] {
-  animation-duration: var(--59cfae08);
+.slideInLeft[data-v-a1affdb7] {
+  animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: slideInLeft-f474eec2;
+  animation-name: slideInLeft-a1affdb7;
 }
-@keyframes slideOutLeft-f474eec2 {
+@keyframes slideOutLeft-a1affdb7 {
 0% {
     transform: translate3d(0, 0, 0);
 }
@@ -346,25 +346,25 @@ input[type='checkbox'][data-v-01f2e2c0]:checked {
     transform: translate3d(-100%, 0, 0);
 }
 }
-.slideOutLeft[data-v-f474eec2] {
-  animation-duration: var(--59cfae08);
+.slideOutLeft[data-v-a1affdb7] {
+  animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: slideOutLeft-f474eec2;
+  animation-name: slideOutLeft-a1affdb7;
 }
 
 /* Backdrop */
-.fadeIn[data-v-f474eec2] {
-  animation-name: fadeInFrames-f474eec2;
+.fadeIn[data-v-a1affdb7] {
+  animation-name: fadeInFrames-a1affdb7;
 }
-.fadeOut[data-v-f474eec2] {
-  animation-name: fadeOutFrames-f474eec2;
+.fadeOut[data-v-a1affdb7] {
+  animation-name: fadeOutFrames-a1affdb7;
 }
-.fadeIn[data-v-f474eec2],
-.fadeOut[data-v-f474eec2] {
+.fadeIn[data-v-a1affdb7],
+.fadeOut[data-v-a1affdb7] {
   animation-duration: 0.25s;
   animation-fill-mode: both;
 }
-@keyframes fadeInFrames-f474eec2 {
+@keyframes fadeInFrames-a1affdb7 {
 from {
     opacity: 0;
     animation-timing-function: cubic-bezier(0, 0, 1, 1);
@@ -373,7 +373,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes fadeOutFrames-f474eec2 {
+@keyframes fadeOutFrames-a1affdb7 {
 from {
     opacity: 1;
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
@@ -381,12 +381,12 @@ from {
 to {
     opacity: 0;
 }
-}.fadeInDown[data-v-6f528d56] {
+}.fadeInDown[data-v-7af44c7f] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: fadeInDown-6f528d56;
+  animation-name: fadeInDown-7af44c7f;
 }
-@keyframes fadeInDown-6f528d56 {
+@keyframes fadeInDown-7af44c7f {
 0% {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
@@ -396,12 +396,12 @@ to {
     transform: none;
 }
 }
-.fadeOutUp[data-v-6f528d56] {
+.fadeOutUp[data-v-7af44c7f] {
   animation-duration: 0.25s;
   animation-fill-mode: both;
-  animation-name: fadeOutUp-6f528d56;
+  animation-name: fadeOutUp-7af44c7f;
 }
-@keyframes fadeOutUp-6f528d56 {
+@keyframes fadeOutUp-7af44c7f {
 0% {
     opacity: 1;
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "4.1.1",
-  "packageManager": "pnpm@9.7.1",
+  "version": "5.0.0",
+  "packageManager": "pnpm@9.9.0",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -71,12 +71,12 @@
     "@storybook/theming": "^8.2.9",
     "@storybook/vue3": "^8.2.9",
     "@storybook/vue3-vite": "^8.2.9",
-    "@tanstack/vue-virtual": "3.10.5",
+    "@tanstack/vue-virtual": "3.10.6",
     "@types/jest": "^29.5.12",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.5.1",
-    "@vitejs/plugin-vue": "^5.1.2",
+    "@types/node": "^22.5.2",
+    "@vitejs/plugin-vue": "^5.1.3",
     "@vue/compiler-sfc": "3.4.38",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "^29.2.6",
@@ -92,10 +92,10 @@
     "husky": "^9.1.5",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.9",
+    "lint-staged": "^15.2.10",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.44",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.6",
     "resolve-tspaths": "^0.8.19",
@@ -113,6 +113,6 @@
     "vue-currency-input": "3.1.0",
     "vue-router": "4.4.3",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "2.0.29"
+    "vue-tsc": "2.1.4"
   }
 }

package/squirrel/components/p-drawer/p-drawer.vue

@@ -174,9 +174,6 @@ export default defineComponent({
     transitionOutClass() {
       return this.outClass || this.position === 'right' ? 'slideOutRight' : 'slideOutLeft';
     },
-    animationDuration() {
-      return (parseInt(this.width, 10) / 1200).toFixed(2) + 's';
-    },
   },
   created() {
     if (this.live) {
@@ -258,7 +255,7 @@ export default defineComponent({
   }
 }
 .slideInRight {
-  animation-duration: v-bind('animationDuration');
+  animation-duration: 0.4s;
   animation-fill-mode: both;
   animation-name: slideInRight;
 }
@@ -273,7 +270,7 @@ export default defineComponent({
   }
 }
 .slideOutRight {
-  animation-duration: v-bind('animationDuration');
+  animation-duration: 0.4s;
   animation-fill-mode: both;
   animation-name: slideOutRight;
 }
@@ -289,7 +286,7 @@ export default defineComponent({
   }
 }
 .slideInLeft {
-  animation-duration: v-bind('animationDuration');
+  animation-duration: 0.4s;
   animation-fill-mode: both;
   animation-name: slideInLeft;
 }
@@ -304,7 +301,7 @@ export default defineComponent({
   }
 }
 .slideOutLeft {
-  animation-duration: v-bind('animationDuration');
+  animation-duration: 0.4s;
   animation-fill-mode: both;
   animation-name: slideOutLeft;
 }