@sellmate/design-system 0.0.26 → 0.0.27

package/dist/collection/components/sd-table/sd-table.js

@@ -12,6 +12,7 @@ export class SdTable {
     stickyHeader = false;
     stickyColumn = { left: 0, right: 0 };
     noDataLabel = '데이터가 없습니다.';
+    isLoading = false;
     pagination;
     bodyCellRenderer;
     useInternalPagination = false;
@@ -24,6 +25,7 @@ export class SdTable {
     ];
     sdSelectChange;
     sdPageChange;
+    sdRowsPerPageChange;
     currentPage = this.pagination?.page || 1;
     innerRows = [];
     innerSelected = new Set();
@@ -184,9 +186,7 @@ export class SdTable {
             }, style: this.getStickyStyle(colIdx) }, h("div", { class: `sd-th__content sd-th__content--${col.align || 'left'}` }, h("slot", { name: `header-cell-${col.name}` }, h("div", { class: "sd-th__content--label" }, col.label)), col.usePageMoveIcon && h("sd-icon", { name: "pageMove", size: "12", color: "#006AC1" }), col.tooltip && (h("sd-tooltip", { ...col.tooltipOptions }, h("div", { slot: "content" }, col.tooltip.map(text => (h("p", null, text))))))), this.resizable && typeof window !== 'undefined' && (h("div", { class: "sd-th__resizer", onMouseDown: (evt) => this.handleResize(colIdx, evt) }))))))));
     }
     renderBody() {
-        if (!this.paginatedRows.length)
-            return (h("tbody", { part: "tbody-empty" }, h("tr", null, h("td", { colSpan: this.visibleColumns.length + (this.selectable ? 1 : 0) }, this.noDataLabel))));
-        return (h("tbody", null, this.paginatedRows.map((row, rowIdx) => (h("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (h("td", { class: {
+        return (h("tbody", { ...(!this.paginatedRows.length && { part: 'tbody-empty' }) }, this.isLoading && (h("div", { class: "sd-table__loading" }, h("sd-loading-spinner", null))), !this.paginatedRows.length ? (h("tr", null, h("td", { colSpan: this.visibleColumns.length + (this.selectable ? 1 : 0) }, h("slot", { name: "no-data" }, this.noDataLabel)))) : (h(h.Fragment, null, this.paginatedRows.map((row, rowIdx) => (h("tr", { key: row[this.rowKey], class: "hover:bg-Grey_Lighten-6" }, this.selectable && (h("td", { class: {
                 'sd-td': true,
                 'sd-td--selected': true,
                 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),
@@ -205,13 +205,13 @@ export class SdTable {
                         colIdx === this.visibleColumns.length - this.stickyColumn.right),
                     [`${column.tdClass}`]: Boolean(column.tdClass),
                 }, style: this.getStickyStyle(colIdx) }, h("slot", { name: `body-cell-${column.name}-${rowIdx}` }, rendered ? (typeof rendered === 'string' ? (h("span", { innerHTML: rendered })) : (rendered)) : (this.getCellValue(column, row)))));
-        }))))));
+        }))))))));
     }
     render() {
-        return (h(Host, { key: 'b73fefde2c99c864002a2e778b02a306d4c8c32d' }, h("div", { key: '4fbf588871e3b8cb92e087cbde59aa9280ba75cd', class: "sd-table__wrapper", style: {
+        return (h(Host, { key: '941eac6f220c2eb336748b19d7d62421954d7b2d' }, h("div", { key: '9e1753e83333aca00ff3e1b85746a1a9f14ceed3', class: "sd-table__wrapper", style: {
                 '--table-width': this.width,
                 '--table-height': this.height,
-            } }, h("div", { key: '92d69eaf8e499fd5b3a0ebb3d77353c8285949e5', class: "sd-table__container" }, h("div", { key: '590fd93058983bab3bc829e7c6ce4e058365287f', class: "sd-table__middle" }, h("table", { key: 'c1fd46586bd9429377dfff9df94550cb5437b05a', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), h("div", { key: '89a48072c9f6b84d062e4e127b5858657003fc87', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (h("div", { key: '526c024bc5493b8a3abb4f7887ec221e38dd2937', class: "sd-table__pagination" }, h("sd-pagination", { key: 'f607579ff98e70f2c6975139a17c7fc48b940a19', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
+            } }, h("div", { key: '1a1077fc7cf1056ec1756e87cb47485e96b66d60', class: "sd-table__container" }, h("div", { key: '13dce57546577aef35abe3e6e2f9fe8155ee0d9c', class: "sd-table__middle" }, h("table", { key: '7fbc368f33cfd222732ca45f07ab3876f4739fce', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), h("div", { key: 'a96bdcb80985577f8f24d79ba0356be7926f84fc', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (h("div", { key: '111c1d44684dc1f795250f2be51a31959e9c62e2', class: "sd-table__pagination" }, h("sd-pagination", { key: '349f9cac77c2212e3d533c8fe62e1ab2ebbe461c', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onPageChange: (e) => {
                 if (!this.useInternalPagination) {
                     this.sdPageChange.emit(e.detail);
                 }
@@ -219,20 +219,26 @@ export class SdTable {
                     this.currentPage = e.detail;
                     this.sdPageChange.emit(this.currentPage);
                 }
-            } }), this.useRowsPerPageSelect && (h("sd-select", { key: '683424acaf3961dcf681e8a04275cdba6bdf9928', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
-                const newRowsPerPage = Number(e.detail.value || 0);
-                let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));
-                let newCurrentPage = this.currentPage;
-                if (newCurrentPage > newLastPage) {
-                    newCurrentPage = newLastPage;
+            } }), this.useRowsPerPageSelect && (h("sd-select", { key: '1a9b338efdeaa212c5f3751dae638631b60f89d8', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdChange: (e) => {
+                const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;
+                if (!this.useInternalPagination) {
+                    this.sdRowsPerPageChange.emit(changedRowsPerPage);
+                }
+                else {
+                    const newRowsPerPage = Number(e.detail.value || 0);
+                    let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));
+                    let newCurrentPage = this.currentPage;
+                    if (newCurrentPage > newLastPage) {
+                        newCurrentPage = newLastPage;
+                    }
+                    this.pagination = {
+                        page: newCurrentPage,
+                        rowsPerPage: newRowsPerPage,
+                        lastPage: newLastPage,
+                    };
+                    this.currentPage = newCurrentPage;
+                    this.sdRowsPerPageChange.emit(changedRowsPerPage);
                 }
-                this.pagination = {
-                    page: newCurrentPage,
-                    rowsPerPage: newRowsPerPage,
-                    lastPage: newLastPage,
-                };
-                this.currentPage = newCurrentPage;
-                this.sdPageChange.emit(this.currentPage);
             } })))))));
     }
     static get is() { return "sd-table"; }
@@ -478,6 +484,26 @@ export class SdTable {
                 "attribute": "no-data-label",
                 "defaultValue": "'\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.'"
             },
+            "isLoading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-loading",
+                "defaultValue": "false"
+            },
             "pagination": {
                 "type": "unknown",
                 "mutable": false,
@@ -640,6 +666,21 @@ export class SdTable {
                     "resolved": "number",
                     "references": {}
                 }
+            }, {
+                "method": "sdRowsPerPageChange",
+                "name": "sdRowsPerPageChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
             }];
     }
     static get elementRef() { return "el"; }
@@ -659,4 +700,2044 @@ export class SdTable {
             }];
     }
 }
+// <div
+//  style="
+//   width: 100%;
+//   height: 600px;
+//   display: flex;
+//   justify-content: center;
+//   align-items: center;
+//   gap: 40px;
+//   margin-top: 100px;
+//  "
+// >
+//  <sd-table id="sd-table-1" use-rows-per-page-select></sd-table>
+//  <button id="test">시작</button>
+// </div>
+// document.addEventListener('DOMContentLoaded', event => {
+//     const table = document.getElementById('sd-table-1');
+//     const test = document.getElementById('test');
+//     table.pagination = {
+//      page: 1,
+//      rowsPerPage: 50,
+//      totalItems: 0,
+//      lastPage: 1,
+//     };
+//     table.rows = [];
+//     const ROWS = [
+//      {
+//       'id': 1,
+//       'productInfo': {
+//        name: 'Oversized Wool Autumn Jacket',
+//        property: '블랙, OS',
+//        barcode: [{ code: '123456789013456789' }],
+//        code: 'OUTJK002BLKM',
+//        category: '의류 > 아우터 > 자켓',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 150000,
+//       'totalStock': 5200,
+//       'movingStock': 250,
+//       'unshippedStock': 100,
+//       '본사 창고': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//       '롯데 백화점 잠실점': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//      },
+//      {
+//       'id': 2,
+//       'productInfo': {
+//        name: 'Cotton Basic T-Shirt',
+//        property: '화이트, L',
+//        barcode: [{ code: '123456789013456780' }],
+//        code: 'TSHRT001WHTL',
+//        category: '의류 > 상의 > 티셔츠',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 25000,
+//       'totalStock': 8500,
+//       'movingStock': 400,
+//       'unshippedStock': 150,
+//       '본사 창고': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//       '롯데 백화점 잠실점': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//      },
+//      {
+//       'id': 3,
+//       'productInfo': {
+//        name: 'Denim Straight Jeans',
+//        property: '네이비, 30',
+//        barcode: [{ code: '123456789013456781' }],
+//        code: 'JEANS001NAVY30',
+//        category: '의류 > 하의 > 청바지',
+//        season: '2025 (F/W)',
+//        isDeleted: true,
+//       },
+//       'avgCost': 89000,
+//       'totalStock': 3200,
+//       'movingStock': 180,
+//       'unshippedStock': 80,
+//       '본사 창고': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//       'ABC 창고 (한솔 로지스틱스)': {
+//        total: 2000,
+//        scheduled: 100,
+//       },
+//       '롯데 백화점 잠실점': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//      },
+//      {
+//       'id': 4,
+//       'productInfo': {
+//        name: 'Leather Ankle Boots',
+//        property: '브라운, 250',
+//        barcode: [{ code: '123456789013456782' }],
+//        code: 'BOOTS001BRN250',
+//        category: '신발 > 부츠 > 앵클부츠',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 180000,
+//       'totalStock': 1800,
+//       'movingStock': 120,
+//       'unshippedStock': 60,
+//       '본사 창고': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//       '롯데 백화점 잠실점': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//      },
+//      {
+//       'id': 5,
+//       'productInfo': {
+//        name: 'Cashmere Wool Scarf',
+//        property: '그레이, OS',
+//        barcode: [{ code: '123456789013456783' }],
+//        code: 'SCARF001GRAY',
+//        category: '액세서리 > 머플러 > 캐시미어',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 75000,
+//       'totalStock': 2400,
+//       'movingStock': 140,
+//       'unshippedStock': 70,
+//       '본사 창고': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//       '롯데 백화점 잠실점': {
+//        total: 100000,
+//        scheduled: 5000,
+//       },
+//      },
+//      {
+//       'id': 6,
+//       'productInfo': {
+//        name: 'Minimalist Watch',
+//        property: '실버, OS',
+//        barcode: [{ code: '123456789013456784' }],
+//        code: 'WATCH001SLV',
+//        category: '액세서리 > 시계 > 손목시계',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 120000,
+//       'totalStock': 950,
+//       'movingStock': 85,
+//       'unshippedStock': 40,
+//       '본사 창고': {
+//        total: 65000,
+//        scheduled: 2200,
+//       },
+//      },
+//      {
+//       'id': 7,
+//       'productInfo': {
+//        name: 'Sports Running Shoes',
+//        property: '블랙, 270',
+//        barcode: [{ code: '123456789013456785' }],
+//        code: 'SHOES001BLK270',
+//        category: '신발 > 운동화 > 러닝화',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 95000,
+//       'totalStock': 4200,
+//       'movingStock': 320,
+//       'unshippedStock': 160,
+//       '본사 창고': {
+//        total: 110000,
+//        scheduled: 5500,
+//       },
+//      },
+//      {
+//       'id': 8,
+//       'productInfo': {
+//        name: 'Silk Blouse',
+//        property: '크림, M',
+//        barcode: [{ code: '123456789013456786' }],
+//        code: 'BLOUSE001CRM',
+//        category: '의류 > 상의 > 블라우스',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 135000,
+//       'totalStock': 1600,
+//       'movingStock': 95,
+//       'unshippedStock': 45,
+//       '본사 창고': {
+//        total: 72000,
+//        scheduled: 3100,
+//       },
+//      },
+//      {
+//       'id': 9,
+//       'productInfo': {
+//        name: 'Canvas Tote Bag',
+//        property: '베이지, L',
+//        barcode: [{ code: '123456789013456787' }],
+//        code: 'BAG001BGEL',
+//        category: '가방 > 토트백 > 캔버스',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 45000,
+//       'totalStock': 3800,
+//       'movingStock': 280,
+//       'unshippedStock': 140,
+//       '본사 창고': {
+//        total: 88000,
+//        scheduled: 4800,
+//       },
+//      },
+//      {
+//       'id': 10,
+//       'productInfo': {
+//        name: 'Wool Knit Sweater',
+//        property: '차콜, XL',
+//        barcode: [{ code: '123456789013456788' }],
+//        code: 'KNIT001CHRXL',
+//        category: '의류 > 상의 > 니트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 98000,
+//       'totalStock': 2800,
+//       'movingStock': 190,
+//       'unshippedStock': 95,
+//       '본사 창고': {
+//        total: 76000,
+//        scheduled: 3800,
+//       },
+//      },
+//      {
+//       'id': 11,
+//       'productInfo': {
+//        name: 'Baseball Cap',
+//        property: '네이비, OS',
+//        barcode: [{ code: '123456789013456789' }],
+//        code: 'CAP001NAVY',
+//        category: '액세서리 > 모자 > 야구모자',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 35000,
+//       'totalStock': 5400,
+//       'movingStock': 380,
+//       'unshippedStock': 190,
+//       '본사 창고': {
+//        total: 125000,
+//        scheduled: 6200,
+//       },
+//      },
+//      {
+//       'id': 12,
+//       'productInfo': {
+//        name: 'Pleated Mini Skirt',
+//        property: '체크, S',
+//        barcode: [{ code: '123456789013456790' }],
+//        code: 'SKIRT001CHKS',
+//        category: '의류 > 하의 > 스커트',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 68000,
+//       'totalStock': 2200,
+//       'movingStock': 165,
+//       'unshippedStock': 82,
+//       '본사 창고': {
+//        total: 69000,
+//        scheduled: 3400,
+//       },
+//      },
+//      {
+//       'id': 13,
+//       'productInfo': {
+//        name: 'Leather Belt',
+//        property: '블랙, 95',
+//        barcode: [{ code: '123456789013456791' }],
+//        code: 'BELT001BLK95',
+//        category: '액세서리 > 벨트 > 가죽벨트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 55000,
+//       'totalStock': 1400,
+//       'movingStock': 85,
+//       'unshippedStock': 42,
+//       '본사 창고': {
+//        total: 58000,
+//        scheduled: 2100,
+//       },
+//      },
+//      {
+//       'id': 14,
+//       'productInfo': {
+//        name: 'Hooded Sweatshirt',
+//        property: '그레이, L',
+//        barcode: [{ code: '123456789013456792' }],
+//        code: 'HOOD001GRAYL',
+//        category: '의류 > 상의 > 후디',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 78000,
+//       'totalStock': 3600,
+//       'movingStock': 245,
+//       'unshippedStock': 122,
+//       '본사 창고': {
+//        total: 92000,
+//        scheduled: 4500,
+//       },
+//      },
+//      {
+//       'id': 15,
+//       'productInfo': {
+//        name: 'Chain Necklace',
+//        property: '골드, OS',
+//        barcode: [{ code: '123456789013456793' }],
+//        code: 'NECK001GOLD',
+//        category: '액세서리 > 목걸이 > 체인',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 85000,
+//       'totalStock': 880,
+//       'movingStock': 55,
+//       'unshippedStock': 28,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1800,
+//       },
+//      },
+//      {
+//       'id': 16,
+//       'productInfo': {
+//        name: 'Chino Pants',
+//        property: '베이지, 32',
+//        barcode: [{ code: '123456789013456794' }],
+//        code: 'CHINO001BGE32',
+//        category: '의류 > 하의 > 치노팬츠',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 72000,
+//       'totalStock': 2600,
+//       'movingStock': 185,
+//       'unshippedStock': 92,
+//       '본사 창고': {
+//        total: 78000,
+//        scheduled: 3200,
+//       },
+//      },
+//      {
+//       'id': 17,
+//       'productInfo': {
+//        name: 'Crossbody Bag',
+//        property: '블랙, M',
+//        barcode: [{ code: '123456789013456795' }],
+//        code: 'XBAG001BLKM',
+//        category: '가방 > 크로스백 > 미니',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 125000,
+//       'totalStock': 1200,
+//       'movingStock': 75,
+//       'unshippedStock': 38,
+//       '본사 창고': {
+//        total: 55000,
+//        scheduled: 2400,
+//       },
+//      },
+//      {
+//       'id': 18,
+//       'productInfo': {
+//        name: 'Flannel Shirt',
+//        property: '레드체크, L',
+//        barcode: [{ code: '123456789013456796' }],
+//        code: 'SHIRT001REDL',
+//        category: '의류 > 상의 > 셔츠',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 65000,
+//       'totalStock': 2100,
+//       'movingStock': 155,
+//       'unshippedStock': 78,
+//       '본사 창고': {
+//        total: 67000,
+//        scheduled: 2900,
+//       },
+//      },
+//      {
+//       'id': 19,
+//       'productInfo': {
+//        name: 'Statement Earrings',
+//        property: '실버, OS',
+//        barcode: [{ code: '123456789013456797' }],
+//        code: 'EAR001SLV',
+//        category: '액세서리 > 귀걸이 > 드롭형',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 42000,
+//       'totalStock': 650,
+//       'movingStock': 45,
+//       'unshippedStock': 22,
+//       '본사 창고': {
+//        total: 35000,
+//        scheduled: 1500,
+//       },
+//      },
+//      {
+//       'id': 20,
+//       'productInfo': {
+//        name: 'Cargo Shorts',
+//        property: '카키, XL',
+//        barcode: [{ code: '123456789013456798' }],
+//        code: 'SHORT001KHIXL',
+//        category: '의류 > 하의 > 반바지',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 58000,
+//       'totalStock': 1800,
+//       'movingStock': 125,
+//       'unshippedStock': 62,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2600,
+//       },
+//      },
+//      {
+//       'id': 21,
+//       'productInfo': {
+//        name: 'Bomber Jacket',
+//        property: '올리브, M',
+//        barcode: [{ code: '123456789013456799' }],
+//        code: 'BOMB001OLVM',
+//        category: '의류 > 아우터 > 봄버재킷',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 165000,
+//       'totalStock': 950,
+//       'movingStock': 68,
+//       'unshippedStock': 34,
+//       '본사 창고': {
+//        total: 48000,
+//        scheduled: 2100,
+//       },
+//      },
+//      {
+//       'id': 22,
+//       'productInfo': {
+//        name: 'Sunglasses',
+//        property: '블랙, OS',
+//        barcode: [{ code: '123456789013456800' }],
+//        code: 'SUN001BLK',
+//        category: '액세서리 > 선글라스 > 웨이파러',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 88000,
+//       'totalStock': 720,
+//       'movingStock': 52,
+//       'unshippedStock': 26,
+//       '본사 창고': {
+//        total: 38000,
+//        scheduled: 1700,
+//       },
+//      },
+//      {
+//       'id': 23,
+//       'productInfo': {
+//        name: 'Midi Dress',
+//        property: '플로럴, S',
+//        barcode: [{ code: '123456789013456801' }],
+//        code: 'DRESS001FLRS',
+//        category: '의류 > 원피스 > 미디원피스',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 145000,
+//       'totalStock': 1400,
+//       'movingStock': 95,
+//       'unshippedStock': 48,
+//       '본사 창고': {
+//        total: 58000,
+//        scheduled: 2300,
+//       },
+//      },
+//      {
+//       'id': 24,
+//       'productInfo': {
+//        name: 'Sneakers High-top',
+//        property: '화이트, 265',
+//        barcode: [{ code: '123456789013456802' }],
+//        code: 'SNEAK001WHT265',
+//        category: '신발 > 운동화 > 하이탑',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 112000,
+//       'totalStock': 2200,
+//       'movingStock': 165,
+//       'unshippedStock': 82,
+//       '본사 창고': {
+//        total: 72000,
+//        scheduled: 3100,
+//       },
+//      },
+//      {
+//       'id': 25,
+//       'productInfo': {
+//        name: 'Cardigan',
+//        property: '베이지, M',
+//        barcode: [{ code: '123456789013456803' }],
+//        code: 'CARD001BGEM',
+//        category: '의류 > 상의 > 가디건',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 92000,
+//       'totalStock': 1600,
+//       'movingStock': 115,
+//       'unshippedStock': 58,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2500,
+//       },
+//      },
+//      {
+//       'id': 26,
+//       'productInfo': {
+//        name: 'Bucket Hat',
+//        property: '데님, OS',
+//        barcode: [{ code: '123456789013456804' }],
+//        code: 'BUCK001DENIM',
+//        category: '액세서리 > 모자 > 버킷햇',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 38000,
+//       'totalStock': 3200,
+//       'movingStock': 245,
+//       'unshippedStock': 122,
+//       '본사 창고': {
+//        total: 85000,
+//        scheduled: 4200,
+//       },
+//      },
+//      {
+//       'id': 27,
+//       'productInfo': {
+//        name: 'Track Pants',
+//        property: '블랙, L',
+//        barcode: [{ code: '123456789013456805' }],
+//        code: 'TRACK001BLKL',
+//        category: '의류 > 하의 > 트랙팬츠',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 65000,
+//       'totalStock': 2800,
+//       'movingStock': 195,
+//       'unshippedStock': 98,
+//       '본사 창고': {
+//        total: 78000,
+//        scheduled: 3600,
+//       },
+//      },
+//      {
+//       'id': 28,
+//       'productInfo': {
+//        name: 'Leather Gloves',
+//        property: '브라운, M',
+//        barcode: [{ code: '123456789013456806' }],
+//        code: 'GLOVE001BRNM',
+//        category: '액세서리 > 장갑 > 가죽장갑',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 78000,
+//       'totalStock': 850,
+//       'movingStock': 58,
+//       'unshippedStock': 29,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1800,
+//       },
+//      },
+//      {
+//       'id': 29,
+//       'productInfo': {
+//        name: 'Polo Shirt',
+//        property: '네이비, L',
+//        barcode: [{ code: '123456789013456807' }],
+//        code: 'POLO001NAVL',
+//        category: '의류 > 상의 > 폴로셔츠',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 52000,
+//       'totalStock': 3400,
+//       'movingStock': 255,
+//       'unshippedStock': 128,
+//       '본사 창고': {
+//        total: 88000,
+//        scheduled: 4500,
+//       },
+//      },
+//      {
+//       'id': 30,
+//       'productInfo': {
+//        name: 'Ankle Socks',
+//        property: '화이트, OS',
+//        barcode: [{ code: '123456789013456808' }],
+//        code: 'SOCK001WHT',
+//        category: '의류 > 양말 > 발목양말',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 8000,
+//       'totalStock': 8500,
+//       'movingStock': 650,
+//       'unshippedStock': 325,
+//       '본사 창고': {
+//        total: 180000,
+//        scheduled: 9500,
+//       },
+//      },
+//      {
+//       'id': 31,
+//       'productInfo': {
+//        name: 'Puffer Vest',
+//        property: '블랙, XL',
+//        barcode: [{ code: '123456789013456809' }],
+//        code: 'VEST001BLKXL',
+//        category: '의류 > 아우터 > 패딩조끼',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 135000,
+//       'totalStock': 1200,
+//       'movingStock': 85,
+//       'unshippedStock': 42,
+//       '본사 창고': {
+//        total: 52000,
+//        scheduled: 2200,
+//       },
+//      },
+//      {
+//       'id': 32,
+//       'productInfo': {
+//        name: 'Ring Set',
+//        property: '골드, OS',
+//        barcode: [{ code: '123456789013456810' }],
+//        code: 'RING001GOLD',
+//        category: '액세서리 > 반지 > 세트',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 65000,
+//       'totalStock': 480,
+//       'movingStock': 35,
+//       'unshippedStock': 18,
+//       '본사 창고': {
+//        total: 28000,
+//        scheduled: 1200,
+//       },
+//      },
+//      {
+//       'id': 33,
+//       'productInfo': {
+//        name: 'Maxi Coat',
+//        property: '캐멀, M',
+//        barcode: [{ code: '123456789013456811' }],
+//        code: 'COAT001CAMLM',
+//        category: '의류 > 아우터 > 롱코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 285000,
+//       'totalStock': 650,
+//       'movingStock': 42,
+//       'unshippedStock': 21,
+//       '본사 창고': {
+//        total: 32000,
+//        scheduled: 1400,
+//       },
+//      },
+//      {
+//       'id': 34,
+//       'productInfo': {
+//        name: 'Oxford Shoes',
+//        property: '브라운, 270',
+//        barcode: [{ code: '123456789013456812' }],
+//        code: 'OX001BRN270',
+//        category: '신발 > 드레스화 > 옥스퍼드',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 195000,
+//       'totalStock': 850,
+//       'movingStock': 58,
+//       'unshippedStock': 29,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1700,
+//       },
+//      },
+//      {
+//       'id': 35,
+//       'productInfo': {
+//        name: 'Wrap Skirt',
+//        property: '올리브, S',
+//        barcode: [{ code: '123456789013456813' }],
+//        code: 'WRAP001OLVS',
+//        category: '의류 > 하의 > 랩스커트',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 78000,
+//       'totalStock': 1400,
+//       'movingStock': 95,
+//       'unshippedStock': 48,
+//       '본사 창고': {
+//        total: 58000,
+//        scheduled: 2300,
+//       },
+//      },
+//      {
+//       'id': 36,
+//       'productInfo': {
+//        name: 'Baseball Jacket',
+//        property: '네이비/화이트, L',
+//        barcode: [{ code: '123456789013456814' }],
+//        code: 'BASE001NWHL',
+//        category: '의류 > 아우터 > 야구점퍼',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 125000,
+//       'totalStock': 950,
+//       'movingStock': 68,
+//       'unshippedStock': 34,
+//       '본사 창고': {
+//        total: 48000,
+//        scheduled: 2100,
+//       },
+//      },
+//      {
+//       'id': 37,
+//       'productInfo': {
+//        name: 'Messenger Bag',
+//        property: '블랙, L',
+//        barcode: [{ code: '123456789013456815' }],
+//        code: 'MSG001BLKL',
+//        category: '가방 > 메신저백 > 대형',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 158000,
+//       'totalStock': 720,
+//       'movingStock': 52,
+//       'unshippedStock': 26,
+//       '본사 창고': {
+//        total: 38000,
+//        scheduled: 1600,
+//       },
+//      },
+//      {
+//       'id': 38,
+//       'productInfo': {
+//        name: 'Tank Top',
+//        property: '그레이, M',
+//        barcode: [{ code: '123456789013456816' }],
+//        code: 'TANK001GRAM',
+//        category: '의류 > 상의 > 나시',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 28000,
+//       'totalStock': 4200,
+//       'movingStock': 315,
+//       'unshippedStock': 158,
+//       '본사 창고': {
+//        total: 105000,
+//        scheduled: 5500,
+//       },
+//      },
+//      {
+//       'id': 39,
+//       'productInfo': {
+//        name: 'Beanie',
+//        property: '차콜, OS',
+//        barcode: [{ code: '123456789013456817' }],
+//        code: 'BEAN001CHR',
+//        category: '액세서리 > 모자 > 비니',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 32000,
+//       'totalStock': 2800,
+//       'movingStock': 205,
+//       'unshippedStock': 102,
+//       '본사 창고': {
+//        total: 78000,
+//        scheduled: 3800,
+//       },
+//      },
+//      {
+//       'id': 40,
+//       'productInfo': {
+//        name: 'Wide Leg Pants',
+//        property: '블랙, L',
+//        barcode: [{ code: '123456789013456818' }],
+//        code: 'WIDE001BLKL',
+//        category: '의류 > 하의 > 와이드팬츠',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 85000,
+//       'totalStock': 1800,
+//       'movingStock': 125,
+//       'unshippedStock': 62,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2600,
+//       },
+//      },
+//      {
+//       'id': 41,
+//       'productInfo': {
+//        name: 'Clutch Bag',
+//        property: '골드, M',
+//        barcode: [{ code: '123456789013456819' }],
+//        code: 'CLUTCH001GLDM',
+//        category: '가방 > 클러치백 > 이브닝',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 118000,
+//       'totalStock': 450,
+//       'movingStock': 32,
+//       'unshippedStock': 16,
+//       '본사 창고': {
+//        total: 25000,
+//        scheduled: 1100,
+//       },
+//      },
+//      {
+//       'id': 42,
+//       'productInfo': {
+//        name: 'Thermal Underwear',
+//        property: '화이트, L',
+//        barcode: [{ code: '123456789013456820' }],
+//        code: 'THERM001WHTL',
+//        category: '의류 > 언더웨어 > 보온속옷',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 45000,
+//       'totalStock': 3200,
+//       'movingStock': 245,
+//       'unshippedStock': 122,
+//       '본사 창고': {
+//        total: 85000,
+//        scheduled: 4200,
+//       },
+//      },
+//      {
+//       'id': 43,
+//       'productInfo': {
+//        name: 'Pocket Watch',
+//        property: '실버, OS',
+//        barcode: [{ code: '123456789013456821' }],
+//        code: 'PWATCH001SLV',
+//        category: '액세서리 > 시계 > 포켓워치',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 165000,
+//       'totalStock': 280,
+//       'movingStock': 18,
+//       'unshippedStock': 9,
+//       '본사 창고': {
+//        total: 15000,
+//        scheduled: 650,
+//       },
+//      },
+//      {
+//       'id': 44,
+//       'productInfo': {
+//        name: 'Cropped Blazer',
+//        property: '핑크, S',
+//        barcode: [{ code: '123456789013456822' }],
+//        code: 'BLAZ001PNKS',
+//        category: '의류 > 아우터 > 블레이저',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 185000,
+//       'totalStock': 850,
+//       'movingStock': 58,
+//       'unshippedStock': 29,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1700,
+//       },
+//      },
+//      {
+//       'id': 45,
+//       'productInfo': {
+//        name: 'Loafers',
+//        property: '블랙, 255',
+//        barcode: [{ code: '123456789013456823' }],
+//        code: 'LOAF001BLK255',
+//        category: '신발 > 로퍼 > 클래식',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 145000,
+//       'totalStock': 1200,
+//       'movingStock': 85,
+//       'unshippedStock': 42,
+//       '본사 창고': {
+//        total: 52000,
+//        scheduled: 2200,
+//       },
+//      },
+//      {
+//       'id': 46,
+//       'productInfo': {
+//        name: 'Gym Shorts',
+//        property: '블랙, L',
+//        barcode: [{ code: '123456789013456824' }],
+//        code: 'GYM001BLKL',
+//        category: '의류 > 스포츠웨어 > 반바지',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 38000,
+//       'totalStock': 2800,
+//       'movingStock': 205,
+//       'unshippedStock': 102,
+//       '본사 창고': {
+//        total: 78000,
+//        scheduled: 3800,
+//       },
+//      },
+//      {
+//       'id': 47,
+//       'productInfo': {
+//        name: 'Hair Accessory Set',
+//        property: '골드, OS',
+//        barcode: [{ code: '123456789013456825' }],
+//        code: 'HAIR001GLD',
+//        category: '액세서리 > 헤어액세서리 > 세트',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 25000,
+//       'totalStock': 1400,
+//       'movingStock': 105,
+//       'unshippedStock': 52,
+//       '본사 창고': {
+//        total: 48000,
+//        scheduled: 2400,
+//       },
+//      },
+//      {
+//       'id': 48,
+//       'productInfo': {
+//        name: 'Pea Coat',
+//        property: '네이비, M',
+//        barcode: [{ code: '123456789013456826' }],
+//        code: 'PEA001NAVM',
+//        category: '의류 > 아우터 > 피코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 225000,
+//       'totalStock': 650,
+//       'movingStock': 42,
+//       'unshippedStock': 21,
+//       '본사 창고': {
+//        total: 32000,
+//        scheduled: 1400,
+//       },
+//      },
+//      {
+//       'id': 49,
+//       'productInfo': {
+//        name: 'Canvas Sneakers',
+//        property: '화이트, 260',
+//        barcode: [{ code: '123456789013456827' }],
+//        code: 'CANV001WHT260',
+//        category: '신발 > 캔버스화 > 로우탑',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 65000,
+//       'totalStock': 3200,
+//       'movingStock': 245,
+//       'unshippedStock': 122,
+//       '본사 창고': {
+//        total: 85000,
+//        scheduled: 4200,
+//       },
+//      },
+//      {
+//       'id': 50,
+//       'productInfo': {
+//        name: 'Yoga Leggings',
+//        property: '블랙, M',
+//        barcode: [{ code: '123456789013456828' }],
+//        code: 'YOGA001BLKM',
+//        category: '의류 > 스포츠웨어 > 레깅스',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 55000,
+//       'totalStock': 2400,
+//       'movingStock': 175,
+//       'unshippedStock': 88,
+//       '본사 창고': {
+//        total: 68000,
+//        scheduled: 3200,
+//       },
+//      },
+//      {
+//       'id': 51,
+//       'productInfo': {
+//        name: 'Bracelet',
+//        property: '실버, OS',
+//        barcode: [{ code: '123456789013456829' }],
+//        code: 'BRAC001SLV',
+//        category: '액세서리 > 팔찌 > 체인',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 48000,
+//       'totalStock': 950,
+//       'movingStock': 68,
+//       'unshippedStock': 34,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1800,
+//       },
+//      },
+//      {
+//       'id': 52,
+//       'productInfo': {
+//        name: 'Tweed Jacket',
+//        property: '그레이, L',
+//        barcode: [{ code: '123456789013456830' }],
+//        code: 'TWEED001GRAYL',
+//        category: '의류 > 아우터 > 트위드재킷',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 195000,
+//       'totalStock': 750,
+//       'movingStock': 52,
+//       'unshippedStock': 26,
+//       '본사 창고': {
+//        total: 38000,
+//        scheduled: 1600,
+//       },
+//      },
+//      {
+//       'id': 53,
+//       'productInfo': {
+//        name: 'Platform Sandals',
+//        property: '베이지, 240',
+//        barcode: [{ code: '123456789013456831' }],
+//        code: 'PLAT001BGE240',
+//        category: '신발 > 샌들 > 플랫폼',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 88000,
+//       'totalStock': 1400,
+//       'movingStock': 95,
+//       'unshippedStock': 48,
+//       '본사 창고': {
+//        total: 58000,
+//        scheduled: 2300,
+//       },
+//      },
+//      {
+//       'id': 54,
+//       'productInfo': {
+//        name: 'Compression Shirt',
+//        property: '네이비, L',
+//        barcode: [{ code: '123456789013456832' }],
+//        code: 'COMP001NAVL',
+//        category: '의류 > 스포츠웨어 > 압박셔츠',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 42000,
+//       'totalStock': 1800,
+//       'movingStock': 125,
+//       'unshippedStock': 62,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2600,
+//       },
+//      },
+//      {
+//       'id': 55,
+//       'productInfo': {
+//        name: 'Fedora Hat',
+//        property: '브라운, OS',
+//        barcode: [{ code: '123456789013456833' }],
+//        code: 'FED001BRN',
+//        category: '액세서리 > 모자 > 페도라',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 85000,
+//       'totalStock': 480,
+//       'movingStock': 35,
+//       'unshippedStock': 18,
+//       '본사 창고': {
+//        total: 28000,
+//        scheduled: 1200,
+//       },
+//      },
+//      {
+//       'id': 56,
+//       'productInfo': {
+//        name: 'Bodycon Dress',
+//        property: '블랙, S',
+//        barcode: [{ code: '123456789013456834' }],
+//        code: 'BODY001BLKS',
+//        category: '의류 > 원피스 > 바디콘',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 92000,
+//       'totalStock': 1200,
+//       'movingStock': 85,
+//       'unshippedStock': 42,
+//       '본사 창고': {
+//        total: 52000,
+//        scheduled: 2200,
+//       },
+//      },
+//      {
+//       'id': 57,
+//       'productInfo': {
+//        name: 'Hiking Boots',
+//        property: '브라운, 275',
+//        barcode: [{ code: '123456789013456835' }],
+//        code: 'HIKE001BRN275',
+//        category: '신발 > 등산화 > 하이킹',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 165000,
+//       'totalStock': 850,
+//       'movingStock': 58,
+//       'unshippedStock': 29,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1700,
+//       },
+//      },
+//      {
+//       'id': 58,
+//       'productInfo': {
+//        name: 'Sweatpants',
+//        property: '그레이, XL',
+//        barcode: [{ code: '123456789013456836' }],
+//        code: 'SWEAT001GRAXL',
+//        category: '의류 > 하의 > 스웻팬츠',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 52000,
+//       'totalStock': 2400,
+//       'movingStock': 175,
+//       'unshippedStock': 88,
+//       '본사 창고': {
+//        total: 68000,
+//        scheduled: 3200,
+//       },
+//      },
+//      {
+//       'id': 59,
+//       'productInfo': {
+//        name: 'Brooch',
+//        property: '골드, OS',
+//        barcode: [{ code: '123456789013456837' }],
+//        code: 'BRO001GLD',
+//        category: '액세서리 > 브로치 > 클래식',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 68000,
+//       'totalStock': 320,
+//       'movingStock': 22,
+//       'unshippedStock': 11,
+//       '본사 창고': {
+//        total: 18000,
+//        scheduled: 850,
+//       },
+//      },
+//      {
+//       'id': 60,
+//       'productInfo': {
+//        name: 'Windbreaker',
+//        property: '네이비, L',
+//        barcode: [{ code: '123456789013456838' }],
+//        code: 'WIND001NAVL',
+//        category: '의류 > 아우터 > 윈드브레이커',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 78000,
+//       'totalStock': 1600,
+//       'movingStock': 115,
+//       'unshippedStock': 58,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2500,
+//       },
+//      },
+//      {
+//       'id': 61,
+//       'productInfo': {
+//        name: 'Ballet Flats',
+//        property: '베이지, 245',
+//        barcode: [{ code: '123456789013456839' }],
+//        code: 'BALL001BGE245',
+//        category: '신발 > 플랫슈즈 > 발레플랫',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 75000,
+//       'totalStock': 1800,
+//       'movingStock': 125,
+//       'unshippedStock': 62,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2600,
+//       },
+//      },
+//      {
+//       'id': 62,
+//       'productInfo': {
+//        name: 'Vest Top',
+//        property: '화이트, M',
+//        barcode: [{ code: '123456789013456840' }],
+//        code: 'VEST001WHTM',
+//        category: '의류 > 상의 > 베스트탑',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 32000,
+//       'totalStock': 3200,
+//       'movingStock': 245,
+//       'unshippedStock': 122,
+//       '본사 창고': {
+//        total: 85000,
+//        scheduled: 4200,
+//       },
+//      },
+//      {
+//       'id': 63,
+//       'productInfo': {
+//        name: 'Tie Clip',
+//        property: '실버, OS',
+//        barcode: [{ code: '123456789013456841' }],
+//        code: 'TIE001SLV',
+//        category: '액세서리 > 넥타이핀 > 클립형',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 45000,
+//       'totalStock': 280,
+//       'movingStock': 18,
+//       'unshippedStock': 9,
+//       '본사 창고': {
+//        total: 15000,
+//        scheduled: 650,
+//       },
+//      },
+//      {
+//       'id': 64,
+//       'productInfo': {
+//        name: 'Quilted Jacket',
+//        property: '올리브, L',
+//        barcode: [{ code: '123456789013456842' }],
+//        code: 'QUILT001OLVL',
+//        category: '의류 > 아우터 > 퀼팅재킷',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 145000,
+//       'totalStock': 950,
+//       'movingStock': 68,
+//       'unshippedStock': 34,
+//       '본사 창고': {
+//        total: 48000,
+//        scheduled: 2100,
+//       },
+//      },
+//      {
+//       'id': 65,
+//       'productInfo': {
+//        name: 'Wedge Heels',
+//        property: '블랙, 250',
+//        barcode: [{ code: '123456789013456843' }],
+//        code: 'WEDGE001BLK250',
+//        category: '신발 > 하이힐 > 웨지힐',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 98000,
+//       'totalStock': 1200,
+//       'movingStock': 85,
+//       'unshippedStock': 42,
+//       '본사 창고': {
+//        total: 52000,
+//        scheduled: 2200,
+//       },
+//      },
+//      {
+//       'id': 66,
+//       'productInfo': {
+//        name: 'Sweat Shorts',
+//        property: '그레이, L',
+//        barcode: [{ code: '123456789013456844' }],
+//        code: 'SWSHORT001GRAL',
+//        category: '의류 > 스포츠웨어 > 스웻반바지',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 35000,
+//       'totalStock': 2800,
+//       'movingStock': 205,
+//       'unshippedStock': 102,
+//       '본사 창고': {
+//        total: 78000,
+//        scheduled: 3800,
+//       },
+//      },
+//      {
+//       'id': 67,
+//       'productInfo': {
+//        name: 'Cufflinks',
+//        property: '골드, OS',
+//        barcode: [{ code: '123456789013456845' }],
+//        code: 'CUFF001GLD',
+//        category: '액세서리 > 커프스 > 골드',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 125000,
+//       'totalStock': 180,
+//       'movingStock': 12,
+//       'unshippedStock': 6,
+//       '본사 창고': {
+//        total: 10000,
+//        scheduled: 450,
+//       },
+//      },
+//      {
+//       'id': 68,
+//       'productInfo': {
+//        name: 'Trench Coat',
+//        property: '베이지, M',
+//        barcode: [{ code: '123456789013456846' }],
+//        code: 'TRENCH001BGEM',
+//        category: '의류 > 아우터 > 트렌치코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 245000,
+//       'totalStock': 480,
+//       'movingStock': 32,
+//       'unshippedStock': 16,
+//       '본사 창고': {
+//        total: 25000,
+//        scheduled: 1100,
+//       },
+//      },
+//      {
+//       'id': 69,
+//       'productInfo': {
+//        name: 'Slip-on Shoes',
+//        property: '화이트, 265',
+//        barcode: [{ code: '123456789013456847' }],
+//        code: 'SLIP001WHT265',
+//        category: '신발 > 슬립온 > 캐주얼',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 68000,
+//       'totalStock': 1600,
+//       'movingStock': 115,
+//       'unshippedStock': 58,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2500,
+//       },
+//      },
+//      {
+//       'id': 70,
+//       'productInfo': {
+//        name: 'Crop Top',
+//        property: '핑크, S',
+//        barcode: [{ code: '123456789013456848' }],
+//        code: 'CROP001PNKS',
+//        category: '의류 > 상의 > 크롭탑',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 38000,
+//       'totalStock': 2400,
+//       'movingStock': 175,
+//       'unshippedStock': 88,
+//       '본사 창고': {
+//        total: 68000,
+//        scheduled: 3200,
+//       },
+//      },
+//      {
+//       'id': 71,
+//       'productInfo': {
+//        name: 'Wallet',
+//        property: '블랙, OS',
+//        barcode: [{ code: '123456789013456849' }],
+//        code: 'WALL001BLK',
+//        category: '액세서리 > 지갑 > 장지갑',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 85000,
+//       'totalStock': 950,
+//       'movingStock': 68,
+//       'unshippedStock': 34,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1800,
+//       },
+//      },
+//      {
+//       'id': 72,
+//       'productInfo': {
+//        name: 'Parka',
+//        property: '카키, XL',
+//        barcode: [{ code: '123456789013456850' }],
+//        code: 'PARK001KHIXL',
+//        category: '의류 > 아우터 > 파카',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 185000,
+//       'totalStock': 720,
+//       'movingStock': 52,
+//       'unshippedStock': 26,
+//       '본사 창고': {
+//        total: 38000,
+//        scheduled: 1600,
+//       },
+//      },
+//      {
+//       'id': 73,
+//       'productInfo': {
+//        name: 'Moccasins',
+//        property: '브라운, 270',
+//        barcode: [{ code: '123456789013456851' }],
+//        code: 'MOC001BRN270',
+//        category: '신발 > 모카신 > 가죽',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 125000,
+//       'totalStock': 850,
+//       'movingStock': 58,
+//       'unshippedStock': 29,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1700,
+//       },
+//      },
+//      {
+//       'id': 74,
+//       'productInfo': {
+//        name: 'Sports Bra',
+//        property: '블랙, M',
+//        barcode: [{ code: '123456789013456852' }],
+//        code: 'SBRA001BLKM',
+//        category: '의류 > 스포츠웨어 > 스포츠브라',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 45000,
+//       'totalStock': 1800,
+//       'movingStock': 125,
+//       'unshippedStock': 62,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2600,
+//       },
+//      },
+//      {
+//       'id': 75,
+//       'productInfo': {
+//        name: 'Keychain',
+//        property: '실버, OS',
+//        barcode: [{ code: '123456789013456853' }],
+//        code: 'KEY001SLV',
+//        category: '액세서리 > 키체인 > 메탈',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 18000,
+//       'totalStock': 2800,
+//       'movingStock': 205,
+//       'unshippedStock': 102,
+//       '본사 창고': {
+//        total: 78000,
+//        scheduled: 3800,
+//       },
+//      },
+//      {
+//       'id': 76,
+//       'productInfo': {
+//        name: 'Duffle Coat',
+//        property: '네이비, L',
+//        barcode: [{ code: '123456789013456854' }],
+//        code: 'DUFF001NAVL',
+//        category: '의류 > 아우터 > 더플코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 225000,
+//       'totalStock': 480,
+//       'movingStock': 32,
+//       'unshippedStock': 16,
+//       '본사 창고': {
+//        total: 25000,
+//        scheduled: 1100,
+//       },
+//      },
+//      {
+//       'id': 77,
+//       'productInfo': {
+//        name: 'High-top Sneakers',
+//        property: '레드, 260',
+//        barcode: [{ code: '123456789013456855' }],
+//        code: 'HSNEAK001RED260',
+//        category: '신발 > 운동화 > 하이탑스니커즈',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 95000,
+//       'totalStock': 1400,
+//       'movingStock': 95,
+//       'unshippedStock': 48,
+//       '본사 창고': {
+//        total: 58000,
+//        scheduled: 2300,
+//       },
+//      },
+//      {
+//       'id': 78,
+//       'productInfo': {
+//        name: 'Tube Top',
+//        property: '화이트, S',
+//        barcode: [{ code: '123456789013456856' }],
+//        code: 'TUBE001WHTS',
+//        category: '의류 > 상의 > 튜브톱',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 28000,
+//       'totalStock': 2200,
+//       'movingStock': 165,
+//       'unshippedStock': 82,
+//       '본사 창고': {
+//        total: 69000,
+//        scheduled: 3400,
+//       },
+//      },
+//      {
+//       'id': 79,
+//       'productInfo': {
+//        name: 'Phone Case',
+//        property: '블랙, OS',
+//        barcode: [{ code: '123456789013456857' }],
+//        code: 'PHONE001BLK',
+//        category: '액세서리 > 폰케이스 > 실리콘',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 15000,
+//       'totalStock': 4200,
+//       'movingStock': 315,
+//       'unshippedStock': 158,
+//       '본사 창고': {
+//        total: 105000,
+//        scheduled: 5500,
+//       },
+//      },
+//      {
+//       'id': 80,
+//       'productInfo': {
+//        name: 'Overcoat',
+//        property: '차콜, L',
+//        barcode: [{ code: '123456789013456858' }],
+//        code: 'OVER001CHRL',
+//        category: '의류 > 아우터 > 오버코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 285000,
+//       'totalStock': 350,
+//       'movingStock': 22,
+//       'unshippedStock': 11,
+//       '본사 창고': {
+//        total: 18000,
+//        scheduled: 850,
+//       },
+//      },
+//      {
+//       'id': 81,
+//       'productInfo': {
+//        name: 'Espadrilles',
+//        property: '베이지, 240',
+//        barcode: [{ code: '123456789013456859' }],
+//        code: 'ESP001BGE240',
+//        category: '신발 > 에스파드리유 > 캔버스',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 58000,
+//       'totalStock': 1200,
+//       'movingStock': 85,
+//       'unshippedStock': 42,
+//       '본사 창고': {
+//        total: 52000,
+//        scheduled: 2200,
+//       },
+//      },
+//      {
+//       'id': 82,
+//       'productInfo': {
+//        name: 'Tracksuit Set',
+//        property: '그레이, L',
+//        barcode: [{ code: '123456789013456860' }],
+//        code: 'TRACK001GRAL',
+//        category: '의류 > 스포츠웨어 > 트랙수트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 125000,
+//       'totalStock': 950,
+//       'movingStock': 68,
+//       'unshippedStock': 34,
+//       '본사 창고': {
+//        total: 48000,
+//        scheduled: 2100,
+//       },
+//      },
+//      {
+//       'id': 83,
+//       'productInfo': {
+//        name: 'Hair Band',
+//        property: '블랙, OS',
+//        barcode: [{ code: '123456789013456861' }],
+//        code: 'HBAND001BLK',
+//        category: '액세서리 > 헤어밴드 > 패브릭',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 12000,
+//       'totalStock': 3600,
+//       'movingStock': 275,
+//       'unshippedStock': 138,
+//       '본사 창고': {
+//        total: 95000,
+//        scheduled: 4800,
+//       },
+//      },
+//      {
+//       'id': 84,
+//       'productInfo': {
+//        name: 'Cape Coat',
+//        property: '와인, M',
+//        barcode: [{ code: '123456789013456862' }],
+//        code: 'CAPE001WINM',
+//        category: '의류 > 아우터 > 케이프코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 195000,
+//       'totalStock': 420,
+//       'movingStock': 28,
+//       'unshippedStock': 14,
+//       '본사 창고': {
+//        total: 22000,
+//        scheduled: 950,
+//       },
+//      },
+//      {
+//       'id': 85,
+//       'productInfo': {
+//        name: 'Boat Shoes',
+//        property: '브라운, 265',
+//        barcode: [{ code: '123456789013456863' }],
+//        code: 'BOAT001BRN265',
+//        category: '신발 > 보트슈즈 > 가죽',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 115000,
+//       'totalStock': 850,
+//       'movingStock': 58,
+//       'unshippedStock': 29,
+//       '본사 창고': {
+//        total: 42000,
+//        scheduled: 1700,
+//       },
+//      },
+//      {
+//       'id': 86,
+//       'productInfo': {
+//        name: 'Joggers',
+//        property: '블랙, XL',
+//        barcode: [{ code: '123456789013456864' }],
+//        code: 'JOG001BLKXL',
+//        category: '의류 > 하의 > 조거팬츠',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 65000,
+//       'totalStock': 1800,
+//       'movingStock': 125,
+//       'unshippedStock': 62,
+//       '본사 창고': {
+//        total: 62000,
+//        scheduled: 2600,
+//       },
+//      },
+//      {
+//       'id': 87,
+//       'productInfo': {
+//        name: 'Anklet',
+//        property: '실버, OS',
+//        barcode: [{ code: '123456789013456865' }],
+//        code: 'ANKL001SLV',
+//        category: '액세서리 > 발찌 > 체인',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 35000,
+//       'totalStock': 720,
+//       'movingStock': 52,
+//       'unshippedStock': 26,
+//       '본사 창고': {
+//        total: 38000,
+//        scheduled: 1600,
+//       },
+//      },
+//      {
+//       'id': 88,
+//       'productInfo': {
+//        name: 'Field Jacket',
+//        property: '올리브, L',
+//        barcode: [{ code: '123456789013456866' }],
+//        code: 'FIELD001OLVL',
+//        category: '의류 > 아우터 > 필드재킷',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 155000,
+//       'totalStock': 680,
+//       'movingStock': 45,
+//       'unshippedStock': 22,
+//       '본사 창고': {
+//        total: 35000,
+//        scheduled: 1400,
+//       },
+//      },
+//      {
+//       'id': 89,
+//       'productInfo': {
+//        name: 'Mary Jane Shoes',
+//        property: '블랙, 245',
+//        barcode: [{ code: '123456789013456867' }],
+//        code: 'MARY001BLK245',
+//        category: '신발 > 메리제인 > 가죽',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 95000,
+//       'totalStock': 1200,
+//       'movingStock': 85,
+//       'unshippedStock': 42,
+//       '본사 창고': {
+//        total: 52000,
+//        scheduled: 2200,
+//       },
+//      },
+//      {
+//       'id': 90,
+//       'productInfo': {
+//        name: 'Skater Dress',
+//        property: '블랙, M',
+//        barcode: [{ code: '123456789013456868' }],
+//        code: 'DRESS001BLKM',
+//        category: '의류 > 원피스 > 스케이터드레스',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 95000,
+//       'totalStock': 900,
+//       'movingStock': 60,
+//       'unshippedStock': 30,
+//       '본사 창고': {
+//        total: 45000,
+//        scheduled: 2000,
+//       },
+//      },
+//      {
+//       'id': 91,
+//       'productInfo': {
+//        name: 'Pencil Skirt',
+//        property: '네이비, S',
+//        barcode: [{ code: '123456789013456869' }],
+//        code: 'SKIRT001NAVS',
+//        category: '의류 > 하의 > 펜슬스커트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 78000,
+//       'totalStock': 1100,
+//       'movingStock': 75,
+//       'unshippedStock': 37,
+//       '본사 창고': {
+//        total: 50000,
+//        scheduled: 2500,
+//       },
+//      },
+//      {
+//       'id': 92,
+//       'productInfo': {
+//        name: 'Harem Pants',
+//        property: '블랙, L',
+//        barcode: [{ code: '123456789013456870' }],
+//        code: 'PANTS001BLKL',
+//        category: '의류 > 하의 > 해리팬츠',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 68000,
+//       'totalStock': 1300,
+//       'movingStock': 90,
+//       'unshippedStock': 45,
+//       '본사 창고': {
+//        total: 55000,
+//        scheduled: 3000,
+//       },
+//      },
+//      {
+//       'id': 93,
+//       'productInfo': {
+//        name: 'Kimono Jacket',
+//        property: '플로럴, M',
+//        barcode: [{ code: '123456789013456871' }],
+//        code: 'JACKET001FLRM',
+//        category: '의류 > 아우터 > 기모노재킷',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 135000,
+//       'totalStock': 700,
+//       'movingStock': 50,
+//       'unshippedStock': 25,
+//       '본사 창고': {
+//        total: 40000,
+//        scheduled: 1800,
+//       },
+//      },
+//      {
+//       'id': 94,
+//       'productInfo': {
+//        name: 'Puffer Jacket',
+//        property: '레드, L',
+//        barcode: [{ code: '123456789013456872' }],
+//        code: 'PUFFER001REDL',
+//        category: '의류 > 아우터 > 패딩자켓',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 198000,
+//       'totalStock': 600,
+//       'movingStock': 40,
+//       'unshippedStock': 20,
+//       '본사 창고': {
+//        total: 35000,
+//        scheduled: 1500,
+//       },
+//      },
+//      {
+//       'id': 95,
+//       'productInfo': {
+//        name: 'Turtleneck Sweater',
+//        property: '아이보리, M',
+//        barcode: [{ code: '123456789013456873' }],
+//        code: 'KNIT002IVRM',
+//        category: '의류 > 상의 > 터틀넥니트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 85000,
+//       'totalStock': 800,
+//       'movingStock': 55,
+//       'unshippedStock': 28,
+//       '본사 창고': {
+//        total: 45000,
+//        scheduled: 2000,
+//       },
+//      },
+//      {
+//       'id': 96,
+//       'productInfo': {
+//        name: 'Cargo Pants',
+//        property: '카키, XL',
+//        barcode: [{ code: '123456789013456874' }],
+//        code: 'PANTS002KHIXL',
+//        category: '의류 > 하의 > 카고팬츠',
+//        season: '2025 (S/S)',
+//       },
+//       'avgCost': 78000,
+//       'totalStock': 900,
+//       'movingStock': 60,
+//       'unshippedStock': 30,
+//       '본사 창고': {
+//        total: 50000,
+//        scheduled: 2500,
+//       },
+//      },
+//      {
+//       'id': 97,
+//       'productInfo': {
+//        name: 'Belted Coat',
+//        property: '브라운, M',
+//        barcode: [{ code: '123456789013456875' }],
+//        code: 'COAT002BRNM',
+//        category: '의류 > 아우터 > 벨트코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 198000,
+//       'totalStock': 550,
+//       'movingStock': 37,
+//       'unshippedStock': 18,
+//       '본사 창고': {
+//        total: 38000,
+//        scheduled: 1600,
+//       },
+//      },
+//      {
+//       'id': 98,
+//       'productInfo': {
+//        name: 'Double-breasted Blazer',
+//        property: '네이비, L',
+//        barcode: [{ code: '123456789013456876' }],
+//        code: 'BLAZ002NAVL',
+//        category: '의류 > 아우터 > 더블재킷',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 185000,
+//       'totalStock': 700,
+//       'movingStock': 45,
+//       'unshippedStock': 22,
+//       '본사 창고': {
+//        total: 40000,
+//        scheduled: 1800,
+//       },
+//      },
+//      {
+//       'id': 99,
+//       'productInfo': {
+//        name: 'Peacoat',
+//        property: '블랙, M',
+//        barcode: [{ code: '123456789013456877' }],
+//        code: 'PEA002BLKM',
+//        category: '의류 > 아우터 > 피코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 225000,
+//       'totalStock': 600,
+//       'movingStock': 40,
+//       'unshippedStock': 20,
+//       '본사 창고': {
+//        total: 35000,
+//        scheduled: 1500,
+//       },
+//      },
+//      {
+//       'id': 100,
+//       'productInfo': {
+//        name: 'Trench Coat',
+//        property: '베이지, L',
+//        barcode: [{ code: '123456789013456878' }],
+//        code: 'TRENCH002BGEL',
+//        category: '의류 > 아우터 > 트렌치코트',
+//        season: '2025 (F/W)',
+//       },
+//       'avgCost': 245000,
+//       'totalStock': 480,
+//       'movingStock': 32,
+//       'unshippedStock': 16,
+//       '본사 창고': {
+//        total: 25000,
+//        scheduled: 1100,
+//       },
+//      },
+//     ];
+//     table.columns = [
+//      {
+//       name: 'productInfo',
+//       label: '품목명 / 품목 속성',
+//       field: 'productInfo',
+//       align: 'left',
+//       width: '220',
+//      },
+//      {
+//       name: 'productCode',
+//       label: '품목 코드 / 품목 분류',
+//       field: 'email',
+//       align: 'center',
+//       width: '160',
+//      },
+//      {
+//       name: 'avgCost',
+//       label: '평균 원가',
+//       field: 'avgCost',
+//       align: 'center',
+//       width: '100',
+//       format: value => `${value.toLocaleString()} 원`,
+//      },
+//      {
+//       name: 'totalStock',
+//       label: '총 재고',
+//       field: 'totalStock',
+//       align: 'center',
+//       width: '100',
+//       format: value => `${value.toLocaleString()} 개`,
+//      },
+//      {
+//       name: 'movingStock',
+//       label: '이동 중',
+//       field: 'movingStock',
+//       align: 'center',
+//       width: '100',
+//       format: value => `${value.toLocaleString()} 개`,
+//       tooltip: [
+//        '이동 중 재고는 출발지에서 출고 되었으나,',
+//        '도착지로 아직 입고되지 않은 수량입니다.',
+//       ],
+//       tooltipOptions: { placement: 'bottom' },
+//      },
+//      {
+//       name: 'unshippedStock',
+//       label: '미발송',
+//       field: 'unshippedStock',
+//       align: 'center',
+//       width: '100',
+//       format: value => `${value.toLocaleString()} 개`,
+//      },
+//     ];
+//     table.height = '600px';
+//     function handlePagination(page) {
+//      const pagination = table.pagination || { page: 1, rowsPerPage: 10 };
+//      const res = getMockStockData(page, pagination.rowsPerPage);
+//      console.log(res);
+//      table.pagination = res.pagination;
+//      table.rows = res.data;
+//     }
+//     table.addEventListener('sdPageChange', event => {
+//      handlePagination(event.detail);
+//     });
+//     function getMockStockData(page = 1, rowsPerPage = 10) {
+//      const startIndex = (page - 1) * rowsPerPage;
+//      const endIndex = startIndex + rowsPerPage;
+//      const paginatedData = ROWS.slice(startIndex, endIndex);
+//      return {
+//       data: paginatedData,
+//       pagination: {
+//        page,
+//        rowsPerPage,
+//        totalItems: ROWS.length,
+//        lastPage: Math.ceil(ROWS.length / rowsPerPage),
+//       },
+//      };
+//     }
+//     function fetchData() {
+//      const pagination = table.pagination || { page: 1, rowsPerPage: 10 };
+//      const res = getMockStockData(pagination.page, pagination.rowsPerPage);
+//      console.log(res);
+//      table.pagination = res.pagination;
+//      table.rows = res.data;
+//     }
+//     test.addEventListener('click', () => {
+//      fetchData();
+//     });
+//    });
 //# sourceMappingURL=sd-table.js.map