lupine.components 1.1.48 → 1.1.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lupine.components",
-  "version": "1.1.48",
+  "version": "1.1.49",
   "license": "MIT",
   "author": "uuware.com",
   "homepage": "https://github.com/uuware/lupine.js",
@@ -40,4 +40,4 @@
   "dependencies": {
     "lupine.web": "^1.0.0"
   }
-}
+}

package/src/components/action-sheet.tsx

@@ -1,4 +1,4 @@
-import { CssProps, RefProps, VNode, mountInnerComponent } from 'lupine.web';
+import { CssProps, RefProps, VNode, callUnload, mountInnerComponent } from 'lupine.web';
 import { backActionHelper } from '../lib';
 import { NotificationColor, NotificationMessage } from './notice-message';
 
@@ -55,7 +55,8 @@ export class ActionSheet {
     const handleClose = (reason?: ActionSheetCloseReasonProps) => {
       closeEvent?.(reason);
       ref.current.classList.remove('animation-open');
-      setTimeout(() => {
+      setTimeout(async () => {
+        await callUnload(base);
         base.remove();
       }, 300);
     };

package/src/components/float-window.tsx

@@ -1,4 +1,4 @@
-import { CssProps, RefProps, VNode, mountInnerComponent } from 'lupine.web';
+import { CssProps, RefProps, VNode, callUnload, mountInnerComponent } from 'lupine.web';
 import { stopPropagation, backActionHelper } from '../lib';
 
 export type FloatWindowCloseProps = () => void;
@@ -57,7 +57,8 @@ export class FloatWindow {
       closeEvent?.();
       ref.current.classList.add('transition');
       ref.current.classList.remove('animation');
-      setTimeout(() => {
+      setTimeout(async () => {
+        await callUnload(base);
         base.remove();
       }, 300);
     };

package/src/components/loading-spin.tsx

@@ -1,5 +1,5 @@
 import { RefProps, Spinner02, SpinnerSize } from 'lupine.components';
-import { CssProps, mountInnerComponent } from 'lupine.components';
+import { CssProps, callUnload, mountInnerComponent } from 'lupine.components';
 
 export type LoadingSpinHookProps = {
   show?: () => void;
@@ -46,7 +46,8 @@ export const LoadingSpinComponent = (props: LoadingSpinProps) => {
 
 export class LoadingSpin {
   static async show(): Promise<() => void> {
-    const handleClose = () => {
+    const handleClose = async () => {
+      await callUnload(base);
       base.remove();
     };
 

package/src/frames/slider-helper.tsx

@@ -1,4 +1,4 @@
-import { CssProps, RefProps, VNode, mountInnerComponent } from 'lupine.web';
+import { CssProps, RefProps, VNode, callUnload, mountInnerComponent } from 'lupine.web';
 import { backActionHelper, stopPropagation } from '../lib';
 import { MediaQueryMaxWidth, MediaQueryRange } from '../styles';
 
@@ -41,7 +41,8 @@ export class SliderHelper {
       closeEvent?.();
       ref.current?.classList.remove('show');
       ref.current?.classList.add(closeClassName);
-      setTimeout(() => {
+      setTimeout(async () => {
+        await callUnload(base);
         base.remove();
       }, 400);
     };