@simplysm/angular 14.0.47 → 14.0.48

package/src/data/data-detail/sd-data-detail.ts

@@ -1,237 +0,0 @@
-import { NgTemplateOutlet } from "@angular/common";
-import {
-  ChangeDetectionStrategy,
-  Component,
-  contentChild,
-  effect,
-  TemplateRef,
-  viewChild,
-  ViewEncapsulation,
-} from "@angular/core";
-import { FormatPipe } from "../../core/format.pipe";
-import { injectParent } from "../../core/injectParent";
-import { SdButton } from "../../controls/button/sd-button";
-import { SdAnchor } from "../../controls/button/sd-anchor";
-import { SdForm } from "../../controls/form/sd-form";
-import { SdBaseContainer } from "../../layout/base-container/sd-base-container";
-import { NgIcon } from "@ng-icons/core";
-import {
-  tablerDeviceFloppy,
-  tablerEraser,
-  tablerRefresh,
-  tablerRestore,
-} from "@ng-icons/tabler-icons";
-import { SdDataDetailBase } from "./sd-data-detail.base";
-import { SdCommandDirective } from "../../core/commands/sd-command";
-
-export type { SdDataDetailDataInfo } from "./sd-data-detail.base";
-
-//#region SdDataDetail
-
-@Component({
-  selector: "sd-data-detail",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [
-    SdBaseContainer,
-    SdForm,
-    SdButton,
-    NgTemplateOutlet,
-    FormatPipe,
-    SdAnchor,
-    NgIcon,
-  ],
-  hostDirectives: [
-    { directive: SdCommandDirective, outputs: ["sdRefreshCommand", "sdSaveCommand"] },
-  ],
-  host: {
-    "(sdRefreshCommand)": "onRefreshButtonClick()",
-    "(sdSaveCommand)": "onSubmitButtonClick()",
-  },
-  template: `
-    <sd-base-container
-      [busy]="parent.busyCount() > 0"
-      [busyMessage]="parent.busyMessage()"
-      [viewType]="parent.viewType()"
-      [initialized]="parent.initialized()"
-      [restricted]="!parent.canUse()"
-    >
-      <ng-template #pageTopbarTpl>
-        @if (parent.canEdit() && parent.submit) {
-          <sd-button [theme]="'link-primary'" (click)="onSubmitButtonClick()">
-            <ng-icon [svg]="icons.tablerDeviceFloppy" />
-            저장
-            <small>(CTRL+S)</small>
-          </sd-button>
-        }
-        <sd-button [theme]="'link-info'" (click)="onRefreshButtonClick()">
-          <ng-icon [svg]="icons.tablerRefresh" />
-          새로고침
-          <small>(CTRL+ALT+L)</small>
-        </sd-button>
-      </ng-template>
-
-      <ng-template #contentTpl>
-        <div class="flex-column fill">
-          @if ((parent.viewType() === "control" && parent.canEdit()) || toolTplRef()) {
-            <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
-              @if (parent.viewType() === "control" && parent.canEdit()) {
-                @if (parent.submit) {
-                  <sd-button [theme]="'primary'" (click)="onSubmitButtonClick()">
-                    <ng-icon [svg]="icons.tablerDeviceFloppy" />
-                    저장
-                    <small>(CTRL+S)</small>
-                  </sd-button>
-                  <sd-button [theme]="'info'" (click)="onRefreshButtonClick()">
-                    <ng-icon [svg]="icons.tablerRefresh" />
-                    새로고침
-                    <small>(CTRL+ALT+L)</small>
-                  </sd-button>
-                }
-                @if (
-                  !parent.dataInfo()?.isNew &&
-                  parent.toggleDelete &&
-                  (!parent.canDelete || parent.canDelete())
-                ) {
-                  @if (parent.dataInfo()?.isDeleted) {
-                    <sd-button [theme]="'warning'" (click)="onRestoreButtonClick()">
-                      <ng-icon [svg]="icons.tablerRestore" />
-                      복구
-                    </sd-button>
-                  } @else {
-                    <sd-button [theme]="'danger'" (click)="onDeleteButtonClick()">
-                      <ng-icon [svg]="icons.tablerEraser" />
-                      삭제
-                    </sd-button>
-                  }
-                }
-              }
-
-              <ng-template [ngTemplateOutlet]="toolTplRef() ?? null" />
-            </div>
-          }
-
-          @if (prevTplRef()) {
-            <div>
-              <ng-template [ngTemplateOutlet]="prevTplRef() ?? null" />
-            </div>
-          }
-
-          <div class="flex-fill">
-            <sd-form #formCtrl (formSubmit)="onSubmit()">
-              <ng-template [ngTemplateOutlet]="contentTplRef()" />
-            </sd-form>
-          </div>
-
-          @if (parent.dataInfo()?.lastModifiedAt || parent.dataInfo()?.lastModifiedBy) {
-            <div
-              class="p-sm-default"
-              [class.bg-theme-gray-lightest]="parent.viewType() === 'modal'"
-            >
-              최종수정:
-              @if (parent.dataInfo()?.lastModifiedAt) {
-                {{ parent.dataInfo()!.lastModifiedAt | format: "yyyy-MM-dd HH:mm" }}
-              }
-              @if (parent.dataInfo()?.lastModifiedBy) {
-                ({{ parent.dataInfo()?.lastModifiedBy }})
-              }
-            </div>
-          }
-
-          @if (nextTplRef()) {
-            <div>
-              <ng-template [ngTemplateOutlet]="nextTplRef() ?? null" />
-            </div>
-          }
-        </div>
-      </ng-template>
-
-      @if (parent.canEdit()) {
-        <ng-template #modalBottomTpl>
-          <div class="p-sm-default flex-row gap-sm">
-            @if (
-              !parent.dataInfo()?.isNew &&
-              parent.toggleDelete &&
-              (!parent.canDelete || parent.canDelete())
-            ) {
-              @if (parent.dataInfo()?.isDeleted) {
-                <sd-button [size]="'sm'" [theme]="'warning'" (click)="onRestoreButtonClick()">
-                  복구
-                </sd-button>
-              } @else {
-                <sd-button [size]="'sm'" [theme]="'danger'" (click)="onDeleteButtonClick()">
-                  삭제
-                </sd-button>
-              }
-            }
-
-            <div class="flex-fill flex-row gap-sm main-align-end">
-              <sd-button [size]="'sm'" [theme]="'primary'" (click)="onSubmitButtonClick()">
-                확인
-              </sd-button>
-            </div>
-          </div>
-        </ng-template>
-
-        <ng-template #modalActionTpl>
-          <sd-anchor
-            [theme]="'gray'"
-            class="p-sm-default"
-            (click)="onRefreshButtonClick()"
-            title="새로고침(CTRL+ALT+L)"
-          >
-            <ng-icon [svg]="icons.tablerRefresh" />
-          </sd-anchor>
-        </ng-template>
-      }
-    </sd-base-container>
-  `,
-})
-export class SdDataDetail {
-  parent = injectParent<SdDataDetailBase<any>>();
-
-  formCtrl = viewChild<SdForm>("formCtrl");
-
-  toolTplRef = contentChild("toolTpl", { read: TemplateRef });
-  prevTplRef = contentChild("prevTpl", { read: TemplateRef });
-  contentTplRef = contentChild.required("contentTpl", { read: TemplateRef });
-  nextTplRef = contentChild("nextTpl", { read: TemplateRef });
-
-  modalActionTplRef = viewChild("modalActionTpl", { read: TemplateRef });
-
-  constructor() {
-    effect(() => {
-      this.parent.actionTplRef = this.modalActionTplRef();
-    });
-  }
-
-  async onRefreshButtonClick() {
-    await this.parent.doRefresh();
-  }
-
-  async onDeleteButtonClick() {
-    await this.parent.doToggleDelete(true);
-  }
-
-  async onRestoreButtonClick() {
-    await this.parent.doToggleDelete(false);
-  }
-
-  onSubmitButtonClick() {
-    this.formCtrl()?.requestSubmit();
-  }
-
-  async onSubmit() {
-    await this.parent.doSubmit({ permCheck: true });
-  }
-
-  protected readonly icons = {
-    tablerDeviceFloppy,
-    tablerRefresh,
-    tablerRestore,
-    tablerEraser,
-  };
-}
-
-//#endregion

