@simplysm/angular 14.0.30 → 14.0.33

package/dist/data/data-sheet/sd-data-sheet.base.js

@@ -0,0 +1,196 @@
+import { computed, Directive, model, output, reflectComponentType, signal, TemplateRef, } from "@angular/core";
+import { mark } from "../../core/mark";
+import { injectViewTypeSignal } from "../../core/routing/injectViewTypeSignal";
+import { setupCumulateSelectedKeys } from "../../core/selection/setupCumulateSelectedKeys";
+import { setupCloserWhenSingleSelectionChange } from "./setupCloserWhenSingleSelectionChange";
+import { setupCanDeactivate } from "../../core/routing/setupCanDeactivate";
+import { TXT_CHANGE_IGNORE_CONFIRM } from "../../core/commons";
+import { useDataSheetFilterManager } from "./useDataSheetFilterManager";
+import { injectDataSheetRefreshManager } from "./injectDataSheetRefreshManager";
+import { injectDataSheetInlineEditManager } from "./injectDataSheetInlineEditManager";
+import { injectDataSheetModalEditManager } from "./injectDataSheetModalEditManager";
+import { injectDataSheetExcelManager } from "./injectDataSheetExcelManager";
+import * as i0 from "@angular/core";
+export class SdDataSheetBase {
+    hideTool;
+    diffsExcludes;
+    //-- composable instances
+    _filterMgr;
+    _refreshMgr;
+    _inlineEditMgr;
+    _modalEditMgr;
+    _excelMgr;
+    //-- shared state (D1: class 소유)
+    key = reflectComponentType(this.constructor)?.selector;
+    viewType = injectViewTypeSignal(() => this);
+    busyCount = signal(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
+    busyMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "busyMessage" }] : /* istanbul ignore next */ []));
+    initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    close = output();
+    submitted = output();
+    selectedItemKeys = model([], ...(ngDevMode ? [{ debugName: "selectedItemKeys" }] : /* istanbul ignore next */ []));
+    actionTplRef;
+    autoSelect = computed(() => (!this.canEdit() || this.editMode === "modal") && this.selectMode() === "single"
+        ? "click"
+        : undefined, ...(ngDevMode ? [{ debugName: "autoSelect" }] : /* istanbul ignore next */ []));
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    summaryData = signal({}, ...(ngDevMode ? [{ debugName: "summaryData" }] : /* istanbul ignore next */ []));
+    selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+    trackByFn = (item) => this.getItemInfoFn(item).key ?? item;
+    page = signal(0, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+    pageLength = signal(0, ...(ngDevMode ? [{ debugName: "pageLength" }] : /* istanbul ignore next */ []));
+    sortingDefs = signal([], ...(ngDevMode ? [{ debugName: "sortingDefs" }] : /* istanbul ignore next */ []));
+    //-- filter state (composable에서 생성, 재할당)
+    filter;
+    lastFilter;
+    //-- computed
+    isSelectedItemsHasDeleted = computed(() => this.selectedItems().some((item) => this.itemPropInfo.isDeleted != null &&
+        item[this.itemPropInfo.isDeleted]), ...(ngDevMode ? [{ debugName: "isSelectedItemsHasDeleted" }] : /* istanbul ignore next */ []));
+    isSelectedItemsHasNotDeleted = computed(() => this.selectedItems().some((item) => this.itemPropInfo.isDeleted == null ||
+        !item[this.itemPropInfo.isDeleted]), ...(ngDevMode ? [{ debugName: "isSelectedItemsHasNotDeleted" }] : /* istanbul ignore next */ []));
+    getItemCellStyleFn = (item) => this.itemPropInfo.isDeleted != null && item[this.itemPropInfo.isDeleted]
+        ? "text-decoration: line-through;"
+        : undefined;
+    getItemSelectableFn = (item) => this.getItemInfoFn(item).canSelect;
+    constructor() {
+        setupCumulateSelectedKeys({
+            items: this.items,
+            selectedItems: this.selectedItems,
+            selectedItemKeys: this.selectedItemKeys,
+            selectMode: () => this.selectMode(),
+            keySelectorFn: (item) => this.getItemInfoFn(item).key,
+        });
+        setupCloserWhenSingleSelectionChange({
+            selectedItemKeys: this.selectedItemKeys,
+            selectedItems: this.selectedItems,
+            selectMode: () => this.selectMode(),
+            close: this.close,
+        });
+        //-- filter composable
+        this._filterMgr = useDataSheetFilterManager({
+            bindFilter: () => this.bindFilter(),
+            busyCount: this.busyCount,
+            canUse: () => this.canUse(),
+            page: this.page,
+            checkIgnoreChanges: () => this.checkIgnoreChanges(),
+        });
+        this.filter = this._filterMgr.filter;
+        this.lastFilter = this._filterMgr.lastFilter;
+        //-- refresh composable
+        this._refreshMgr = injectDataSheetRefreshManager({
+            busyCount: this.busyCount,
+            initialized: this.initialized,
+            canUse: () => this.canUse(),
+            items: this.items,
+            selectedItems: this.selectedItems,
+            pageLength: this.pageLength,
+            summaryData: this.summaryData,
+            page: this.page,
+            lastFilter: this.lastFilter,
+            sortingDefs: this.sortingDefs,
+            getItemInfoFn: (item) => this.getItemInfoFn(item),
+            search: (p) => this.search(p),
+            prepareRefreshEffect: () => this.prepareRefreshEffect?.(),
+            getDiffsExcludes: () => this.diffsExcludes,
+        });
+        //-- inline edit composable
+        this._inlineEditMgr = injectDataSheetInlineEditManager({
+            busyCount: this.busyCount,
+            canEdit: () => this.canEdit(),
+            items: this.items,
+            submitted: this.submitted,
+            itemPropInfo: () => this.itemPropInfo,
+            getItemInfoFn: (item) => this.getItemInfoFn(item),
+            getDiffs: () => this._refreshMgr.getDiffs(),
+            refresh: () => this._refreshMgr.refresh(),
+            getNewItemFn: () => this.newItem?.bind(this),
+            getSubmitFn: () => this.submit?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
+        });
+        //-- modal edit composable
+        this._modalEditMgr = injectDataSheetModalEditManager({
+            busyCount: this.busyCount,
+            canEdit: () => this.canEdit(),
+            selectedItemKeys: this.selectedItemKeys,
+            selectedItems: this.selectedItems,
+            close: this.close,
+            refresh: () => this._refreshMgr.refresh(),
+            getEditItemFn: () => this.editItem?.bind(this),
+            getToggleDeleteItemsFn: () => this.toggleDeleteItems?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
+        });
+        //-- excel composable
+        this._excelMgr = injectDataSheetExcelManager({
+            busyCount: this.busyCount,
+            search: (p) => this.search(p),
+            refresh: () => this._refreshMgr.refresh(),
+            getDownloadExcelFn: () => this.downloadExcel?.bind(this),
+            getUploadExcelFn: () => this.uploadExcel?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
+        });
+        setupCanDeactivate(() => this.viewType() === "modal" || this.checkIgnoreChanges());
+    }
+    //-- D2: class 메서드 (커스터마이징 가능)
+    checkIgnoreChanges() {
+        return this._refreshMgr.getDiffs().length === 0 || confirm(TXT_CHANGE_IGNORE_CONFIRM);
+    }
+    doFilterSubmit() {
+        this._filterMgr.doFilterSubmit();
+    }
+    doRefresh() {
+        if (this.busyCount() > 0)
+            return;
+        if (!this.canUse())
+            return;
+        if (!this.checkIgnoreChanges())
+            return;
+        mark(this.lastFilter);
+    }
+    async refresh() {
+        await this._refreshMgr.refresh();
+    }
+    //-- inline edit (delegated to composable)
+    async doAddItem() {
+        await this._inlineEditMgr.doAddItem();
+    }
+    async doSubmit(opt) {
+        await this._inlineEditMgr.doSubmit(opt);
+    }
+    doToggleDeleteItem(item) {
+        this._inlineEditMgr.doToggleDeleteItem(item);
+    }
+    //-- modal edit (delegated to composable)
+    async doEditItem(item) {
+        await this._modalEditMgr.doEditItem(item);
+    }
+    async doToggleDeleteItems(del) {
+        await this._modalEditMgr.doToggleDeleteItems(del);
+    }
+    doModalConfirm() {
+        this._modalEditMgr.doModalConfirm();
+    }
+    doModalCancel() {
+        this._modalEditMgr.doModalCancel();
+    }
+    //-- excel (delegated to composable)
+    async doDownloadExcel() {
+        await this._excelMgr.doDownloadExcel();
+    }
+    async doUploadExcel() {
+        await this._excelMgr.doUploadExcel();
+    }
+    //-- private
+    _getOrmDataEditToastErrorMessage(err) {
+        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;
+    }
+    static ɵfac = function SdDataSheetBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDataSheetBase)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdDataSheetBase, inputs: { selectedItemKeys: [1, "selectedItemKeys"] }, outputs: { close: "close", submitted: "submitted", selectedItemKeys: "selectedItemKeysChange" } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataSheetBase, [{
+        type: Directive
+    }], () => [], { close: [{ type: i0.Output, args: ["close"] }], submitted: [{ type: i0.Output, args: ["submitted"] }], selectedItemKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItemKeys", required: false }] }, { type: i0.Output, args: ["selectedItemKeysChange"] }] }); })();

package/dist/data/data-sheet/sd-data-sheet.d.ts

@@ -0,0 +1,48 @@
+import { TemplateRef } from "@angular/core";
+import { SdForm } from "../../controls/form/sd-form";
+import { SdDataSheetColumn } from "./sd-data-sheet-column";
+import { SdDataSheetBase } from "./sd-data-sheet.base";
+import * as i0 from "@angular/core";
+export declare class SdDataSheet {
+    parent: SdDataSheetBase<any, any, any>;
+    formCtrl: import("@angular/core").Signal<SdForm | undefined>;
+    insertText: import("@angular/core").InputSignal<string | undefined>;
+    deleteText: import("@angular/core").InputSignal<string | undefined>;
+    restoreText: import("@angular/core").InputSignal<string | undefined>;
+    deleteIcon: import("@angular/core").InputSignal<string>;
+    restoreIcon: import("@angular/core").InputSignal<string>;
+    pageTopbarTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    prevTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    filterTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    beforeToolTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    toolTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    modalBottomTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    columnControls: import("@angular/core").Signal<readonly SdDataSheetColumn[]>;
+    modalActionTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    constructor();
+    protected readonly icons: {
+        tablerRefresh: string;
+        tablerDeviceFloppy: string;
+        tablerSearch: string;
+        tablerCirclePlus: string;
+        tablerUpload: string;
+        tablerFileExcel: string;
+        tablerEdit: string;
+    };
+    onFilterSubmit(): void;
+    onRefreshButtonClick(): void;
+    onCreateItemButtonClick(): Promise<void>;
+    onEditItemButtonClick(item: any, index: number, event: MouseEvent): Promise<void>;
+    onToggleDeleteItemsButtonClick(del: boolean): Promise<void>;
+    onToggleDeleteItemButtonClick(item: any): void;
+    onSubmitButtonClick(): void;
+    onSubmit(): Promise<void>;
+    onAddItemButtonClick(): Promise<void>;
+    onDownloadExcelButtonClick(): Promise<void>;
+    onUploadExcelButtonClick(): Promise<void>;
+    onConfirmButtonClick(): void;
+    onCancelButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDataSheet, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDataSheet, "sd-data-sheet", never, { "insertText": { "alias": "insertText"; "required": false; "isSignal": true; }; "deleteText": { "alias": "deleteText"; "required": false; "isSignal": true; }; "restoreText": { "alias": "restoreText"; "required": false; "isSignal": true; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; "isSignal": true; }; "restoreIcon": { "alias": "restoreIcon"; "required": false; "isSignal": true; }; }, {}, ["pageTopbarTplRef", "prevTplRef", "filterTplRef", "beforeToolTplRef", "toolTplRef", "modalBottomTplRef", "columnControls"], never, true, never>;
+}
+//# sourceMappingURL=sd-data-sheet.d.ts.map

package/dist/data/data-sheet/sd-data-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-data-sheet.d.ts","sourceRoot":"","sources":["../../../src/data/data-sheet/sd-data-sheet.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAMrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAc3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;;AAIvD,qBAqVa,WAAW;IACtB,MAAM,iCAAkD;IAExD,QAAQ,qDAAiC;IAEzC,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAC7B,WAAW,0DAAmB;IAC9B,UAAU,8CAAuB;IACjC,WAAW,8CAAwB;IAEnC,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,YAAY,+DAAoD;IAChE,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,iBAAiB,+DAAyD;IAE1E,cAAc,+DAAsC;IAEpD,iBAAiB,+DAAsD;;IAQvE,SAAS,CAAC,QAAQ,CAAC,KAAK;;;;;;;;MAQtB;IAEF,cAAc;IAId,oBAAoB;IAId,uBAAuB;IAIvB,qBAAqB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAMjE,8BAA8B,CAAC,GAAG,EAAE,OAAO;IAIjD,6BAA6B,CAAC,IAAI,EAAE,GAAG;IAIvC,mBAAmB;IAIb,QAAQ;IAIR,oBAAoB;IAIpB,0BAA0B;IAI1B,wBAAwB;IAI9B,oBAAoB;IAIpB,mBAAmB;yCAxFR,WAAW;2CAAX,WAAW;CA2FvB"}