@sellmate/design-system-vue 1.0.56 → 1.0.57

package/dist/sdModal.d.ts

@@ -1,5 +1,5 @@
 import { type App, type Component } from 'vue';
-import { type ConfirmModalOptions, type ModalDialogChain, type SdModalCreateOption as CoreSdModalCreateOption, type SdModalGlobalOptions } from '@sellmate/design-system/utils';
+import { type ConfirmModalOptions, type ModalDialogRef, type SdModalCreateOption as CoreSdModalCreateOption, type SdModalGlobalOptions } from '@sellmate/design-system/utils';
 /**
  * Vue 플러그인. `app.use(SdModalVuePlugin)` 로 설치하면
  * 이후 `sdModal.create({ component: MyModal, componentProps: { ... } })` 호출 시
@@ -35,8 +35,8 @@ export interface SdModalCreateOption extends Omit<CoreSdModalCreateOption, 'comp
  * `compilerOptions.isCustomElement` 가 전부 자동 상속됩니다.
  */
 export declare const sdModal: {
-    confirm(options: ConfirmModalOptions): ModalDialogChain;
+    confirm(options: ConfirmModalOptions): ModalDialogRef;
     configure(options: SdModalGlobalOptions): void;
-    create(input: SdModalCreateOption): ModalDialogChain;
+    create(input: SdModalCreateOption): ModalDialogRef;
 };
 export default sdModal;

package/dist/sdModal.js

@@ -1,5 +1,5 @@
 import { createVNode, render, } from 'vue';
-import { sdModal as coreSdModal, } from '@sellmate/design-system/utils';
+import { sdModal as coreSdModal, _createSdModalRef, _attachSdModalWithRef, } from '@sellmate/design-system/utils';
 /**
  * Vue 플러그인. `app.use(SdModalVuePlugin)` 로 설치하면
  * 이후 `sdModal.create({ component: MyModal, componentProps: { ... } })` 호출 시
@@ -56,13 +56,14 @@ export const sdModal = {
         if (isHTMLElement(component)) {
             return coreSdModal.create({ component, persist });
         }
-        // Vue 컴포넌트 오버로드
-        const { el, host } = mountVueComponent(component, componentProps);
-        const chain = coreSdModal.create({ component: el, persist });
-        chain.onDismissed(() => {
+        // Vue 컴포넌트 오버로드 — modalRef 를 먼저 만들어 props 에 주입한 뒤 mount
+        const modalRef = _createSdModalRef();
+        const { el, host } = mountVueComponent(component, { ...componentProps, modalRef });
+        _attachSdModalWithRef(modalRef, { component: el, persist });
+        modalRef.onDismissed(() => {
             render(null, host);
         });
-        return chain;
+        return modalRef;
     },
 };
 export default sdModal;

package/lib/sdModal.ts

@@ -7,8 +7,10 @@ import {
 } from 'vue';
 import {
   sdModal as coreSdModal,
+  _createSdModalRef,
+  _attachSdModalWithRef,
   type ConfirmModalOptions,
-  type ModalDialogChain,
+  type ModalDialogRef,
   type SdModalCreateOption as CoreSdModalCreateOption,
   type SdModalGlobalOptions,
 } from '@sellmate/design-system/utils';
@@ -86,7 +88,7 @@ function mountVueComponent(
  * `compilerOptions.isCustomElement` 가 전부 자동 상속됩니다.
  */
 export const sdModal = {
-  confirm(options: ConfirmModalOptions): ModalDialogChain {
+  confirm(options: ConfirmModalOptions): ModalDialogRef {
     return coreSdModal.confirm(options);
   },
 
@@ -94,7 +96,7 @@ export const sdModal = {
     coreSdModal.configure(options);
   },
 
-  create(input: SdModalCreateOption): ModalDialogChain {
+  create(input: SdModalCreateOption): ModalDialogRef {
     const { component, componentProps = {}, persist } = input;
 
     // HTMLElement 오버로드: core 로 바로 위임
@@ -102,14 +104,15 @@ export const sdModal = {
       return coreSdModal.create({ component, persist });
     }
 
-    // Vue 컴포넌트 오버로드
-    const { el, host } = mountVueComponent(component, componentProps);
-    const chain = coreSdModal.create({ component: el, persist });
-    chain.onDismissed(() => {
+    // Vue 컴포넌트 오버로드 — modalRef 를 먼저 만들어 props 에 주입한 뒤 mount
+    const modalRef = _createSdModalRef();
+    const { el, host } = mountVueComponent(component, { ...componentProps, modalRef });
+    _attachSdModalWithRef(modalRef, { component: el, persist });
+    modalRef.onDismissed(() => {
       render(null, host);
     });
 
-    return chain;
+    return modalRef;
   },
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system-vue",
- "version": "1.0.56",
+ "version": "1.0.57",
  "description": "Design System - Vue Component Wrappers",
  "keywords": [
   "vue",
@@ -45,7 +45,7 @@
   "vue": "^3.4.38"
  },
  "dependencies": {
-  "@sellmate/design-system": "^1.0.56",
+  "@sellmate/design-system": "^1.0.57",
   "@stencil/vue-output-target": "^0.11.8"
  },
  "peerDependencies": {