package/src/data/data-select-button/sd-data-select-button.base.ts

@@ -1,104 +0,0 @@
-import {
-  booleanAttribute,
-  computed,
-  Directive,
-  effect,
-  inject,
-  input,
-  model,
-  signal,
-  type Signal,
-} from "@angular/core";
-import type { SelectModeValue } from "../../controls/select/sd-select";
-import {
-  SdModalProvider,
-  type SdModalOptions,
-} from "../../core/modal/sd-modal.provider";
-import type {
-  SdSelectModal,
-  SdSelectModalInfo,
-} from "../../controls/button/sd-modal-select-button";
-import { setupInvalid } from "../../core/validation/setupInvalid";
-
-@Directive()
-export abstract class SdDataSelectButtonBase<
-  TItem extends object,
-  TKey,
-  TMode extends keyof SelectModeValue<TKey> = keyof SelectModeValue<TKey>,
-> {
-  //-- abstract
-  abstract modal: Signal<SdSelectModalInfo<SdSelectModal<any>>>;
-  abstract load(keys: TKey[]): Promise<TItem[]> | TItem[];
-
-  //-- implement
-
-  protected readonly _sdModal = inject(SdModalProvider);
-
-  value = model<SelectModeValue<TKey>[TMode]>();
-
-  disabled = input(false, { transform: booleanAttribute });
-  required = input(false, { transform: booleanAttribute });
-  inset = input(false, { transform: booleanAttribute });
-  size = input<"sm" | "lg">();
-  selectMode = input<TMode>("single" as TMode);
-
-  isNoValue = computed(() => {
-    const v = this.value();
-    if (v == null) return true;
-    if (Array.isArray(v)) return v.length === 0;
-    return false;
-  });
-
-  selectedItems = signal<TItem[]>([]);
-
-  constructor() {
-    setupInvalid(() => (this.required() && this.value() == null ? "값을 입력하세요." : ""));
-
-    effect(() => {
-      const value = this.value();
-      const selectMode = this.selectMode();
-
-      queueMicrotask(async () => {
-        if (
-          selectMode === "multi" &&
-          Array.isArray(value) &&
-          value.filterExists().length > 0
-        ) {
-          this.selectedItems.set(await this.load(value.filterExists() as TKey[]));
-        } else if (selectMode === "single" && !Array.isArray(value) && value != null) {
-          this.selectedItems.set(await this.load([value as TKey]));
-        } else {
-          this.selectedItems.set([]);
-        }
-      });
-    });
-  }
-
-  async doShowModal(options?: SdModalOptions): Promise<void> {
-    const modal = this.modal();
-    const result = await this._sdModal.showAsync(
-      {
-        ...modal,
-        inputs: {
-          selectMode: this.selectMode(),
-          selectedItemKeys: (this.selectMode() === "multi"
-            ? ((this.value() as any[] | undefined) ?? [])
-            : [this.value()]
-          ).filterExists(),
-          ...modal.inputs,
-        },
-      },
-      options,
-    );
-
-    if (result) {
-      const newValue =
-        this.selectMode() === "multi" ? result.selectedItemKeys : result.selectedItemKeys[0];
-      this.value.set(newValue);
-    }
-  }
-
-  doInitialValue(): void {
-    this.value.set((this.selectMode() === "multi" ? [] : undefined) as any);
-  }
-}

