@simplysm/angular 14.0.25 → 14.0.27

package/src/core/types/select-modal-output-result.ts

@@ -1,7 +1,7 @@
 /**
  * 모달 선택 결과
  */
-export interface ISelectModalOutputResult<T> {
+export interface SelectModalOutputResult<T> {
   selectedItemKeys: any[];
   selectedItems: T[];
 }

package/src/core/utils/{TDirectiveInputSignals.ts → directive-input-signals.ts}

@@ -5,7 +5,7 @@ import type { InputSignal } from "@angular/core";
  *
  * `{ name: string; age: number | undefined }` -> `{ name: string; age?: number }`
  */
-export type TUndefToOptional<T> = {
+export type UndefToOptional<T> = {
   [K in keyof T as undefined extends T[K] ? never : K]: T[K];
 } & {
   [K in keyof T as undefined extends T[K] ? K : never]?: Exclude<T[K], undefined>;
@@ -22,10 +22,10 @@ export type TUndefToOptional<T> = {
  *   name = input.required<string>();
  *   age = input(0);
  * }
- * // TDirectiveInputSignals<MyComponent> = { name: string; age: number }
+ * // DirectiveInputSignals<MyComponent> = { name: string; age: number }
  * ```
  */
-export type TDirectiveInputSignals<T> = TUndefToOptional<{
+export type DirectiveInputSignals<T> = UndefToOptional<{
   [P in keyof T as T[P] extends InputSignal<any> ? P : never]: T[P] extends InputSignal<
     infer V
   >
@@ -36,4 +36,4 @@ export type TDirectiveInputSignals<T> = TUndefToOptional<{
 /**
  * 특정 키를 optional로 변환하는 유틸리티 타입
  */
-export type TWithOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type WithOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;

package/src/core/utils/{useCurrentPageCodeSignal.ts → injectCurrentPageCodeSignal.ts}

@@ -2,7 +2,7 @@ import { computed, inject, type Signal } from "@angular/core";
 import { toSignal } from "@angular/core/rxjs-interop";
 import { ActivatedRoute } from "@angular/router";
 
-export function useCurrentPageCodeSignal(): Signal<string> | undefined {
+export function injectCurrentPageCodeSignal(): Signal<string> | undefined {
   const activatedRoute = inject(ActivatedRoute, { optional: true });
 
   if (activatedRoute) {

package/src/core/utils/{useFullPageCodeSignal.ts → injectFullPageCodeSignal.ts}

@@ -3,7 +3,7 @@ import { toSignal } from "@angular/core/rxjs-interop";
 import { NavigationEnd, Router } from "@angular/router";
 import { filter, map } from "rxjs";
 
-export function useFullPageCodeSignal(): Signal<string> {
+export function injectFullPageCodeSignal(): Signal<string> {
   const router = inject(Router);
 
   const url = toSignal(

package/src/core/utils/{useSdSystemConfigResource.ts → injectSdSystemConfigResource.ts}

@@ -1,7 +1,7 @@
 import { ElementRef, ErrorHandler, inject, type ResourceRef, resource, type Signal } from "@angular/core";
 import { SdSystemConfigProvider } from "../providers/sd-system-config.provider";
 
-export function useSdSystemConfigResource<T>(options: { key: Signal<string | undefined> }) {
+export function injectSdSystemConfigResource<T>(options: { key: Signal<string | undefined> }) {
   const sdSystemConfig = inject<SdSystemConfigProvider<Record<string, T>>>(SdSystemConfigProvider);
   const elRef = inject(ElementRef);
   const errorHandler = inject(ErrorHandler);

package/src/core/utils/{useViewTitleSignal.ts → injectViewTitleSignal.ts}

@@ -1,21 +1,25 @@
 import { computed, inject, type Signal } from "@angular/core";
 import { SdActivatedModalProvider } from "../providers/sd-activated-modal.provider";
 import { SdAppStructureProvider } from "../providers/sd-app-structure.provider";
-import { useFullPageCodeSignal } from "./useFullPageCodeSignal";
-import { useCurrentPageCodeSignal } from "./useCurrentPageCodeSignal";
+import { injectFullPageCodeSignal } from "./injectFullPageCodeSignal";
+import { injectCurrentPageCodeSignal } from "./injectCurrentPageCodeSignal";
 
-export function useViewTitleSignal(): Signal<string> {
+export function injectViewTitleSignal(): Signal<string> {
   const activatedModal = inject(SdActivatedModalProvider, { optional: true });
   const sdAppStructure = inject(SdAppStructureProvider);
 
-  const fullPageCode = useFullPageCodeSignal();
-  const currPageCode = useCurrentPageCodeSignal();
+  const fullPageCode = injectFullPageCodeSignal();
+  const currPageCode = injectCurrentPageCodeSignal();
 
   return computed(() => {
     if (activatedModal != null) {
       return activatedModal.modalComponent()?.title() ?? "";
     }
 
-    return sdAppStructure.getTitleByFullCode(currPageCode?.() ?? fullPageCode());
+    try {
+      return sdAppStructure.getTitleByFullCode(currPageCode?.() ?? fullPageCode());
+    } catch {
+      return "";
+    }
   });
 }

package/src/core/utils/{useViewTypeSignal.ts → injectViewTypeSignal.ts}

@@ -1,17 +1,17 @@
 import { computed, inject, type Signal } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
 import { SdActivatedModalProvider } from "../providers/sd-activated-modal.provider";
-import { useCurrentPageCodeSignal } from "./useCurrentPageCodeSignal";
-import { useFullPageCodeSignal } from "./useFullPageCodeSignal";
+import { injectCurrentPageCodeSignal } from "./injectCurrentPageCodeSignal";
+import { injectFullPageCodeSignal } from "./injectFullPageCodeSignal";
 
-export function useViewTypeSignal(getComp: () => object): Signal<TSdViewType> {
+export function injectViewTypeSignal(getComp: () => object): Signal<SdViewType> {
   const activatedModal = inject(SdActivatedModalProvider, { optional: true });
   const activatedRoute = inject(ActivatedRoute, { optional: true });
 
-  const fullPageCode = useFullPageCodeSignal();
-  const currPageCode = useCurrentPageCodeSignal();
+  const fullPageCode = injectFullPageCodeSignal();
+  const currPageCode = injectCurrentPageCodeSignal();
 
-  return computed<TSdViewType>(() => {
+  return computed<SdViewType>(() => {
     if (activatedModal != null) {
       return "modal";
     }
@@ -30,4 +30,4 @@ export function useViewTypeSignal(getComp: () => object): Signal<TSdViewType> {
   });
 }
 
-export type TSdViewType = "page" | "modal" | "control";
+export type SdViewType = "page" | "modal" | "control";

package/src/core/utils/useExpandingManager.ts

@@ -1,9 +1,9 @@
 import { computed, type Signal, type WritableSignal } from "@angular/core";
 import "@simplysm/core-common";
 
-export interface IExpandItemDef<T> {
+export interface ExpandItemDef<T> {
   item: T;
-  parentDef: IExpandItemDef<T> | undefined;
+  parentDef: ExpandItemDef<T> | undefined;
   hasChildren: boolean;
   depth: number;
 }
@@ -20,19 +20,19 @@ export function useExpandingManager<T>(binding: {
   toggle(item: T): void;
   toggleAll(): void;
   isVisible(item: T): boolean;
-  def(item: T): IExpandItemDef<T>;
+  def(item: T): ExpandItemDef<T>;
 } {
   const allDefs = computed(() => {
     const getChildrenFn = binding.getChildrenFn();
-    const defs: IExpandItemDef<T>[] = [];
+    const defs: ExpandItemDef<T>[] = [];
 
-    function walk(items: T[], parentDef: IExpandItemDef<T> | undefined, depth: number): void {
+    function walk(items: T[], parentDef: ExpandItemDef<T> | undefined, depth: number): void {
       const sorted = binding.sort(items);
       for (let i = 0; i < sorted.length; i++) {
         const item = sorted[i];
         const children = getChildrenFn?.(item, i);
         const hasChildren = children != null && children.length > 0;
-        const itemDef: IExpandItemDef<T> = { item, parentDef, hasChildren, depth };
+        const itemDef: ExpandItemDef<T> = { item, parentDef, hasChildren, depth };
         defs.push(itemDef);
         if (hasChildren) {
           walk(children, itemDef, depth + 1);
@@ -60,7 +60,7 @@ export function useExpandingManager<T>(binding: {
   });
 
   const defMap = computed(() => {
-    const map = new Map<T, IExpandItemDef<T>>();
+    const map = new Map<T, ExpandItemDef<T>>();
     for (const d of allDefs()) {
       map.set(d.item, d);
     }
@@ -99,7 +99,7 @@ export function useExpandingManager<T>(binding: {
     return true;
   }
 
-  function def(item: T): IExpandItemDef<T> {
+  function def(item: T): ExpandItemDef<T> {
     const map = defMap();
     const d = map.get(item);
     if (d == null) {

package/src/core/utils/useSortingManager.ts

@@ -1,13 +1,13 @@
 import { computed, type Signal, type WritableSignal } from "@angular/core";
 import "@simplysm/core-common";
 
-export interface ISortingDef {
+export interface SortingDef {
   key: string;
   desc: boolean;
 }
 
 export function useSortingManager(options: {
-  sorts: WritableSignal<ISortingDef[]>;
+  sorts: WritableSignal<SortingDef[]>;
 }): {
   defMap: Signal<Map<string, { indexText?: string; desc: boolean }>>;
   toggle(key: string, multiple: boolean): void;

package/src/features/address/sd-address-search.modal.ts

@@ -8,22 +8,22 @@ import {
   ViewEncapsulation,
 } from "@angular/core";
 import type { OnInit } from "@angular/core";
-import { SdBusyContainerControl } from "../../ui/overlay/busy/sd-busy-container.control";
-import type { ISdModal } from "../../ui/overlay/modal/sd-modal.provider";
+import { SdBusyContainer } from "../../ui/overlay/busy/sd-busy-container";
+import type { SdModalContentDef } from "../../ui/overlay/modal/sd-modal.provider";
 
 declare const daum: {
   postcode: {
     load(callback: () => void): void;
   };
   Postcode: new (options: {
-    oncomplete: (data: IDaumPostcodeData) => void;
+    oncomplete: (data: DaumPostcodeData) => void;
     onresize: (size: { height: number }) => void;
     width: string;
     height: string;
   }) => { embed(el: HTMLElement, options: { autoClose: boolean }): void };
 };
 
-interface IDaumPostcodeData {
+interface DaumPostcodeData {
   zonecode: string;
   roadAddress: string;
   jibunAddress: string;
@@ -33,7 +33,7 @@ interface IDaumPostcodeData {
   apartment: "Y" | "N";
 }
 
-export interface IAddress {
+export interface Address {
   postNumber: string | undefined;
   address: string | undefined;
   buildingName: string | undefined;
@@ -44,19 +44,19 @@ export interface IAddress {
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [SdBusyContainerControl],
+  imports: [SdBusyContainer],
   template: `
     <sd-busy-container [busy]="!initialized()">
       <div #content style="min-height: 100px;"></div>
     </sd-busy-container>
   `,
 })
-export class SdAddressSearchModal implements ISdModal<IAddress>, OnInit {
+export class SdAddressSearchModal implements SdModalContentDef<Address>, OnInit {
   contentElRef = viewChild.required<"content", ElementRef<HTMLElement>>("content", {
     read: ElementRef,
   });
 
-  close = output<IAddress>();
+  close = output<Address>();
 
   initialized = signal(false);
 
@@ -86,7 +86,7 @@ export class SdAddressSearchModal implements ISdModal<IAddress>, OnInit {
     const contentEl = this.contentElRef().nativeElement;
 
     new daum.Postcode({
-      oncomplete: (data: IDaumPostcodeData): void => {
+      oncomplete: (data: DaumPostcodeData): void => {
         const addr = data.userSelectedType === "R" ? data.roadAddress : data.jibunAddress;
 
         let extraAddr = "";

package/src/features/base/{sd-base-container.control.ts → sd-base-container.ts}

@@ -10,17 +10,17 @@ import {
   TemplateRef,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdBusyContainerControl } from "../../ui/overlay/busy/sd-busy-container.control";
-import { SdTopbarContainerControl } from "../../ui/navigation/topbar/sd-topbar-container.control";
-import { SdTopbarControl } from "../../ui/navigation/topbar/sd-topbar.control";
+import { SdBusyContainer } from "../../ui/overlay/busy/sd-busy-container";
+import { SdTopbarContainer } from "../../ui/navigation/topbar/sd-topbar-container";
+import { SdTopbar } from "../../ui/navigation/topbar/sd-topbar";
 import { SdAppStructureProvider } from "../../core/providers/sd-app-structure.provider";
 import { SdActivatedModalProvider } from "../../core/providers/sd-activated-modal.provider";
-import { useCurrentPageCodeSignal } from "../../core/utils/useCurrentPageCodeSignal";
-import { useFullPageCodeSignal } from "../../core/utils/useFullPageCodeSignal";
+import { injectCurrentPageCodeSignal } from "../../core/utils/injectCurrentPageCodeSignal";
+import { injectFullPageCodeSignal } from "../../core/utils/injectFullPageCodeSignal";
 import {
-  useViewTypeSignal,
-  type TSdViewType,
-} from "../../core/utils/useViewTypeSignal";
+  injectViewTypeSignal,
+  type SdViewType,
+} from "../../core/utils/injectViewTypeSignal";
 import { injectParent } from "../../core/utils/injectParent";
 import { NgIcon } from "@ng-icons/core";
 import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
@@ -31,9 +31,9 @@ import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
   encapsulation: ViewEncapsulation.None,
   standalone: true,
   imports: [
-    SdBusyContainerControl,
-    SdTopbarContainerControl,
-    SdTopbarControl,
+    SdBusyContainer,
+    SdTopbarContainer,
+    SdTopbar,
     NgTemplateOutlet,
     NgIcon,
   ],
@@ -78,31 +78,36 @@ import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
     </sd-busy-container>
   `,
 })
-export class SdBaseContainerControl {
+export class SdBaseContainer {
   private readonly _sdActivatedModal = inject(SdActivatedModalProvider, { optional: true });
   private readonly _sdAppStructure = inject(SdAppStructureProvider);
 
   private readonly _parent = injectParent();
 
-  private readonly _fullPageCode = useFullPageCodeSignal();
-  private readonly _currPageCode = useCurrentPageCodeSignal();
+  private readonly _fullPageCode = injectFullPageCodeSignal();
+  private readonly _currPageCode = injectCurrentPageCodeSignal();
 
   contentTplRef = contentChild.required("contentTpl", { read: TemplateRef });
 
   pageTopbarTplRef = contentChild("pageTopbarTpl", { read: TemplateRef });
   modalBottomTplRef = contentChild("modalBottomTpl", { read: TemplateRef });
 
-  private readonly _parentViewType = useViewTypeSignal(() => this._parent);
-  viewType = input<TSdViewType>();
+  private readonly _parentViewType = injectViewTypeSignal(() => this._parent);
+  viewType = input<SdViewType>();
   currViewType = computed(() => this.viewType() ?? this._parentViewType());
 
   header = input<string>();
-  modalOrPageTitle = computed(
-    () =>
-      this.header() ??
-      this._sdActivatedModal?.modalComponent()?.title() ??
-      this._sdAppStructure.getTitleByFullCode(this._currPageCode?.() ?? this._fullPageCode()),
-  );
+  modalOrPageTitle = computed(() => {
+    try {
+      return (
+        this.header() ??
+        this._sdActivatedModal?.modalComponent()?.title() ??
+        this._sdAppStructure.getTitleByFullCode(this._currPageCode?.() ?? this._fullPageCode())
+      );
+    } catch {
+      return "";
+    }
+  });
 
   initialized = input<boolean | undefined>(undefined);
   restricted = input(false, { transform: booleanAttribute });

package/src/features/data-view/{useDataSheetExcelManager.ts → injectDataSheetExcelManager.ts}

@@ -2,13 +2,13 @@ import { type WritableSignal, inject } from "@angular/core";
 import { SdToastProvider } from "../../core/providers/sd-toast.provider";
 import { SdFileDialogProvider } from "../../core/providers/sd-file-dialog.provider";
 import { withBusy } from "../../core/utils/withBusy";
-import type { ISdDataSheetSearchResult } from "./sd-data-sheet.types";
+import type { SdDataSheetSearchResult } from "./sd-data-sheet.types";
 
-export function useDataSheetExcelManager<TItem>(options: {
+export function injectDataSheetExcelManager<TItem>(options: {
   busyCount: WritableSignal<number>;
   search: (
     usePagination: boolean,
-  ) => Promise<ISdDataSheetSearchResult<TItem>> | ISdDataSheetSearchResult<TItem>;
+  ) => Promise<SdDataSheetSearchResult<TItem>> | SdDataSheetSearchResult<TItem>;
   refresh: () => Promise<void>;
   getDownloadExcelFn: () =>
     | ((items: TItem[]) => Promise<void> | void)

package/src/features/data-view/{useDataSheetInlineEditManager.ts → injectDataSheetInlineEditManager.ts}

@@ -7,14 +7,14 @@ import type { ArrayOneWayDiffResult } from "@simplysm/core-common";
 import { mark } from "../../core/utils/mark";
 import { SdToastProvider } from "../../core/providers/sd-toast.provider";
 import { withBusy } from "../../core/utils/withBusy";
-import type { ISdDataSheetItemPropInfo } from "./sd-data-sheet.types";
+import type { SdDataSheetItemPropInfo } from "./sd-data-sheet.types";
 
-export function useDataSheetInlineEditManager<TItem, TKey>(options: {
+export function injectDataSheetInlineEditManager<TItem, TKey>(options: {
   busyCount: WritableSignal<number>;
   canEdit: () => boolean;
   items: WritableSignal<TItem[]>;
   submitted: OutputEmitterRef<boolean>;
-  itemPropInfo: () => ISdDataSheetItemPropInfo<TItem>;
+  itemPropInfo: () => SdDataSheetItemPropInfo<TItem>;
   getItemInfoFn: (item: TItem) => { key: TKey };
   getDiffs: () => ArrayOneWayDiffResult<TItem>[];
   refresh: () => Promise<void>;

package/src/features/data-view/{useDataSheetModalEditManager.ts → injectDataSheetModalEditManager.ts}

@@ -6,14 +6,14 @@ import {
 } from "@angular/core";
 import { SdToastProvider } from "../../core/providers/sd-toast.provider";
 import { withBusy } from "../../core/utils/withBusy";
-import type { ISelectModalOutputResult } from "../../core/types/select-modal-output-result";
+import type { SelectModalOutputResult } from "../../core/types/select-modal-output-result";
 
-export function useDataSheetModalEditManager<TItem, TKey>(options: {
+export function injectDataSheetModalEditManager<TItem, TKey>(options: {
   busyCount: WritableSignal<number>;
   canEdit: () => boolean;
   selectedItemKeys: Signal<TKey[]>;
   selectedItems: Signal<TItem[]>;
-  close: OutputEmitterRef<ISelectModalOutputResult<TItem>>;
+  close: OutputEmitterRef<SelectModalOutputResult<TItem>>;
   refresh: () => Promise<void>;
   getEditItemFn: () =>
     | ((item?: TItem) => Promise<boolean | undefined> | boolean | undefined)

package/src/features/data-view/{useDataSheetRefreshManager.ts → injectDataSheetRefreshManager.ts}

@@ -3,9 +3,9 @@ import { type ArrayOneWayDiffResult, obj } from "@simplysm/core-common";
 import { SdToastProvider } from "../../core/providers/sd-toast.provider";
 import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
 import { withBusy } from "../../core/utils/withBusy";
-import type { ISdDataSheetSearchResult } from "./sd-data-sheet.types";
+import type { SdDataSheetSearchResult } from "./sd-data-sheet.types";
 
-export function useDataSheetRefreshManager<
+export function injectDataSheetRefreshManager<
   TItem,
   TKey extends string | number | undefined,
 >(options: {
@@ -22,7 +22,7 @@ export function useDataSheetRefreshManager<
   getItemInfoFn: (item: TItem) => { key: TKey };
   search: (
     usePagination: boolean,
-  ) => Promise<ISdDataSheetSearchResult<TItem>> | ISdDataSheetSearchResult<TItem>;
+  ) => Promise<SdDataSheetSearchResult<TItem>> | SdDataSheetSearchResult<TItem>;
   prepareRefreshEffect?: () => void;
   getDiffsExcludes: () => string[] | undefined;
 }) {

package/src/features/data-view/sd-data-detail.base.ts

@@ -0,0 +1,183 @@
+import {
+  Directive,
+  effect,
+  inject,
+  output,
+  signal,
+  type Signal,
+  TemplateRef,
+} from "@angular/core";
+import { DateTime, obj } from "@simplysm/core-common";
+import { TXT_CHANGE_IGNORE_CONFIRM } from "../../core/commons";
+import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
+import { setupCanDeactivate } from "../../core/utils/setups/setupCanDeactivate";
+import { injectViewTypeSignal } from "../../core/utils/injectViewTypeSignal";
+import { withBusy } from "../../core/utils/withBusy";
+import { type SdModalContentDef } from "../../ui/overlay/modal/sd-modal.provider";
+import { SdToastProvider } from "../../core/providers/sd-toast.provider";
+
+export interface SdDataDetailDataInfo {
+  isNew: boolean;
+  isDeleted: boolean;
+  lastModifiedAt: DateTime | undefined;
+  lastModifiedBy: string | undefined;
+}
+
+@Directive()
+export abstract class SdDataDetailBase<T extends object, R = boolean>
+  implements SdModalContentDef<R>
+{
+  //-- abstract
+
+  abstract canUse: Signal<boolean>;
+  abstract canEdit: Signal<boolean>;
+  canDelete?: Signal<boolean>;
+
+  prepareRefreshEffect?(): void;
+
+  abstract load():
+    | Promise<{ data: T; info: SdDataDetailDataInfo }>
+    | { data: T; info: SdDataDetailDataInfo };
+
+  toggleDelete?(del: boolean): Promise<R | undefined> | R | undefined;
+
+  submit?(data: T): Promise<R | undefined> | R | undefined;
+
+  //-- implement
+
+  private readonly _sdToast = inject(SdToastProvider);
+  private readonly _sdSharedData = inject(SdSharedDataProvider);
+
+  viewType = injectViewTypeSignal(() => this);
+
+  busyCount = signal(0);
+  busyMessage = signal<string | undefined>(undefined);
+  initialized = signal(false);
+  close = output<R>();
+  actionTplRef?: TemplateRef<any>;
+
+  data = signal<T>({} as T);
+
+  dataInfo = signal<SdDataDetailDataInfo | undefined>(undefined);
+
+  private _dataSnapshot?: T;
+
+  constructor() {
+    effect(() => {
+      this.prepareRefreshEffect?.();
+
+      queueMicrotask(async () => {
+        if (!this.canUse()) {
+          this.initialized.set(true);
+          return;
+        }
+
+        await withBusy(this.busyCount, () =>
+          this._sdToast.try(async () => {
+            await this._sdSharedData.wait();
+            await this.refresh();
+          }),
+        );
+        this.initialized.set(true);
+      });
+    });
+
+    setupCanDeactivate(() => this.viewType() === "modal" || this.checkIgnoreChanges());
+  }
+
+  checkIgnoreChanges() {
+    return (
+      this._dataSnapshot == null ||
+      obj.equal(this.data(), this._dataSnapshot) ||
+      confirm(TXT_CHANGE_IGNORE_CONFIRM)
+    );
+  }
+
+  async doRefresh() {
+    if (this.busyCount() > 0) return;
+    if (!this.canUse()) return;
+    if (!this.checkIgnoreChanges()) return;
+
+    await withBusy(this.busyCount, () =>
+      this._sdToast.try(async () => {
+        await this.refresh();
+      }),
+    );
+  }
+
+  async refresh() {
+    const result = await this.load();
+    this.data.set(result.data);
+    this.dataInfo.set(result.info);
+    if (!result.info.isNew) {
+      this._dataSnapshot = obj.clone(result.data);
+    }
+  }
+
+  async doToggleDelete(del: boolean) {
+    if (this.busyCount() > 0) return;
+    if (!this.canEdit()) return;
+    if (this.canDelete && !this.canDelete()) return;
+    if (!this.toggleDelete) return;
+
+    await withBusy(this.busyCount, () =>
+      this._sdToast.try(
+        async () => {
+          const result = await this.toggleDelete!(del);
+          if (!result) return;
+
+          this._sdToast.success(`${del ? "삭제" : "복구"}되었습니다.`);
+
+          this.close.emit(result);
+        },
+        (err) => this._getOrmDataEditToastErrorMessage(err),
+      ),
+    );
+  }
+
+  async doSubmit(opt?: { permCheck?: boolean; hideNoChangeMessage?: boolean }) {
+    if (this.busyCount() > 0) return;
+    if (opt?.permCheck && !this.canEdit()) return;
+    if (!this.submit) return;
+
+    const dataInfo = this.dataInfo();
+    if (dataInfo == null) return;
+
+    if (
+      !dataInfo.isNew &&
+      (this._dataSnapshot == null || obj.equal(this.data(), this._dataSnapshot))
+    ) {
+      if (!opt?.hideNoChangeMessage) {
+        this._sdToast.info("변경사항이 없습니다.");
+      }
+      return;
+    }
+
+    await withBusy(this.busyCount, () =>
+      this._sdToast.try(
+        async () => {
+          const result = await this.submit!(this.data());
+          if (!result) return;
+
+          this._sdToast.success("저장되었습니다.");
+
+          this.close.emit(result);
+
+          await this.refresh();
+        },
+        (err) => this._getOrmDataEditToastErrorMessage(err),
+      ),
+    );
+  }
+
+  private _getOrmDataEditToastErrorMessage(err: unknown) {
+    const message = err instanceof Error ? err.message : String(err);
+    if (
+      message.includes("a parent row: a foreign key constraint") ||
+      message.includes("conflicted with the REFERENCE")
+    ) {
+      return "경고! 연결된 작업에 의한 처리 거부. 후속작업 확인 요망";
+    }
+    return message;
+  }
+}