package/src/data/data-select-button/sd-data-select-button.ts

@@ -1,105 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  contentChild,
-  TemplateRef,
-  ViewEncapsulation,
-} from "@angular/core";
-import {
-  SdItemOfTemplate,
-  type SdItemOfTemplateContext,
-} from "../../core/template/sd-item-of-template";
-import { NgTemplateOutlet } from "@angular/common";
-import { injectParent } from "../../core/injectParent";
-import { SdAdditionalButton } from "../../controls/button/sd-additional-button";
-import { SdAnchor } from "../../controls/button/sd-anchor";
-import { SdButton } from "../../controls/button/sd-button";
-import { NgIcon } from "@ng-icons/core";
-import { tablerEraser, tablerSearch } from "@ng-icons/tabler-icons";
-import { SdDataSelectButtonBase } from "./sd-data-select-button.base";
-
-//#region SdDataSelectButton
-
-@Component({
-  selector: "sd-data-select-button",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [
-    SdAdditionalButton,
-    NgTemplateOutlet,
-    SdAnchor,
-    SdButton,
-    NgIcon,
-  ],
-  template: `
-    <sd-additional-button [inset]="parent.inset()" [size]="parent.size()">
-      @if (itemTplRef()) {
-        @for (item of parent.selectedItems(); track item; let index = $index) {
-          @if (index !== 0) {
-            <div style="display: inline-block">,&nbsp;</div>
-          }
-          <div style="display: inline-block">
-            <ng-template
-              [ngTemplateOutlet]="itemTplRef()!"
-              [ngTemplateOutletContext]="{
-                $implicit: item,
-                item: item,
-                index: index,
-                depth: 0,
-              }"
-            ></ng-template>
-          </div>
-        }
-      }
-      <ng-content />
-
-      @if (!parent.disabled() && !parent.isNoValue() && !parent.required()) {
-        <sd-anchor [theme]="'danger'" (click)="onEraseClick()">
-          <ng-icon [svg]="tablerEraser" />
-        </sd-anchor>
-      }
-
-      @if (!parent.disabled()) {
-        <sd-button (click)="onSearchClick($event)" [inset]="true">
-          <ng-icon [svg]="tablerSearch" />
-        </sd-button>
-      }
-    </sd-additional-button>
-  `,
-  styles: [
-    /* language=SCSS */ `
-      sd-data-select-button {
-        display: block;
-        width: 100%;
-        min-width: 3em;
-      }
-    `,
-  ],
-  host: {
-    "[attr.data-sd-disabled]": "parent.disabled()",
-  },
-})
-export class SdDataSelectButton {
-  parent = injectParent<SdDataSelectButtonBase<any, any>>();
-
-  itemTplRef = contentChild<any, TemplateRef<SdItemOfTemplateContext<any>>>(
-    SdItemOfTemplate,
-    { read: TemplateRef },
-  );
-
-  async onSearchClick(event: MouseEvent): Promise<void> {
-    event.preventDefault();
-    event.stopPropagation();
-    await this.parent.doShowModal();
-  }
-
-  onEraseClick(): void {
-    this.parent.doInitialValue();
-  }
-
-  protected readonly tablerEraser = tablerEraser;
-  protected readonly tablerSearch = tablerSearch;
-}
-
-//#endregion

package/src/data/data-sheet/injectDataSheetExcelManager.ts

@@ -1,57 +0,0 @@
-import { type WritableSignal, inject } from "@angular/core";
-import { SdToastProvider } from "../../core/toast/sd-toast.provider";
-import { SdFileDialogProvider } from "../../core/file-dialog/sd-file-dialog.provider";
-import { withBusy } from "../../core/withBusy";
-import type { SdDataSheetSearchResult } from "./sd-data-sheet.types";
-
-export function injectDataSheetExcelManager<TItem>(options: {
-  busyCount: WritableSignal<number>;
-  search: (
-    usePagination: boolean,
-  ) => Promise<SdDataSheetSearchResult<TItem>> | SdDataSheetSearchResult<TItem>;
-  refresh: () => Promise<void>;
-  getDownloadExcelFn: () =>
-    | ((items: TItem[]) => Promise<void> | void)
-    | undefined;
-  getUploadExcelFn: () => ((file: File) => Promise<void> | void) | undefined;
-  errorMessageFn: (err: unknown) => string;
-}) {
-  const sdToast = inject(SdToastProvider);
-  const sdFileDialog = inject(SdFileDialogProvider);
-
-  async function doDownloadExcel(): Promise<void> {
-    const downloadExcelFn = options.getDownloadExcelFn();
-    if (!downloadExcelFn) return;
-
-    await withBusy(options.busyCount, () =>
-      sdToast.try(async () => {
-        const items = (await options.search(false)).items;
-        await downloadExcelFn(items);
-      }),
-    );
-  }
-
-  async function doUploadExcel(): Promise<void> {
-    const uploadExcelFn = options.getUploadExcelFn();
-    if (!uploadExcelFn) return;
-
-    const file = await sdFileDialog.showAsync(
-      false,
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    );
-    if (!file) return;
-
-    await withBusy(options.busyCount, () =>
-      sdToast.try(
-        async () => {
-          await uploadExcelFn(file);
-          await options.refresh();
-          sdToast.success("엑셀 업로드가 완료되었습니다.");
-        },
-        (err) => options.errorMessageFn(err),
-      ),
-    );
-  }
-
-  return { doDownloadExcel, doUploadExcel };
-}

package/src/data/data-sheet/injectDataSheetInlineEditManager.ts

@@ -1,89 +0,0 @@
-import {
-  type OutputEmitterRef,
-  type WritableSignal,
-  inject,
-} from "@angular/core";
-import type { ArrayOneWayDiffResult } from "@simplysm/core-common";
-import { mark } from "../../core/mark";
-import { SdToastProvider } from "../../core/toast/sd-toast.provider";
-import { withBusy } from "../../core/withBusy";
-import type { SdDataSheetItemPropInfo } from "./sd-data-sheet.types";
-
-export function injectDataSheetInlineEditManager<TItem, TKey>(options: {
-  busyCount: WritableSignal<number>;
-  canEdit: () => boolean;
-  items: WritableSignal<TItem[]>;
-  submitted: OutputEmitterRef<boolean>;
-  itemPropInfo: () => SdDataSheetItemPropInfo<TItem>;
-  getItemInfoFn: (item: TItem) => { key: TKey };
-  getDiffs: () => ArrayOneWayDiffResult<TItem>[];
-  refresh: () => Promise<void>;
-  getNewItemFn: () => (() => Promise<TItem> | TItem) | undefined;
-  getSubmitFn: () =>
-    | ((diffs: ArrayOneWayDiffResult<TItem>[]) => Promise<boolean> | boolean)
-    | undefined;
-  errorMessageFn: (err: unknown) => string;
-}) {
-  const sdToast = inject(SdToastProvider);
-
-  async function doAddItem(): Promise<void> {
-    const newItemFn = options.getNewItemFn();
-    if (!newItemFn) return;
-
-    await withBusy(options.busyCount, () =>
-      sdToast.try(async () => {
-        const newItem = await newItemFn();
-        options.items.update((items) => [newItem, ...items]);
-      }),
-    );
-  }
-
-  async function doSubmit(opt?: {
-    permCheck?: boolean;
-    hideNoChangeMessage?: boolean;
-  }): Promise<void> {
-    if (options.busyCount() > 0) return;
-    if (opt?.permCheck && !options.canEdit()) return;
-    const submitFn = options.getSubmitFn();
-    if (!submitFn) return;
-
-    const diffs = options.getDiffs();
-
-    if (diffs.length === 0) {
-      if (!opt?.hideNoChangeMessage) {
-        sdToast.info("변경사항이 없습니다.");
-      }
-      return;
-    }
-
-    await withBusy(options.busyCount, () =>
-      sdToast.try(
-        async () => {
-          const result = await submitFn(diffs);
-          if (!result) return;
-
-          sdToast.success("저장되었습니다.");
-          await options.refresh();
-          options.submitted.emit(true);
-        },
-        (err) => options.errorMessageFn(err),
-      ),
-    );
-  }
-
-  function doToggleDeleteItem(item: TItem): void {
-    if (!options.canEdit()) return;
-    const propInfo = options.itemPropInfo();
-    if (propInfo.isDeleted == null) return;
-
-    if (options.getItemInfoFn(item).key == null) {
-      options.items.update((items) => items.filter((item1) => item1 !== item));
-      return;
-    }
-
-    (item[propInfo.isDeleted] as boolean) = !(item[propInfo.isDeleted] as boolean);
-    mark(options.items);
-  }
-
-  return { doAddItem, doSubmit, doToggleDeleteItem };
-}

package/src/data/data-sheet/injectDataSheetModalEditManager.ts

@@ -1,76 +0,0 @@
-import {
-  type OutputEmitterRef,
-  type Signal,
-  type WritableSignal,
-  inject,
-} from "@angular/core";
-import { SdToastProvider } from "../../core/toast/sd-toast.provider";
-import { withBusy } from "../../core/withBusy";
-import type { SelectModalOutputResult } from "../../core/select-modal-output-result";
-
-export function injectDataSheetModalEditManager<TItem, TKey>(options: {
-  busyCount: WritableSignal<number>;
-  canEdit: () => boolean;
-  selectedItemKeys: Signal<TKey[]>;
-  selectedItems: Signal<TItem[]>;
-  close: OutputEmitterRef<SelectModalOutputResult<TItem>>;
-  refresh: () => Promise<void>;
-  getEditItemFn: () =>
-    | ((item?: TItem) => Promise<boolean | undefined> | boolean | undefined)
-    | undefined;
-  getToggleDeleteItemsFn: () =>
-    | ((del: boolean) => Promise<boolean>)
-    | undefined;
-  errorMessageFn: (err: unknown) => string;
-}) {
-  const sdToast = inject(SdToastProvider);
-
-  async function doEditItem(item?: TItem): Promise<void> {
-    const editItemFn = options.getEditItemFn();
-    if (!editItemFn) return;
-
-    const result = await editItemFn(item);
-    if (!result) return;
-
-    await withBusy(options.busyCount, () =>
-      sdToast.try(async () => {
-        await options.refresh();
-      }),
-    );
-  }
-
-  async function doToggleDeleteItems(del: boolean): Promise<void> {
-    if (!options.canEdit()) return;
-    const toggleDeleteItemsFn = options.getToggleDeleteItemsFn();
-    if (!toggleDeleteItemsFn) return;
-
-    await withBusy(options.busyCount, () =>
-      sdToast.try(
-        async () => {
-          const result = await toggleDeleteItemsFn(del);
-          if (!result) return;
-
-          await options.refresh();
-          sdToast.success(`${del ? "삭제" : "복구"}되었습니다.`);
-        },
-        (err) => options.errorMessageFn(err),
-      ),
-    );
-  }
-
-  function doModalConfirm(): void {
-    options.close.emit({
-      selectedItemKeys: options.selectedItemKeys(),
-      selectedItems: options.selectedItems(),
-    });
-  }
-
-  function doModalCancel(): void {
-    options.close.emit({
-      selectedItemKeys: [],
-      selectedItems: [],
-    });
-  }
-
-  return { doEditItem, doToggleDeleteItems, doModalConfirm, doModalCancel };
-}