npm - @udi-organization/udi-package - Versions diffs - 1.0.31 → 1.0.33 - Mend

@udi-organization/udi-package 1.0.31 → 1.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md +127 -0
package/dist/udi-package.js +2 -0
package/dist/udi-package.js.LICENSE.txt +1 -0
package/package.json +65 -31
package/dist/index.js +0 -2438
package/dist/index.js.map +0 -1

package/dist/index.js DELETED Viewed

@@ -1,2438 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-/******/ var __webpack_modules__ = ({
-/***/ "./node_modules/css-loader/dist/cjs.js!./src/components/udiTable/UdiTable.css":
-/*!************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js!./src/components/udiTable/UdiTable.css ***!
-  \************************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `/* UdiTable 樣式 */
-.udi-table-container {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
-  background: white;
-  border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-  width: 100%;
-}
-/* 錯誤訊息樣式 */
-.udi-table-container .error-message {
-  background: #f8d7da;
-  color: #721c24;
-  padding: 12px 16px;
-  border-left: 4px solid #dc3545;
-  margin-bottom: 16px;
-  border-radius: 4px;
-  font-weight: 500;
-}
-@media (max-width: 768px) {
-  .udi-table-container .error-message {
-    margin: 8px;
-    font-size: 14px;
-  }
-}
-/* 篩選器樣式 */
-.udi-table-filter {
-  background: #f8f9fa;
-  border-bottom: 1px solid #e9ecef;
-}
-.udi-table-filter .filter-section .basic-filter {
-  padding: 16px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-}
-.udi-table-filter .filter-section .basic-filter .filter-column-selector {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  white-space: nowrap;
-}
-.udi-table-filter .filter-section .basic-filter .filter-column-selector label {
-  font-weight: 500;
-  color: #495057;
-  font-size: 14px;
-}
-.udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select {
-  padding: 8px 12px;
-  border: 1px solid #ced4da;
-  border-radius: 4px;
-  background: white;
-  font-size: 14px;
-  cursor: pointer;
-  outline: none;
-  transition: border-color 0.15s ease-in-out;
-  min-width: 120px;
-}
-.udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select:focus {
-  border-color: #007bff;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-.udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select:hover {
-  border-color: #adb5bd;
-}
-.udi-table-filter .filter-section .basic-filter .filter-input {
-  flex: 1;
-  padding: 8px 12px;
-  border: 1px solid #ced4da;
-  border-radius: 4px;
-  font-size: 14px;
-  outline: none;
-  transition: border-color 0.15s ease-in-out;
-  min-width: 200px;
-}
-.udi-table-filter .filter-section .basic-filter .filter-input:focus {
-  border-color: #007bff;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-.udi-table-filter .filter-section .basic-filter .advanced-filter-toggle {
-  padding: 8px 16px;
-  background: #007bff;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 14px;
-  transition: background-color 0.15s ease-in-out;
-  white-space: nowrap;
-}
-.udi-table-filter .filter-section .basic-filter .advanced-filter-toggle:hover {
-  background: #0056b3;
-}
-.udi-table-filter .filter-section .basic-filter .reset-button {
-  padding: 8px 16px;
-  background: #6c757d;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 14px;
-  transition: background-color 0.15s ease-in-out;
-  white-space: nowrap;
-}
-.udi-table-filter .filter-section .basic-filter .reset-button:hover {
-  background: #5a6268;
-}
-.udi-table-filter .filter-section .advanced-filter {
-  padding: 16px;
-  background: #f1f3f4;
-  border-top: 1px solid #e9ecef;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-header h4 {
-  margin: 0;
-  color: #495057;
-  font-size: 16px;
-  font-weight: 600;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-header .clear-advanced-button {
-  padding: 6px 12px;
-  background: #dc3545;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 12px;
-  transition: background-color 0.15s ease-in-out;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-header .clear-advanced-button:hover {
-  background: #c82333;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 12px;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item label {
-  font-weight: 500;
-  color: #495057;
-  font-size: 13px;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input {
-  padding: 8px 12px;
-  border: 1px solid #ced4da;
-  border-radius: 4px;
-  font-size: 14px;
-  outline: none;
-  transition: border-color 0.15s ease-in-out;
-  background: white;
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input:focus {
-  border-color: #007bff;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input:hover {
-  border-color: #adb5bd;
-}
-/* 滾動位置顯示器 */
-.scroll-position-indicator {
-  padding: 8px 16px;
-  background: #e3f2fd;
-  border-bottom: 1px solid #bbdefb;
-  font-size: 12px;
-  color: #1565c0;
-  font-family: 'Courier New', monospace;
-  text-align: center;
-}
-/* 表格包裝器 */
-.udi-table-wrapper {
-  overflow-x: auto;
-  height: 300px;
-  overflow-y: auto;
-  border: 1px solid #e9ecef;
-  -webkit-overflow-scrolling: touch;
-}
-.udi-table-wrapper::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.udi-table-wrapper::-webkit-scrollbar-track {
-  background: #f8f9fa;
-  border-radius: 4px;
-}
-.udi-table-wrapper::-webkit-scrollbar-thumb {
-  background: #cbd5e0;
-  border-radius: 4px;
-}
-.udi-table-wrapper::-webkit-scrollbar-thumb:hover {
-  background: #a0aec0;
-}
-/* 表格樣式 */
-.udi-table {
-  width: 200%;
-  min-width: 800px;
-  border-collapse: collapse;
-  font-size: 14px;
-}
-.udi-table th,
-.udi-table td {
-  padding: 12px 16px;
-  text-align: left;
-  border-bottom: 1px solid #e9ecef;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 300px;
-}
-.udi-table th {
-  background: #f8f9fa;
-  font-weight: 600;
-  color: #495057;
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  border-bottom: 2px solid #dee2e6;
-}
-.udi-table th.sortable {
-  cursor: pointer;
-  user-select: none;
-  transition: background-color 0.15s ease-in-out;
-}
-.udi-table th.sortable:hover {
-  background: #e9ecef;
-}
-.udi-table th.sortable .sort-icon {
-  opacity: 0.4;
-}
-.udi-table th.sorted {
-  background: #e3f2fd;
-  color: #1976d2;
-}
-.udi-table th.sorted .sort-icon {
-  opacity: 1;
-}
-.udi-table th .th-content {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  min-width: 0;
-}
-.udi-table th .sort-icon {
-  margin-left: 8px;
-  font-size: 12px;
-  opacity: 0.7;
-  flex-shrink: 0;
-}
-.udi-table tbody tr {
-  transition: background-color 0.15s ease-in-out;
-}
-.udi-table tbody tr:hover {
-  background: #f8f9fa;
-}
-.udi-table tbody tr:nth-child(even) {
-  background: #fdfdfe;
-}
-.udi-table tbody tr:nth-child(even):hover {
-  background: #f8f9fa;
-}
-.udi-table tbody td:first-child {
-  left: 0;
-  background: inherit;
-  z-index: 5;
-  border-right: 1px solid #e9ecef;
-}
-.udi-table .no-data {
-  text-align: center;
-  color: #6c757d;
-  font-style: italic;
-  padding: 32px;
-}
-.udi-table .loading-state {
-  text-align: center;
-  padding: 40px 20px;
-}
-.udi-table .loading-state .loading-spinner {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-}
-.udi-table .loading-state .loading-spinner .spinner {
-  width: 32px;
-  height: 32px;
-  border: 3px solid #f3f3f3;
-  border-top: 3px solid #007bff;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-.udi-table .loading-state .loading-spinner span {
-  color: #868e96;
-  font-size: 14px;
-}
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-/* 分頁樣式 */
-.udi-table-pagination {
-  padding: 16px;
-  background: #f8f9fa;
-  border-top: 1px solid #e9ecef;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-.udi-table-pagination .pagination-info {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  color: #6c757d;
-  font-size: 14px;
-}
-.udi-table-pagination .pagination-info .page-size-selector {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.udi-table-pagination .pagination-info .page-size-selector label {
-  font-weight: 500;
-  color: #495057;
-}
-.udi-table-pagination .pagination-info .page-size-selector .page-size-select {
-  padding: 4px 8px;
-  border: 1px solid #ced4da;
-  border-radius: 4px;
-  background: white;
-  font-size: 14px;
-  cursor: pointer;
-  outline: none;
-  transition: border-color 0.15s ease-in-out;
-}
-.udi-table-pagination .pagination-info .page-size-selector .page-size-select:focus {
-  border-color: #007bff;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-.udi-table-pagination .pagination-info .page-size-selector .page-size-select:hover {
-  border-color: #adb5bd;
-}
-.udi-table-pagination .pagination-info .page-size-selector span {
-  color: #495057;
-}
-.udi-table-pagination .pagination-info .pagination-summary {
-  font-size: 13px;
-}
-.udi-table-pagination .pagination-controls {
-  display: flex;
-  gap: 4px;
-  align-items: center;
-}
-.udi-table-pagination .pagination-controls .current-page-mobile {
-  padding: 8px 12px;
-  background: #007bff;
-  color: white;
-  border-radius: 4px;
-  font-size: 14px;
-  font-weight: 500;
-  min-width: 60px;
-  text-align: center;
-  border: 1px solid #007bff;
-}
-.udi-table-pagination .pagination-controls .pagination-button {
-  padding: 6px 12px;
-  border: 1px solid #ced4da;
-  background: white;
-  color: #495057;
-  cursor: pointer;
-  border-radius: 4px;
-  font-size: 14px;
-  transition: all 0.15s ease-in-out;
-  min-width: 40px;
-}
-.udi-table-pagination .pagination-controls .pagination-button:hover:not(:disabled) {
-  background: #e9ecef;
-  border-color: #adb5bd;
-}
-.udi-table-pagination .pagination-controls .pagination-button:disabled {
-  background: #f8f9fa;
-  color: #6c757d;
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-.udi-table-pagination .pagination-controls .pagination-button.disabled {
-  background: #f1f3f4;
-  color: #9aa0a6;
-  cursor: not-allowed;
-  opacity: 0.5;
-  border-color: #dadce0;
-}
-.udi-table-pagination .pagination-controls .pagination-button.disabled:hover {
-  background: #f1f3f4;
-  border-color: #dadce0;
-}
-.udi-table-pagination .pagination-controls .pagination-button.active {
-  background: #007bff;
-  border-color: #007bff;
-  color: white;
-}
-.udi-table-pagination .pagination-controls .pagination-button.active:hover {
-  background: #0056b3;
-  border-color: #0056b3;
-}
-/* 響應式設計 */
-/* 大螢幕 (1200px+) - 桌面 */
-@media (min-width: 1200px) {
-  .udi-table-wrapper {
-    height: 400px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-/* 中等螢幕 (992px - 1199px) - 桌面/平板橫向 */
-@media (max-width: 1199px) and (min-width: 992px) {
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-/* 小螢幕 (768px - 991px) - 平板 */
-@media (max-width: 991px) and (min-width: 768px) {
-  .udi-table-container {
-    border-radius: 6px;
-  }
-  .udi-table-wrapper {
-    height: 350px;
-  }
-  .udi-table {
-    min-width: 600px;
-  }
-  .udi-table th,
-  .udi-table td {
-    padding: 10px 12px;
-    font-size: 13px;
-    max-width: 200px;
-  }
-  .udi-table-filter .filter-section .basic-filter {
-    flex-wrap: wrap;
-    gap: 10px;
-  }
-  .udi-table-filter .filter-section .basic-filter .filter-input {
-    min-width: 180px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 10px;
-  }
-  .udi-table-pagination {
-    padding: 12px;
-  }
-  .udi-table-pagination .pagination-info .page-size-selector {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 4px;
-  }
-}
-/* 手機螢幕 (481px - 767px) */
-@media (max-width: 767px) and (min-width: 481px) {
-  .udi-table-container {
-    border-radius: 4px;
-    margin: 0 4px;
-  }
-  .udi-table-wrapper {
-    height: 300px;
-  }
-  .udi-table {
-    min-width: 500px;
-  }
-  .udi-table th,
-  .udi-table td {
-    padding: 8px 10px;
-    font-size: 12px;
-    max-width: 150px;
-  }
-  .udi-table th:first-child,
-  .udi-table tbody td:first-child {
-    position: sticky;
-    left: 0;
-    background: inherit;
-    z-index: 5;
-    border-right: 2px solid #e9ecef;
-    font-weight: 600;
-  }
-  .scroll-position-indicator {
-    padding: 6px 12px;
-    font-size: 11px;
-  }
-  .udi-table-filter .filter-section .basic-filter {
-    padding: 12px;
-    flex-direction: column;
-    align-items: stretch;
-    gap: 8px;
-  }
-  .udi-table-filter .filter-section .basic-filter .filter-column-selector {
-    justify-content: flex-start;
-  }
-  .udi-table-filter .filter-section .basic-filter .filter-column-selector label {
-    font-size: 13px;
-  }
-  .udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select {
-    min-width: 100px;
-    flex: 1;
-    font-size: 14px;
-  }
-  .udi-table-filter .filter-section .basic-filter .filter-input {
-    min-width: auto;
-    font-size: 16px;
-  }
-  .udi-table-filter .filter-section .basic-filter .advanced-filter-toggle,
-  .udi-table-filter .filter-section .basic-filter .reset-button {
-    align-self: stretch;
-    font-size: 14px;
-  }
-  .udi-table-filter .filter-section .advanced-filter {
-    padding: 12px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header {
-    flex-direction: column;
-    align-items: stretch;
-    gap: 8px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header h4 {
-    font-size: 14px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header .clear-advanced-button {
-    align-self: flex-end;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {
-    grid-template-columns: 1fr;
-    gap: 8px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item label {
-    font-size: 12px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input {
-    font-size: 16px;
-  }
-  .udi-table-pagination {
-    flex-direction: column;
-    align-items: stretch;
-    padding: 12px;
-    gap: 8px;
-  }
-  .udi-table-pagination .pagination-info {
-    text-align: center;
-  }
-  .udi-table-pagination .pagination-info .page-size-selector {
-    justify-content: center;
-    flex-wrap: wrap;
-  }
-  .udi-table-pagination .pagination-controls {
-    justify-content: center;
-  }
-  .udi-table-pagination .pagination-controls .pagination-button {
-    padding: 8px 12px;
-    font-size: 13px;
-    min-width: 36px;
-  }
-}
-/* 極小螢幕 (320px - 480px) */
-@media (max-width: 480px) {
-  .udi-table-container {
-    border-radius: 0;
-    margin: 0;
-    box-shadow: none;
-    border-left: 1px solid #e9ecef;
-    border-right: 1px solid #e9ecef;
-  }
-  .udi-table-wrapper {
-    height: 250px;
-    border: none;
-  }
-  .udi-table {
-    min-width: 400px;
-    font-size: 11px;
-  }
-  .udi-table th,
-  .udi-table td {
-    padding: 6px 8px;
-    font-size: 11px;
-    max-width: 120px;
-  }
-  .udi-table th:first-child,
-  .udi-table tbody td:first-child {
-    min-width: 60px;
-  }
-  .scroll-position-indicator {
-    padding: 4px 8px;
-    font-size: 10px;
-  }
-  .udi-table-filter .filter-section .basic-filter {
-    padding: 8px;
-    gap: 6px;
-  }
-  .udi-table-filter .filter-section .basic-filter .filter-column-selector label {
-    font-size: 12px;
-  }
-  .udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select {
-    font-size: 13px;
-    padding: 6px 8px;
-  }
-  .udi-table-filter .filter-section .basic-filter .filter-input {
-    padding: 8px 10px;
-    font-size: 16px;
-  }
-  .udi-table-filter .filter-section .basic-filter .advanced-filter-toggle,
-  .udi-table-filter .filter-section .basic-filter .reset-button {
-    padding: 8px 12px;
-    font-size: 13px;
-  }
-  .udi-table-filter .filter-section .advanced-filter {
-    padding: 8px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header h4 {
-    font-size: 13px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header .clear-advanced-button {
-    padding: 4px 8px;
-    font-size: 11px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {
-    gap: 6px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item label {
-    font-size: 11px;
-  }
-  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input {
-    padding: 6px 8px;
-    font-size: 16px;
-  }
-  .udi-table-pagination {
-    padding: 8px;
-    gap: 6px;
-  }
-  .udi-table-pagination .pagination-info {
-    font-size: 12px;
-  }
-  .udi-table-pagination .pagination-info .page-size-selector {
-    gap: 4px;
-  }
-  .udi-table-pagination .pagination-info .page-size-selector label {
-    font-size: 11px;
-  }
-  .udi-table-pagination .pagination-info .page-size-selector .page-size-select {
-    padding: 4px 6px;
-    font-size: 12px;
-  }
-  .udi-table-pagination .pagination-info .pagination-summary {
-    font-size: 11px;
-  }
-  .udi-table-pagination .pagination-controls {
-    flex-wrap: wrap;
-    gap: 2px;
-  }
-  .udi-table-pagination .pagination-controls .pagination-button {
-    padding: 6px 8px;
-    font-size: 11px;
-    min-width: 28px;
-  }
-}
-/* 橫向模式優化 */
-@media (orientation: landscape) and (max-height: 500px) {
-  .udi-table-wrapper {
-    height: 200px;
-  }
-  .udi-table-filter .filter-section .basic-filter {
-    flex-direction: row;
-    flex-wrap: wrap;
-  }
-}
-/* 高DPI螢幕優化 */
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-  .udi-table th,
-  .udi-table td {
-    border-width: 0.5px;
-  }
-}
-`, "",{"version":3,"sources":["webpack://./src/components/udiTable/UdiTable.css"],"names":[],"mappings":"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","sourcesContent":["/* UdiTable 樣式 */\n\n.udi-table-container {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n  width: 100%;\n}\n\n/* 錯誤訊息樣式 */\n.udi-table-container .error-message {\n  background: #f8d7da;\n  color: #721c24;\n  padding: 12px 16px;\n  border-left: 4px solid #dc3545;\n  margin-bottom: 16px;\n  border-radius: 4px;\n  font-weight: 500;\n}\n\n@media (max-width: 768px) {\n  .udi-table-container .error-message {\n    margin: 8px;\n    font-size: 14px;\n  }\n}\n\n/* 篩選器樣式 */\n.udi-table-filter {\n  background: #f8f9fa;\n  border-bottom: 1px solid #e9ecef;\n}\n\n.udi-table-filter .filter-section .basic-filter {\n  padding: 16px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.udi-table-filter .filter-section .basic-filter .filter-column-selector {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  white-space: nowrap;\n}\n\n.udi-table-filter .filter-section .basic-filter .filter-column-selector label {\n  font-weight: 500;\n  color: #495057;\n  font-size: 14px;\n}\n\n.udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select {\n  padding: 8px 12px;\n  border: 1px solid #ced4da;\n  border-radius: 4px;\n  background: white;\n  font-size: 14px;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.15s ease-in-out;\n  min-width: 120px;\n}\n\n.udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select:focus {\n  border-color: #007bff;\n  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select:hover {\n  border-color: #adb5bd;\n}\n\n.udi-table-filter .filter-section .basic-filter .filter-input {\n  flex: 1;\n  padding: 8px 12px;\n  border: 1px solid #ced4da;\n  border-radius: 4px;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.15s ease-in-out;\n  min-width: 200px;\n}\n\n.udi-table-filter .filter-section .basic-filter .filter-input:focus {\n  border-color: #007bff;\n  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.udi-table-filter .filter-section .basic-filter .advanced-filter-toggle {\n  padding: 8px 16px;\n  background: #007bff;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.15s ease-in-out;\n  white-space: nowrap;\n}\n\n.udi-table-filter .filter-section .basic-filter .advanced-filter-toggle:hover {\n  background: #0056b3;\n}\n\n.udi-table-filter .filter-section .basic-filter .reset-button {\n  padding: 8px 16px;\n  background: #6c757d;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.15s ease-in-out;\n  white-space: nowrap;\n}\n\n.udi-table-filter .filter-section .basic-filter .reset-button:hover {\n  background: #5a6268;\n}\n\n.udi-table-filter .filter-section .advanced-filter {\n  padding: 16px;\n  background: #f1f3f4;\n  border-top: 1px solid #e9ecef;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-header h4 {\n  margin: 0;\n  color: #495057;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-header .clear-advanced-button {\n  padding: 6px 12px;\n  background: #dc3545;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 12px;\n  transition: background-color 0.15s ease-in-out;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-header .clear-advanced-button:hover {\n  background: #c82333;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 12px;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item label {\n  font-weight: 500;\n  color: #495057;\n  font-size: 13px;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input {\n  padding: 8px 12px;\n  border: 1px solid #ced4da;\n  border-radius: 4px;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.15s ease-in-out;\n  background: white;\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input:focus {\n  border-color: #007bff;\n  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input:hover {\n  border-color: #adb5bd;\n}\n\n/* 滾動位置顯示器 */\n.scroll-position-indicator {\n  padding: 8px 16px;\n  background: #e3f2fd;\n  border-bottom: 1px solid #bbdefb;\n  font-size: 12px;\n  color: #1565c0;\n  font-family: 'Courier New', monospace;\n  text-align: center;\n}\n\n/* 表格包裝器 */\n.udi-table-wrapper {\n  overflow-x: auto;\n  height: 300px;\n  overflow-y: auto;\n  border: 1px solid #e9ecef;\n  -webkit-overflow-scrolling: touch;\n}\n\n.udi-table-wrapper::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.udi-table-wrapper::-webkit-scrollbar-track {\n  background: #f8f9fa;\n  border-radius: 4px;\n}\n\n.udi-table-wrapper::-webkit-scrollbar-thumb {\n  background: #cbd5e0;\n  border-radius: 4px;\n}\n\n.udi-table-wrapper::-webkit-scrollbar-thumb:hover {\n  background: #a0aec0;\n}\n\n/* 表格樣式 */\n.udi-table {\n  width: 200%;\n  min-width: 800px;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n\n.udi-table th,\n.udi-table td {\n  padding: 12px 16px;\n  text-align: left;\n  border-bottom: 1px solid #e9ecef;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 300px;\n}\n\n.udi-table th {\n  background: #f8f9fa;\n  font-weight: 600;\n  color: #495057;\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  border-bottom: 2px solid #dee2e6;\n}\n\n.udi-table th.sortable {\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 0.15s ease-in-out;\n}\n\n.udi-table th.sortable:hover {\n  background: #e9ecef;\n}\n\n.udi-table th.sortable .sort-icon {\n  opacity: 0.4;\n}\n\n.udi-table th.sorted {\n  background: #e3f2fd;\n  color: #1976d2;\n}\n\n.udi-table th.sorted .sort-icon {\n  opacity: 1;\n}\n\n.udi-table th .th-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-width: 0;\n}\n\n.udi-table th .sort-icon {\n  margin-left: 8px;\n  font-size: 12px;\n  opacity: 0.7;\n  flex-shrink: 0;\n}\n\n.udi-table tbody tr {\n  transition: background-color 0.15s ease-in-out;\n}\n\n.udi-table tbody tr:hover {\n  background: #f8f9fa;\n}\n\n.udi-table tbody tr:nth-child(even) {\n  background: #fdfdfe;\n}\n\n.udi-table tbody tr:nth-child(even):hover {\n  background: #f8f9fa;\n}\n\n.udi-table tbody td:first-child {\n  left: 0;\n  background: inherit;\n  z-index: 5;\n  border-right: 1px solid #e9ecef;\n}\n\n.udi-table .no-data {\n  text-align: center;\n  color: #6c757d;\n  font-style: italic;\n  padding: 32px;\n}\n\n.udi-table .loading-state {\n  text-align: center;\n  padding: 40px 20px;\n}\n\n.udi-table .loading-state .loading-spinner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n.udi-table .loading-state .loading-spinner .spinner {\n  width: 32px;\n  height: 32px;\n  border: 3px solid #f3f3f3;\n  border-top: 3px solid #007bff;\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n}\n\n.udi-table .loading-state .loading-spinner span {\n  color: #868e96;\n  font-size: 14px;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n/* 分頁樣式 */\n.udi-table-pagination {\n  padding: 16px;\n  background: #f8f9fa;\n  border-top: 1px solid #e9ecef;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.udi-table-pagination .pagination-info {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.udi-table-pagination .pagination-info .page-size-selector {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.udi-table-pagination .pagination-info .page-size-selector label {\n  font-weight: 500;\n  color: #495057;\n}\n\n.udi-table-pagination .pagination-info .page-size-selector .page-size-select {\n  padding: 4px 8px;\n  border: 1px solid #ced4da;\n  border-radius: 4px;\n  background: white;\n  font-size: 14px;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.15s ease-in-out;\n}\n\n.udi-table-pagination .pagination-info .page-size-selector .page-size-select:focus {\n  border-color: #007bff;\n  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.udi-table-pagination .pagination-info .page-size-selector .page-size-select:hover {\n  border-color: #adb5bd;\n}\n\n.udi-table-pagination .pagination-info .page-size-selector span {\n  color: #495057;\n}\n\n.udi-table-pagination .pagination-info .pagination-summary {\n  font-size: 13px;\n}\n\n.udi-table-pagination .pagination-controls {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.udi-table-pagination .pagination-controls .current-page-mobile {\n  padding: 8px 12px;\n  background: #007bff;\n  color: white;\n  border-radius: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  min-width: 60px;\n  text-align: center;\n  border: 1px solid #007bff;\n}\n\n.udi-table-pagination .pagination-controls .pagination-button {\n  padding: 6px 12px;\n  border: 1px solid #ced4da;\n  background: white;\n  color: #495057;\n  cursor: pointer;\n  border-radius: 4px;\n  font-size: 14px;\n  transition: all 0.15s ease-in-out;\n  min-width: 40px;\n}\n\n.udi-table-pagination .pagination-controls .pagination-button:hover:not(:disabled) {\n  background: #e9ecef;\n  border-color: #adb5bd;\n}\n\n.udi-table-pagination .pagination-controls .pagination-button:disabled {\n  background: #f8f9fa;\n  color: #6c757d;\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.udi-table-pagination .pagination-controls .pagination-button.disabled {\n  background: #f1f3f4;\n  color: #9aa0a6;\n  cursor: not-allowed;\n  opacity: 0.5;\n  border-color: #dadce0;\n}\n\n.udi-table-pagination .pagination-controls .pagination-button.disabled:hover {\n  background: #f1f3f4;\n  border-color: #dadce0;\n}\n\n.udi-table-pagination .pagination-controls .pagination-button.active {\n  background: #007bff;\n  border-color: #007bff;\n  color: white;\n}\n\n.udi-table-pagination .pagination-controls .pagination-button.active:hover {\n  background: #0056b3;\n  border-color: #0056b3;\n}\n\n/* 響應式設計 */\n\n/* 大螢幕 (1200px+) - 桌面 */\n@media (min-width: 1200px) {\n  .udi-table-wrapper {\n    height: 400px;\n  }\n  \n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n/* 中等螢幕 (992px - 1199px) - 桌面/平板橫向 */\n@media (max-width: 1199px) and (min-width: 992px) {\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n/* 小螢幕 (768px - 991px) - 平板 */\n@media (max-width: 991px) and (min-width: 768px) {\n  .udi-table-container {\n    border-radius: 6px;\n  }\n\n  .udi-table-wrapper {\n    height: 350px;\n  }\n\n  .udi-table {\n    min-width: 600px;\n  }\n  \n  .udi-table th,\n  .udi-table td {\n    padding: 10px 12px;\n    font-size: 13px;\n    max-width: 200px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter {\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  \n  .udi-table-filter .filter-section .basic-filter .filter-input {\n    min-width: 180px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .udi-table-pagination {\n    padding: 12px;\n  }\n  \n  .udi-table-pagination .pagination-info .page-size-selector {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n}\n\n/* 手機螢幕 (481px - 767px) */\n@media (max-width: 767px) and (min-width: 481px) {\n  .udi-table-container {\n    border-radius: 4px;\n    margin: 0 4px;\n  }\n\n  .udi-table-wrapper {\n    height: 300px;\n  }\n\n  .udi-table {\n    min-width: 500px;\n  }\n  \n  .udi-table th,\n  .udi-table td {\n    padding: 8px 10px;\n    font-size: 12px;\n    max-width: 150px;\n  }\n  \n  .udi-table th:first-child,\n  .udi-table tbody td:first-child {\n    position: sticky;\n    left: 0;\n    background: inherit;\n    z-index: 5;\n    border-right: 2px solid #e9ecef;\n    font-weight: 600;\n  }\n\n  .scroll-position-indicator {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter {\n    padding: 12px;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 8px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter .filter-column-selector {\n    justify-content: flex-start;\n  }\n  \n  .udi-table-filter .filter-section .basic-filter .filter-column-selector label {\n    font-size: 13px;\n  }\n  \n  .udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select {\n    min-width: 100px;\n    flex: 1;\n    font-size: 14px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter .filter-input {\n    min-width: auto;\n    font-size: 16px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter .advanced-filter-toggle,\n  .udi-table-filter .filter-section .basic-filter .reset-button {\n    align-self: stretch;\n    font-size: 14px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter {\n    padding: 12px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 8px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header h4 {\n    font-size: 14px;\n  }\n  \n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header .clear-advanced-button {\n    align-self: flex-end;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item label {\n    font-size: 12px;\n  }\n  \n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input {\n    font-size: 16px;\n  }\n\n  .udi-table-pagination {\n    flex-direction: column;\n    align-items: stretch;\n    padding: 12px;\n    gap: 8px;\n  }\n\n  .udi-table-pagination .pagination-info {\n    text-align: center;\n  }\n  \n  .udi-table-pagination .pagination-info .page-size-selector {\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .udi-table-pagination .pagination-controls {\n    justify-content: center;\n  }\n  \n  .udi-table-pagination .pagination-controls .pagination-button {\n    padding: 8px 12px;\n    font-size: 13px;\n    min-width: 36px;\n  }\n}\n\n/* 極小螢幕 (320px - 480px) */\n@media (max-width: 480px) {\n  .udi-table-container {\n    border-radius: 0;\n    margin: 0;\n    box-shadow: none;\n    border-left: 1px solid #e9ecef;\n    border-right: 1px solid #e9ecef;\n  }\n\n  .udi-table-wrapper {\n    height: 250px;\n    border: none;\n  }\n\n  .udi-table {\n    min-width: 400px;\n    font-size: 11px;\n  }\n  \n  .udi-table th,\n  .udi-table td {\n    padding: 6px 8px;\n    font-size: 11px;\n    max-width: 120px;\n  }\n  \n  .udi-table th:first-child,\n  .udi-table tbody td:first-child {\n    min-width: 60px;\n  }\n\n  .scroll-position-indicator {\n    padding: 4px 8px;\n    font-size: 10px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter {\n    padding: 8px;\n    gap: 6px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter .filter-column-selector label {\n    font-size: 12px;\n  }\n  \n  .udi-table-filter .filter-section .basic-filter .filter-column-selector .filter-column-select {\n    font-size: 13px;\n    padding: 6px 8px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter .filter-input {\n    padding: 8px 10px;\n    font-size: 16px;\n  }\n\n  .udi-table-filter .filter-section .basic-filter .advanced-filter-toggle,\n  .udi-table-filter .filter-section .basic-filter .reset-button {\n    padding: 8px 12px;\n    font-size: 13px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter {\n    padding: 8px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header h4 {\n    font-size: 13px;\n  }\n  \n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-header .clear-advanced-button {\n    padding: 4px 8px;\n    font-size: 11px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid {\n    gap: 6px;\n  }\n\n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item label {\n    font-size: 11px;\n  }\n  \n  .udi-table-filter .filter-section .advanced-filter .advanced-filter-grid .advanced-filter-item .advanced-filter-input {\n    padding: 6px 8px;\n    font-size: 16px;\n  }\n\n  .udi-table-pagination {\n    padding: 8px;\n    gap: 6px;\n  }\n\n  .udi-table-pagination .pagination-info {\n    font-size: 12px;\n  }\n  \n  .udi-table-pagination .pagination-info .page-size-selector {\n    gap: 4px;\n  }\n  \n  .udi-table-pagination .pagination-info .page-size-selector label {\n    font-size: 11px;\n  }\n  \n  .udi-table-pagination .pagination-info .page-size-selector .page-size-select {\n    padding: 4px 6px;\n    font-size: 12px;\n  }\n  \n  .udi-table-pagination .pagination-info .pagination-summary {\n    font-size: 11px;\n  }\n\n  .udi-table-pagination .pagination-controls {\n    flex-wrap: wrap;\n    gap: 2px;\n  }\n\n  .udi-table-pagination .pagination-controls .pagination-button {\n    padding: 6px 8px;\n    font-size: 11px;\n    min-width: 28px;\n  }\n}\n\n/* 橫向模式優化 */\n@media (orientation: landscape) and (max-height: 500px) {\n  .udi-table-wrapper {\n    height: 200px;\n  }\n  \n  .udi-table-filter .filter-section .basic-filter {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n}\n\n/* 高DPI螢幕優化 */\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n  .udi-table th,\n  .udi-table td {\n    border-width: 0.5px;\n  }\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-/***/ }),
-/***/ "./node_modules/css-loader/dist/runtime/api.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/css-loader/dist/runtime/api.js ***!
-  \*****************************************************/
-/***/ ((module) => {
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-module.exports = function (cssWithMappingToString) {
-  var list = [];
-  // return the list of modules as css string
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = "";
-      var needLayer = typeof item[5] !== "undefined";
-      if (item[4]) {
-        content += "@supports (".concat(item[4], ") {");
-      }
-      if (item[2]) {
-        content += "@media ".concat(item[2], " {");
-      }
-      if (needLayer) {
-        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
-      }
-      content += cssWithMappingToString(item);
-      if (needLayer) {
-        content += "}";
-      }
-      if (item[2]) {
-        content += "}";
-      }
-      if (item[4]) {
-        content += "}";
-      }
-      return content;
-    }).join("");
-  };
-  // import a list of modules into the list
-  list.i = function i(modules, media, dedupe, supports, layer) {
-    if (typeof modules === "string") {
-      modules = [[null, modules, undefined]];
-    }
-    var alreadyImportedModules = {};
-    if (dedupe) {
-      for (var k = 0; k < this.length; k++) {
-        var id = this[k][0];
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
-    }
-    for (var _k = 0; _k < modules.length; _k++) {
-      var item = [].concat(modules[_k]);
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        continue;
-      }
-      if (typeof layer !== "undefined") {
-        if (typeof item[5] === "undefined") {
-          item[5] = layer;
-        } else {
-          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
-          item[5] = layer;
-        }
-      }
-      if (media) {
-        if (!item[2]) {
-          item[2] = media;
-        } else {
-          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
-          item[2] = media;
-        }
-      }
-      if (supports) {
-        if (!item[4]) {
-          item[4] = "".concat(supports);
-        } else {
-          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
-          item[4] = supports;
-        }
-      }
-      list.push(item);
-    }
-  };
-  return list;
-};
-/***/ }),
-/***/ "./node_modules/css-loader/dist/runtime/sourceMaps.js":
-/*!************************************************************!*\
-  !*** ./node_modules/css-loader/dist/runtime/sourceMaps.js ***!
-  \************************************************************/
-/***/ ((module) => {
-module.exports = function (item) {
-  var content = item[1];
-  var cssMapping = item[3];
-  if (!cssMapping) {
-    return content;
-  }
-  if (typeof btoa === "function") {
-    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
-    var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
-    var sourceMapping = "/*# ".concat(data, " */");
-    return [content].concat([sourceMapping]).join("\n");
-  }
-  return [content].join("\n");
-};
-/***/ }),
-/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
-  \****************************************************************************/
-/***/ ((module) => {
-var stylesInDOM = [];
-function getIndexByIdentifier(identifier) {
-  var result = -1;
-  for (var i = 0; i < stylesInDOM.length; i++) {
-    if (stylesInDOM[i].identifier === identifier) {
-      result = i;
-      break;
-    }
-  }
-  return result;
-}
-function modulesToDom(list, options) {
-  var idCountMap = {};
-  var identifiers = [];
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var count = idCountMap[id] || 0;
-    var identifier = "".concat(id, " ").concat(count);
-    idCountMap[id] = count + 1;
-    var indexByIdentifier = getIndexByIdentifier(identifier);
-    var obj = {
-      css: item[1],
-      media: item[2],
-      sourceMap: item[3],
-      supports: item[4],
-      layer: item[5]
-    };
-    if (indexByIdentifier !== -1) {
-      stylesInDOM[indexByIdentifier].references++;
-      stylesInDOM[indexByIdentifier].updater(obj);
-    } else {
-      var updater = addElementStyle(obj, options);
-      options.byIndex = i;
-      stylesInDOM.splice(i, 0, {
-        identifier: identifier,
-        updater: updater,
-        references: 1
-      });
-    }
-    identifiers.push(identifier);
-  }
-  return identifiers;
-}
-function addElementStyle(obj, options) {
-  var api = options.domAPI(options);
-  api.update(obj);
-  var updater = function updater(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
-        return;
-      }
-      api.update(obj = newObj);
-    } else {
-      api.remove();
-    }
-  };
-  return updater;
-}
-module.exports = function (list, options) {
-  options = options || {};
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDOM[index].references--;
-    }
-    var newLastIdentifiers = modulesToDom(newList, options);
-    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
-      var _identifier = lastIdentifiers[_i];
-      var _index = getIndexByIdentifier(_identifier);
-      if (stylesInDOM[_index].references === 0) {
-        stylesInDOM[_index].updater();
-        stylesInDOM.splice(_index, 1);
-      }
-    }
-    lastIdentifiers = newLastIdentifiers;
-  };
-};
-/***/ }),
-/***/ "./node_modules/style-loader/dist/runtime/insertBySelector.js":
-/*!********************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/insertBySelector.js ***!
-  \********************************************************************/
-/***/ ((module) => {
-var memo = {};
-/* istanbul ignore next  */
-function getTarget(target) {
-  if (typeof memo[target] === "undefined") {
-    var styleTarget = document.querySelector(target);
-    // Special case to return head of iframe instead of iframe itself
-    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-      try {
-        // This will throw an exception if access to iframe is blocked
-        // due to cross-origin restrictions
-        styleTarget = styleTarget.contentDocument.head;
-      } catch (e) {
-        // istanbul ignore next
-        styleTarget = null;
-      }
-    }
-    memo[target] = styleTarget;
-  }
-  return memo[target];
-}
-/* istanbul ignore next  */
-function insertBySelector(insert, style) {
-  var target = getTarget(insert);
-  if (!target) {
-    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-  }
-  target.appendChild(style);
-}
-module.exports = insertBySelector;
-/***/ }),
-/***/ "./node_modules/style-loader/dist/runtime/insertStyleElement.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
-  \**********************************************************************/
-/***/ ((module) => {
-/* istanbul ignore next  */
-function insertStyleElement(options) {
-  var element = document.createElement("style");
-  options.setAttributes(element, options.attributes);
-  options.insert(element, options.options);
-  return element;
-}
-module.exports = insertStyleElement;
-/***/ }),
-/***/ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
-  \**********************************************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-/* istanbul ignore next  */
-function setAttributesWithoutAttributes(styleElement) {
-  var nonce =  true ? __webpack_require__.nc : 0;
-  if (nonce) {
-    styleElement.setAttribute("nonce", nonce);
-  }
-}
-module.exports = setAttributesWithoutAttributes;
-/***/ }),
-/***/ "./node_modules/style-loader/dist/runtime/styleDomAPI.js":
-/*!***************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
-  \***************************************************************/
-/***/ ((module) => {
-/* istanbul ignore next  */
-function apply(styleElement, options, obj) {
-  var css = "";
-  if (obj.supports) {
-    css += "@supports (".concat(obj.supports, ") {");
-  }
-  if (obj.media) {
-    css += "@media ".concat(obj.media, " {");
-  }
-  var needLayer = typeof obj.layer !== "undefined";
-  if (needLayer) {
-    css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
-  }
-  css += obj.css;
-  if (needLayer) {
-    css += "}";
-  }
-  if (obj.media) {
-    css += "}";
-  }
-  if (obj.supports) {
-    css += "}";
-  }
-  var sourceMap = obj.sourceMap;
-  if (sourceMap && typeof btoa !== "undefined") {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  }
-  // For old IE
-  /* istanbul ignore if  */
-  options.styleTagTransform(css, styleElement, options.options);
-}
-function removeStyleElement(styleElement) {
-  // istanbul ignore if
-  if (styleElement.parentNode === null) {
-    return false;
-  }
-  styleElement.parentNode.removeChild(styleElement);
-}
-/* istanbul ignore next  */
-function domAPI(options) {
-  if (typeof document === "undefined") {
-    return {
-      update: function update() {},
-      remove: function remove() {}
-    };
-  }
-  var styleElement = options.insertStyleElement(options);
-  return {
-    update: function update(obj) {
-      apply(styleElement, options, obj);
-    },
-    remove: function remove() {
-      removeStyleElement(styleElement);
-    }
-  };
-}
-module.exports = domAPI;
-/***/ }),
-/***/ "./node_modules/style-loader/dist/runtime/styleTagTransform.js":
-/*!*********************************************************************!*\
-  !*** ./node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
-  \*********************************************************************/
-/***/ ((module) => {
-/* istanbul ignore next  */
-function styleTagTransform(css, styleElement) {
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = css;
-  } else {
-    while (styleElement.firstChild) {
-      styleElement.removeChild(styleElement.firstChild);
-    }
-    styleElement.appendChild(document.createTextNode(css));
-  }
-}
-module.exports = styleTagTransform;
-/***/ }),
-/***/ "./src/components/udiTable/UdiTable.css":
-/*!**********************************************!*\
-  !*** ./src/components/udiTable/UdiTable.css ***!
-  \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_UdiTable_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!./UdiTable.css */ "./node_modules/css-loader/dist/cjs.js!./src/components/udiTable/UdiTable.css");
-var options = {};
-options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_UdiTable_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_UdiTable_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_UdiTable_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_UdiTable_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
-/***/ }),
-/***/ "./src/components/udiTable/UdiTable.jsx":
-/*!**********************************************!*\
-  !*** ./src/components/udiTable/UdiTable.jsx ***!
-  \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var _UdiTable_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UdiTable.css */ "./src/components/udiTable/UdiTable.css");
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var UdiTable = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref, ref) {
-  var _columns$find;
-  var _ref$onDataRequest = _ref.onDataRequest,
-    onDataRequest = _ref$onDataRequest === void 0 ? null : _ref$onDataRequest,
-    _ref$columns = _ref.columns,
-    columns = _ref$columns === void 0 ? [] : _ref$columns,
-    _ref$pageSize = _ref.pageSize,
-    pageSize = _ref$pageSize === void 0 ? 10 : _ref$pageSize,
-    _ref$sortable = _ref.sortable,
-    sortable = _ref$sortable === void 0 ? true : _ref$sortable,
-    _ref$filterable = _ref.filterable,
-    filterable = _ref$filterable === void 0 ? true : _ref$filterable,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$isDev = _ref.isDev,
-    isDev = _ref$isDev === void 0 ? false : _ref$isDev,
-    _ref$syncTableControl = _ref.syncTableControl,
-    syncTableControl = _ref$syncTableControl === void 0 ? false : _ref$syncTableControl,
-    _ref$currentTableRef = _ref.currentTableRef,
-    currentTableRef = _ref$currentTableRef === void 0 ? {
-      currentTableRef: currentTableRef
-    } : _ref$currentTableRef,
-    _ref$name = _ref.name,
-    name = _ref$name === void 0 ? null : _ref$name,
-    setTablePage = _ref.setTablePage;
-  // 內部狀態管理
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    totalCount = _useState6[0],
-    setTotalCount = _useState6[1];
-  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    error = _useState8[0],
-    setError = _useState8[1];
-  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
-      key: null,
-      direction: 'asc'
-    }),
-    _useState0 = _slicedToArray(_useState9, 2),
-    sortConfig = _useState0[0],
-    setSortConfig = _useState0[1];
-  var _useState1 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
-    _useState10 = _slicedToArray(_useState1, 2),
-    filterText = _useState10[0],
-    setFilterText = _useState10[1];
-  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('all'),
-    _useState12 = _slicedToArray(_useState11, 2),
-    filterColumn = _useState12[0],
-    setFilterColumn = _useState12[1];
-  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    showAdvancedFilter = _useState14[0],
-    setShowAdvancedFilter = _useState14[1];
-  var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),
-    _useState16 = _slicedToArray(_useState15, 2),
-    advancedFilters = _useState16[0],
-    setAdvancedFilters = _useState16[1];
-  var _useState17 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),
-    _useState18 = _slicedToArray(_useState17, 2),
-    currentPage = _useState18[0],
-    setCurrentPage = _useState18[1];
-  var _useState19 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(pageSize),
-    _useState20 = _slicedToArray(_useState19, 2),
-    currentPageSize = _useState20[0],
-    setCurrentPageSize = _useState20[1];
-  var _useState21 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
-      top: 0,
-      left: 0,
-      verticalPercent: 0,
-      horizontalPercent: 0
-    }),
-    _useState22 = _slicedToArray(_useState21, 2),
-    scrollPosition = _useState22[0],
-    setScrollPosition = _useState22[1];
-  var _useState23 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
-      hasHorizontal: false,
-      hasVertical: false,
-      maxScrollLeft: 0,
-      maxScrollTop: 0
-    }),
-    _useState24 = _slicedToArray(_useState23, 2),
-    scrollbarInfo = _useState24[0],
-    setScrollbarInfo = _useState24[1];
-  var tableWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var _useState25 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState26 = _slicedToArray(_useState25, 2),
-    isHovered = _useState26[0],
-    setIsHovered = _useState26[1];
-  var _useState27 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState28 = _slicedToArray(_useState27, 2),
-    isInfiniteScroll = _useState28[0],
-    setIsInfiniteScroll = _useState28[1];
-  var _useState29 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState30 = _slicedToArray(_useState29, 2),
-    isDropdownOpen = _useState30[0],
-    setIsDropdownOpen = _useState30[1];
-  var _useState31 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState32 = _slicedToArray(_useState31, 2),
-    hasFetchedData = _useState32[0],
-    setHasFetchedData = _useState32[1];
-  // 內部執行外部 callback 的函數
-  var executeDataRequest = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(params) {
-      var result, _data, _t;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.p = _context.n) {
-          case 0:
-            if (!(!onDataRequest || hasFetchedData)) {
-              _context.n = 1;
-              break;
-            }
-            return _context.a(2);
-          case 1:
-            setLoading(true);
-            setError(null);
-            _context.p = 2;
-            _context.n = 3;
-            return onDataRequest(params);
-          case 3:
-            result = _context.v;
-            _data = Array.isArray(result.data) ? result.data : [];
-            if (isInfiniteScroll) {
-              setData(function (prevData) {
-                return [].concat(_toConsumableArray(prevData), _toConsumableArray(_data));
-              });
-            } else {
-              setData(_data);
-            }
-            setTotalCount(result.totalCount || 0);
-            setHasFetchedData(true);
-            _context.n = 5;
-            break;
-          case 4:
-            _context.p = 4;
-            _t = _context.v;
-            console.error('❌ Callback Error:', _t);
-            setError(_t.message);
-            setData([]);
-            setTotalCount(0);
-          case 5:
-            _context.p = 5;
-            setLoading(false);
-            return _context.f(5);
-          case 6:
-            return _context.a(2);
-        }
-      }, _callee, null, [[2, 4, 5, 6]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [onDataRequest, isInfiniteScroll, hasFetchedData]);
-  // 防抖的請求執行
-  var debouncedDataRequest = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    var timeoutId;
-    return function (params) {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(function () {
-        executeDataRequest(params);
-      }, 300);
-    };
-  }, [executeDataRequest]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    setTablePage(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty(_defineProperty({}, "".concat(name, "Page"), currentPage), "".concat(name, "PageSize"), currentPageSize));
-    });
-  }, [currentPageSize, currentPage]);
-  // 暴露給外部的方法
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref, function () {
-    return {
-      // 執行數據請求的函數 - 這是外部會調用的主要函數
-      executeRequest: function executeRequest() {
-        var customParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        var params = _objectSpread({
-          page: currentPage,
-          pageSize: currentPageSize,
-          search: filterText,
-          searchColumn: filterColumn,
-          advancedFilters: advancedFilters,
-          sortBy: sortConfig.key,
-          sortOrder: sortConfig.direction
-        }, customParams);
-        executeDataRequest(params);
-      },
-      // 重新載入（使用當前參數）
-      reload: function reload() {
-        var params = {
-          page: currentPage,
-          pageSize: currentPageSize,
-          search: filterText,
-          searchColumn: filterColumn,
-          advancedFilters: advancedFilters,
-          sortBy: sortConfig.key,
-          sortOrder: sortConfig.direction
-        };
-        executeDataRequest(params);
-      },
-      // 重置篩選並執行請求
-      resetFilters: function resetFilters() {
-        setFilterText('');
-        setFilterColumn('all');
-        setAdvancedFilters({});
-        setCurrentPage(1);
-        setSortConfig({
-          key: null,
-          direction: 'asc'
-        });
-        // 重置後立即執行請求
-        var params = {
-          page: 1,
-          pageSize: currentPageSize,
-          search: '',
-          searchColumn: 'all',
-          advancedFilters: {},
-          sortBy: null,
-          sortOrder: 'asc'
-        };
-        executeDataRequest(params);
-      },
-      setPage: function setPage(page) {
-        setCurrentPage(page);
-      },
-      setPageSize: function setPageSize(size) {
-        setCurrentPageSize(size);
-        setCurrentPage(1);
-      },
-      // 完整的狀態 API - 提供所有詳細信息
-      getState: function getState() {
-        return {
-          // 基本數據狀態
-          data: data,
-          loading: loading,
-          error: error,
-          totalCount: totalCount,
-          tableWrapperRef: tableWrapperRef.current,
-          tableName: name,
-          // 分頁狀態
-          pagination: {
-            currentPage: currentPage,
-            pageSize: currentPageSize,
-            totalPages: Math.ceil(totalCount / currentPageSize),
-            hasNextPage: currentPage < Math.ceil(totalCount / currentPageSize),
-            hasPreviousPage: currentPage > 1,
-            startIndex: (currentPage - 1) * currentPageSize + 1,
-            endIndex: Math.min(currentPage * currentPageSize, totalCount),
-            isFirstPage: currentPage === 1,
-            isLastPage: currentPage === Math.ceil(totalCount / currentPageSize)
-          },
-          // 滾動狀態
-          scroll: {
-            position: scrollPosition,
-            scrollbar: scrollbarInfo,
-            isAtTop: scrollPosition.verticalPercent === 0,
-            isAtBottom: scrollPosition.verticalPercent === 100,
-            isAtLeft: scrollPosition.horizontalPercent === 0,
-            isAtRight: scrollPosition.horizontalPercent === 100,
-            canScrollVertically: scrollbarInfo.hasVertical,
-            canScrollHorizontally: scrollbarInfo.hasHorizontal
-          },
-          // 排序狀態
-          sort: {
-            sortConfig: sortConfig,
-            sortBy: sortConfig.key,
-            sortOrder: sortConfig.direction,
-            isSorted: sortConfig.key !== null
-          },
-          // 篩選狀態
-          filter: {
-            filterText: filterText,
-            filterColumn: filterColumn,
-            advancedFilters: advancedFilters,
-            showAdvancedFilter: showAdvancedFilter,
-            hasBasicFilter: filterText !== '' || filterColumn !== 'all',
-            hasAdvancedFilter: Object.keys(advancedFilters).length > 0,
-            hasAnyFilter: filterText !== '' || filterColumn !== 'all' || Object.keys(advancedFilters).length > 0,
-            activeFiltersCount: Object.keys(advancedFilters).filter(function (key) {
-              return advancedFilters[key];
-            }).length + (filterText ? 1 : 0)
-          },
-          // 表格配置狀態
-          config: {
-            sortable: sortable,
-            filterable: filterable,
-            className: className,
-            isDev: isDev,
-            columnsCount: columns.length,
-            columns: columns.map(function (col) {
-              return {
-                dataField: col.dataField,
-                title: col.title,
-                width: col.width,
-                sortable: sortable
-              };
-            })
-          },
-          // 響應式狀態
-          responsive: {
-            isMobile: isMobile,
-            isTablet: isTablet,
-            isDesktop: !isMobile && !isTablet,
-            screenWidth: window.innerWidth,
-            screenHeight: window.innerHeight
-          },
-          // 元數據
-          meta: {
-            timestamp: new Date().toISOString(),
-            version: '1.0.0',
-            componentName: 'UdiTable'
-          },
-          isHovered: isHovered
-        };
-      },
-      // 簡化版狀態 API - 只返回核心信息
-      getCoreState: function getCoreState() {
-        return {
-          currentPage: currentPage,
-          totalPages: Math.ceil(totalCount / currentPageSize),
-          totalCount: totalCount,
-          pageSize: currentPageSize,
-          loading: loading,
-          error: error,
-          scrollPosition: scrollPosition,
-          hasData: data.length > 0
-        };
-      },
-      // 滾動位置 API
-      getScrollState: function getScrollState() {
-        return _objectSpread(_objectSpread(_objectSpread({}, scrollPosition), scrollbarInfo), {}, {
-          isAtTop: scrollPosition.verticalPercent === 0,
-          isAtBottom: scrollPosition.verticalPercent === 100,
-          isAtLeft: scrollPosition.horizontalPercent === 0,
-          isAtRight: scrollPosition.horizontalPercent === 100
-        });
-      },
-      // 分頁狀態 API
-      getPaginationState: function getPaginationState() {
-        return {
-          currentPage: currentPage,
-          totalPages: Math.ceil(totalCount / currentPageSize),
-          pageSize: currentPageSize,
-          totalCount: totalCount,
-          hasNextPage: currentPage < Math.ceil(totalCount / currentPageSize),
-          hasPreviousPage: currentPage > 1,
-          startIndex: (currentPage - 1) * currentPageSize + 1,
-          endIndex: Math.min(currentPage * currentPageSize, totalCount)
-        };
-      },
-      // 篩選狀態 API
-      getFilterState: function getFilterState() {
-        return {
-          filterText: filterText,
-          filterColumn: filterColumn,
-          advancedFilters: advancedFilters,
-          showAdvancedFilter: showAdvancedFilter,
-          hasAnyFilter: filterText !== '' || filterColumn !== 'all' || Object.keys(advancedFilters).length > 0
-        };
-      },
-      // 排序狀態 API
-      getSortState: function getSortState() {
-        return _objectSpread(_objectSpread({}, sortConfig), {}, {
-          isSorted: sortConfig.key !== null
-        });
-      },
-      // 滾動控制 API
-      scrollControl: scrollControl,
-      tableWrapperRef: tableWrapperRef.current
-    };
-  }, [data, loading, totalCount, error, currentPage, currentPageSize, sortConfig, filterText, filterColumn, advancedFilters, showAdvancedFilter, scrollPosition, scrollbarInfo, isMobile, isTablet, sortable, filterable, className, isDev, columns, executeDataRequest]);
-  // 初始載入
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (onDataRequest) {
-      var params = {
-        page: 1,
-        pageSize: currentPageSize,
-        search: '',
-        searchColumn: 'all',
-        advancedFilters: {},
-        sortBy: null,
-        sortOrder: 'asc'
-      };
-      executeDataRequest(params);
-    }
-  }, [onDataRequest, executeDataRequest]);
-  // 監聽篩選和排序變化
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (!onDataRequest) return;
-    var params = {
-      page: currentPage,
-      pageSize: currentPageSize,
-      search: filterText,
-      searchColumn: filterColumn,
-      advancedFilters: advancedFilters,
-      sortBy: sortConfig.key,
-      sortOrder: sortConfig.direction
-    };
-    debouncedDataRequest(params);
-  }, [onDataRequest, currentPage, currentPageSize, filterText, filterColumn, advancedFilters, sortConfig, debouncedDataRequest]);
-  // 計算總頁數
-  var totalPages = Math.ceil(totalCount / currentPageSize);
-  // 檢測螢幕尺寸
-  var _useState33 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState34 = _slicedToArray(_useState33, 2),
-    isMobile = _useState34[0],
-    setIsMobile = _useState34[1];
-  var _useState35 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState36 = _slicedToArray(_useState35, 2),
-    isTablet = _useState36[0],
-    setIsTablet = _useState36[1];
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    var checkScreenSize = function checkScreenSize() {
-      var width = window.innerWidth;
-      setIsMobile(width < 768);
-      setIsTablet(width >= 768 && width < 992);
-    };
-    checkScreenSize();
-    window.addEventListener('resize', checkScreenSize);
-    return function () {
-      return window.removeEventListener('resize', checkScreenSize);
-    };
-  }, []);
-  // 滾動事件處理（使用 throttle）
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    var tableWrapper = tableWrapperRef.current;
-    if (!tableWrapper) return;
-    // 更新滾動條信息
-    var updateScrollbarInfo = function updateScrollbarInfo() {
-      var hasHorizontal = tableWrapper.scrollWidth > tableWrapper.clientWidth;
-      var hasVertical = tableWrapper.scrollHeight > tableWrapper.clientHeight;
-      var maxScrollLeft = Math.max(0, tableWrapper.scrollWidth - tableWrapper.clientWidth);
-      var maxScrollTop = Math.max(0, tableWrapper.scrollHeight - tableWrapper.clientHeight);
-      setScrollbarInfo({
-        hasHorizontal: hasHorizontal,
-        hasVertical: hasVertical,
-        maxScrollLeft: maxScrollLeft,
-        maxScrollTop: maxScrollTop,
-        scrollWidth: tableWrapper.scrollWidth,
-        scrollHeight: tableWrapper.scrollHeight,
-        clientWidth: tableWrapper.clientWidth,
-        clientHeight: tableWrapper.clientHeight
-      });
-    };
-    // 初始化滾動條信息
-    updateScrollbarInfo();
-    var isThrottled = false;
-    var handleScroll = function handleScroll(event) {
-      if (isThrottled) return;
-      isThrottled = true;
-      requestAnimationFrame(function () {
-        //browser api  > 每次滾动事件(rerender)使用 requestAnimationFrame
-        var target = event.target;
-        var scrollTop = target.scrollTop;
-        var scrollLeft = target.scrollLeft;
-        var scrollHeight = target.scrollHeight;
-        var clientHeight = target.clientHeight;
-        var scrollWidth = target.scrollWidth;
-        var clientWidth = target.clientWidth;
-        // 計算滾動百分比
-        var verticalScrollPercent = scrollHeight > clientHeight ? scrollTop / (scrollHeight - clientHeight) * 100 : 0;
-        var horizontalScrollPercent = scrollWidth > clientWidth ? scrollLeft / (scrollWidth - clientWidth) * 100 : 0;
-        setScrollPosition({
-          top: scrollTop,
-          left: scrollLeft,
-          verticalPercent: parseFloat(verticalScrollPercent.toFixed(1)),
-          horizontalPercent: parseFloat(horizontalScrollPercent.toFixed(1))
-        });
-        // 更新滾動條信息（以防表格尺寸發生變化）
-        updateScrollbarInfo();
-        isThrottled = false;
-      });
-    };
-    // 監聽窗口大小變化
-    var handleResize = function handleResize() {
-      updateScrollbarInfo();
-    };
-    tableWrapper.addEventListener('scroll', handleScroll, {
-      passive: true
-    });
-    window.addEventListener('resize', handleResize);
-    // 使用 ResizeObserver 監聽表格內容變化（如果支援的話）
-    var resizeObserver;
-    if (window.ResizeObserver) {
-      resizeObserver = new ResizeObserver(function () {
-        updateScrollbarInfo();
-      });
-      resizeObserver.observe(tableWrapper);
-    }
-    return function () {
-      tableWrapper.removeEventListener('scroll', handleScroll);
-      window.removeEventListener('resize', handleResize);
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    };
-  }, [data]); // 當數據變化時重新初始化
-  // 排序處理
-  var handleSort = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (key) {
-    if (!sortable) return;
-    setSortConfig(function (prev) {
-      var direction = 'asc';
-      if (prev.key === key && prev.direction === 'asc') {
-        direction = 'desc';
-      }
-      return {
-        key: key,
-        direction: direction
-      };
-    });
-    setCurrentPage(1);
-  }, [sortable]);
-  // 分頁處理
-  var handlePageChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (page) {
-    setCurrentPage(page);
-  }, []);
-  // 重置篩選
-  var resetFilter = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    setFilterText('');
-    setFilterColumn('all');
-    setAdvancedFilters({});
-    setCurrentPage(1);
-  }, []);
-  // 處理進階篩選變更
-  var handleAdvancedFilterChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (columnKey, value) {
-    setAdvancedFilters(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, columnKey, value));
-    });
-    setCurrentPage(1);
-  }, []);
-  // 清除進階篩選
-  var clearAdvancedFilters = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    setAdvancedFilters({});
-    setCurrentPage(1);
-  }, []);
-  // 切換進階篩選顯示
-  var toggleAdvancedFilter = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    setShowAdvancedFilter(function (prev) {
-      return !prev;
-    });
-  }, []);
-  // 處理每頁顯示數量變更
-  var handlePageSizeChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (newPageSize) {
-    setCurrentPageSize(newPageSize);
-    setCurrentPage(1);
-  }, []);
-  // 滾動控制函數
-  var scrollControl = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (axis, value) {
-    var tableWrapper = tableWrapperRef.current;
-    if (!tableWrapper) return;
-    var maxScrollTop = tableWrapper.scrollHeight - tableWrapper.clientHeight;
-    var maxScrollLeft = tableWrapper.scrollWidth - tableWrapper.clientWidth;
-    var scrollValue = axis === 'top' ? Math.min(value, maxScrollTop) : Math.min(value, maxScrollLeft);
-    if (axis === 'top') {
-      tableWrapper.scrollTop = scrollValue;
-    } else {
-      tableWrapper.scrollLeft = scrollValue;
-    }
-  }, []);
-  // Add hover detection
-  var handleMouseEnter = function handleMouseEnter() {
-    setIsHovered(true);
-    if (syncTableControl && currentTableRef) {
-      currentTableRef.current = tableWrapperRef.current;
-    }
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    if (!isDropdownOpen) {
-      setIsHovered(false);
-    }
-  };
-  // Handle infinite scroll toggle
-  var toggleInfiniteScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    setIsInfiniteScroll(function (prev) {
-      return !prev;
-    });
-  }, []);
-  var debouncedHandlePageChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    var timeoutId;
-    return function (newPage) {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(function () {
-        if (newPage <= totalPages) {
-          handlePageChange(newPage);
-        }
-      }, 300);
-    };
-  }, [handlePageChange, totalPages]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (isInfiniteScroll) {
-      var tableWrapper = tableWrapperRef.current;
-      if (!tableWrapper) return;
-      var handleScroll = function handleScroll() {
-        var scrollTop = tableWrapper.scrollTop,
-          scrollHeight = tableWrapper.scrollHeight,
-          clientHeight = tableWrapper.clientHeight;
-        var verticalScrollPercent = scrollHeight > clientHeight ? scrollTop / (scrollHeight - clientHeight) * 100 : 0;
-        if (verticalScrollPercent >= 80 && currentPage < totalPages) {
-          debouncedHandlePageChange(currentPage + 1);
-        }
-      };
-      tableWrapper.addEventListener("scroll", handleScroll);
-      return function () {
-        tableWrapper.removeEventListener("scroll", handleScroll);
-      };
-    }
-  }, [isInfiniteScroll, currentPage, totalPages, debouncedHandlePageChange]);
-  // Dropdown focus and blur handlers
-  var handleDropdownFocus = function handleDropdownFocus() {
-    setIsDropdownOpen(true);
-  };
-  var handleDropdownBlur = function handleDropdownBlur() {
-    setIsDropdownOpen(false);
-  };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, name && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "udi-table-name"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("h3", null, name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "udi-table-container ".concat(className),
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, error && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "error-message"
-  }, "\u274C \u8F09\u5165\u5931\u6557: ", error), filterable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "udi-table-filter"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "filter-section"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "basic-filter"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "filter-column-selector"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("label", {
-    htmlFor: "filterColumn"
-  }, "\u641C\u5C0B\u6B04\u4F4D\uFF1A"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
-    id: "filterColumn",
-    value: filterColumn,
-    onChange: function onChange(e) {
-      setFilterColumn(e.target.value);
-      setCurrentPage(1);
-    },
-    className: "filter-column-select"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
-    value: "all"
-  }, "\u5168\u90E8\u6B04\u4F4D"), columns.map(function (column) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
-      key: column.dataField,
-      value: column.dataField
-    }, column.title);
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("input", {
-    type: "text",
-    placeholder: filterColumn === 'all' ? '搜尋所有欄位...' : "\u641C\u5C0B ".concat(((_columns$find = columns.find(function (col) {
-      return col.key === filterColumn;
-    })) === null || _columns$find === void 0 ? void 0 : _columns$find.title) || '', "..."),
-    value: filterText,
-    onChange: function onChange(e) {
-      setFilterText(e.target.value);
-      setCurrentPage(1);
-    },
-    className: "filter-input"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: toggleAdvancedFilter,
-    className: "advanced-filter-toggle"
-  }, showAdvancedFilter ? '隱藏進階篩選' : '進階篩選'), (filterText || filterColumn !== 'all' || Object.keys(advancedFilters).length > 0) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: resetFilter,
-    className: "reset-button"
-  }, "\u91CD\u7F6E\u6240\u6709\u7BE9\u9078")), showAdvancedFilter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "advanced-filter"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "advanced-filter-header"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("h4", null, "\u9032\u968E\u7BE9\u9078 - \u591A\u6B04\u4F4D\u540C\u6642\u7BE9\u9078"), Object.keys(advancedFilters).length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: clearAdvancedFilters,
-    className: "clear-advanced-button"
-  }, "\u6E05\u9664\u9032\u968E\u7BE9\u9078")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "advanced-filter-grid"
-  }, columns.map(function (column) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-      key: column.dataField,
-      className: "advanced-filter-item"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("label", {
-      htmlFor: "advanced-".concat(column.dataField)
-    }, column.title, "\uFF1A"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("input", {
-      id: "advanced-".concat(column.dataField),
-      type: "text",
-      placeholder: "\u7BE9\u9078 ".concat(column.title, "..."),
-      value: advancedFilters[column.dataField] || '',
-      onChange: function onChange(e) {
-        return handleAdvancedFilterChange(column.dataField, e.target.value);
-      },
-      className: "advanced-filter-input"
-    }));
-  }))))), isDev && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "scroll-position-indicator"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, "\u6EFE\u52D5\u4F4D\u7F6E: \u5782\u76F4 ", scrollPosition.verticalPercent.toFixed(1), "% | \u6C34\u5E73 ", scrollPosition.horizontalPercent.toFixed(1), "%"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, "\u5206\u9801: ", currentPage, "/", Math.ceil(totalCount / currentPageSize), " | \u7E3D\u7B46\u6578: ", totalCount), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, "\u6EFE\u52D5\u689D: ", scrollbarInfo.hasVertical ? '垂直✓' : '垂直✗', " | ", scrollbarInfo.hasHorizontal ? '水平✓' : '水平✗'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, "\u87A2\u5E55: ", isMobile ? '手機' : isTablet ? '平板' : '桌面', " (", window.innerWidth, "x", window.innerHeight, ")")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "udi-table-wrapper-container",
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "udi-table-wrapper",
-    ref: tableWrapperRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("table", {
-    className: "udi-table"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("thead", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("tr", null, columns.map(function (column) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("th", {
-      key: column.dataField,
-      onClick: function onClick() {
-        return handleSort(column.dataField);
-      },
-      className: "\n                      ".concat(sortable ? 'sortable' : '', "\n                      ").concat(sortConfig.key === column.dataField ? 'sorted' : '', "\n                      ").concat(sortConfig.key === column.dataField ? sortConfig.direction : '', "\n                    "),
-      style: {
-        width: column.width,
-        minWidth: column.minWidth
-      }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-      className: "th-content"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("span", null, column.title), sortable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("span", {
-      className: "sort-icon"
-    }, sortConfig.key === column.dataField ? sortConfig.direction === 'asc' ? '↑' : '↓' : '↕')));
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("tbody", null, loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("tr", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("td", {
-    colSpan: columns.length,
-    className: "loading-state"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "loading-spinner"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "spinner"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("span", null, "loading...")))) : data.length > 0 ? data.map(function (row, rowIndex) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("tr", {
-      key: "row-".concat(rowIndex, "-").concat(row.id || "")
-    }, columns.map(function (column, colIndex) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("td", {
-        key: "cell-".concat(rowIndex, "-").concat(colIndex, "-").concat(column.dataField),
-        title: row[column.dataField] // Add title attribute for tooltip
-      }, column.render ? column.render(row[column.dataField], row, rowIndex + 1, column.dataField, name) : row[column.dataField]);
-    }));
-  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("tr", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("td", {
-    colSpan: columns.length,
-    className: "no-data"
-  }, "\u6C92\u6709\u8CC7\u6599")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "udi-table-pagination"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "pagination-info"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "page-size-selector"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("label", {
-    htmlFor: "pageSize"
-  }, "\u6BCF\u9801\u986F\u793A\uFF1A"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "page-size-container",
-    onMouseEnter: handleMouseEnter
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("select", {
-    id: "pageSize",
-    value: currentPageSize,
-    onChange: function onChange(e) {
-      return handlePageSizeChange(Number(e.target.value));
-    },
-    onFocus: handleDropdownFocus,
-    onBlur: handleDropdownBlur,
-    className: "page-size-select"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
-    value: 5
-  }, "5"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
-    value: 10
-  }, "10"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
-    value: 20
-  }, "20"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
-    value: 50
-  }, "50"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("option", {
-    value: 100
-  }, "100"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("span", null, "\u7B46")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "pagination-summary"
-  }, "\u5171 ", totalCount, " \u7B46\u8CC7\u6599", totalPages > 1 ? "\uFF0C\u7B2C ".concat(currentPage, " / ").concat(totalPages, " \u9801") : '')), totalPages > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    className: "pagination-controls"
-  }, isMobile ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: function onClick() {
-      return handlePageChange(currentPage - 1);
-    },
-    disabled: currentPage === 1,
-    className: "pagination-button"
-  }, "\u2039"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("span", {
-    className: "current-page-mobile"
-  }, currentPage, " / ", totalPages), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: function onClick() {
-      return handlePageChange(currentPage + 1);
-    },
-    disabled: currentPage === totalPages,
-    className: "pagination-button"
-  }, "\u203A")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: function onClick() {
-      return handlePageChange(1);
-    },
-    disabled: currentPage === 1,
-    className: "pagination-button"
-  }, "\u9996\u9801"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: function onClick() {
-      return handlePageChange(currentPage - 1);
-    },
-    disabled: currentPage === 1,
-    className: "pagination-button"
-  }, "\u4E0A\u4E00\u9801"), function () {
-    var pages = [];
-    // 計算要顯示的三個頁碼
-    var centerPage = currentPage;
-    var startPage = Math.max(1, centerPage - 1);
-    var endPage = Math.min(totalPages, startPage + 2);
-    // 如果右邊不足3個，向左調整
-    if (endPage - startPage < 2) {
-      startPage = Math.max(1, endPage - 2);
-    }
-    // 固定顯示3個按鈕
-    var _loop = function _loop() {
-      var pageNum = startPage + i;
-      var isValidPage = pageNum <= totalPages;
-      pages.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-        key: "page-btn-".concat(i),
-        onClick: function onClick() {
-          return isValidPage ? handlePageChange(pageNum) : null;
-        },
-        disabled: !isValidPage,
-        className: "pagination-button ".concat(isValidPage && currentPage === pageNum ? 'active' : '', " ").concat(!isValidPage ? 'disabled' : '')
-      }, isValidPage ? pageNum : '-'));
-    };
-    for (var i = 0; i < 3; i++) {
-      _loop();
-    }
-    return pages;
-  }(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: function onClick() {
-      return handlePageChange(currentPage + 1);
-    },
-    disabled: currentPage === totalPages,
-    className: "pagination-button"
-  }, "\u4E0B\u4E00\u9801"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: function onClick() {
-      return handlePageChange(totalPages);
-    },
-    disabled: currentPage === totalPages,
-    className: "pagination-button"
-  }, "\u672B\u9801")))), isDev && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("button", {
-    onClick: toggleInfiniteScroll,
-    className: "toggle-infinite-scroll-button"
-  }, isInfiniteScroll ? "切換到手動分頁" : "切換到無限滾動")));
-});
-UdiTable.displayName = 'UdiTable';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UdiTable);
-/***/ }),
-/***/ "./src/utils/formatDate.js":
-/*!*********************************!*\
-  !*** ./src/utils/formatDate.js ***!
-  \*********************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   formatDate: () => (/* binding */ formatDate)
-/* harmony export */ });
-function formatDate(date) {
-  return new Date(date).toLocaleDateString('zh-TW');
-}
-/***/ }),
-/***/ "./src/utils/helpers.js":
-/*!******************************!*\
-  !*** ./src/utils/helpers.js ***!
-  \******************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   isObject: () => (/* binding */ isObject),
-/* harmony export */   sleep: () => (/* binding */ sleep)
-/* harmony export */ });
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-/**
- * 判斷傳入值是否為純粹的物件（不包含陣列與 null）
- *
- * @param {*} val - 任意型別的值
- * @returns {boolean} - 若是純物件則回傳 true，否則回傳 false
- *
- * @example
- * isObject({})           // true
- * isObject([])           // false
- * isObject(null)         // false
- * isObject("string")     // false
- */
-var isObject = function isObject(val) {
-  return val !== null && _typeof(val) === 'object' && !Array.isArray(val);
-};
-/**
- * 等待指定時間後再繼續執行
- *
- * @param {number} time - 等待的時間（毫秒為單位，例如 1000 代表 1 秒）
- * @returns {Promise<void>} - 回傳一個 Promise，在指定毫秒數後 resolve
- *
- * @example
- * await sleep(1000); // 等待 1 秒
- */
-function sleep(time) {
-  // 建立一個 Promise，使用 setTimeout 來延遲執行 resolve
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, time);
-  });
-}
-/***/ }),
-/***/ "./src/utils/index.js":
-/*!****************************!*\
-  !*** ./src/utils/index.js ***!
-  \****************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   add: () => (/* reexport safe */ _math_js__WEBPACK_IMPORTED_MODULE_2__.add),
-/* harmony export */   formatDate: () => (/* reexport safe */ _formatDate_js__WEBPACK_IMPORTED_MODULE_0__.formatDate),
-/* harmony export */   isObject: () => (/* reexport safe */ _helpers_js__WEBPACK_IMPORTED_MODULE_1__.isObject),
-/* harmony export */   sleep: () => (/* reexport safe */ _helpers_js__WEBPACK_IMPORTED_MODULE_1__.sleep),
-/* harmony export */   subtract: () => (/* reexport safe */ _math_js__WEBPACK_IMPORTED_MODULE_2__.subtract)
-/* harmony export */ });
-/* harmony import */ var _formatDate_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatDate.js */ "./src/utils/formatDate.js");
-/* harmony import */ var _helpers_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers.js */ "./src/utils/helpers.js");
-/* harmony import */ var _math_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./math.js */ "./src/utils/math.js");
-/***/ }),
-/***/ "./src/utils/math.js":
-/*!***************************!*\
-  !*** ./src/utils/math.js ***!
-  \***************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   add: () => (/* binding */ add),
-/* harmony export */   subtract: () => (/* binding */ subtract)
-/* harmony export */ });
-// math.js
-function add(a, b) {
-  if (typeof a !== 'number' || typeof b !== 'number') {
-    throw new Error('參數必須是數字');
-  }
-  return a + b;
-}
-function subtract(a, b) {
-  if (typeof a !== 'number' || typeof b !== 'number') {
-    throw new Error('參數必須是數字');
-  }
-  return a - b;
-}
-/***/ }),
-/***/ "react":
-/*!************************!*\
-  !*** external "react" ***!
-  \************************/
-/***/ ((module) => {
-module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
-/***/ })
-/******/ });
-/************************************************************************/
-/******/ // The module cache
-/******/ var __webpack_module_cache__ = {};
-/******/
-/******/ // The require function
-/******/ function __webpack_require__(moduleId) {
-/******/ 	// Check if module is in cache
-/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 	if (cachedModule !== undefined) {
-/******/ 		return cachedModule.exports;
-/******/ 	}
-/******/ 	// Create a new module (and put it into the cache)
-/******/ 	var module = __webpack_module_cache__[moduleId] = {
-/******/ 		id: moduleId,
-/******/ 		// no module.loaded needed
-/******/ 		exports: {}
-/******/ 	};
-/******/
-/******/ 	// Execute the module function
-/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/
-/******/ 	// Return the exports of the module
-/******/ 	return module.exports;
-/******/ }
-/******/
-/************************************************************************/
-/******/ /* webpack/runtime/compat get default export */
-/******/ (() => {
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = (module) => {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			() => (module['default']) :
-/******/ 			() => (module);
-/******/ 		__webpack_require__.d(getter, { a: getter });
-/******/ 		return getter;
-/******/ 	};
-/******/ })();
-/******/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/
-/******/ /* webpack/runtime/make namespace object */
-/******/ (() => {
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = (exports) => {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/ })();
-/******/
-/******/ /* webpack/runtime/nonce */
-/******/ (() => {
-/******/ 	__webpack_require__.nc = undefined;
-/******/ })();
-/******/
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
-(() => {
-/*!**********************!*\
-  !*** ./src/index.js ***!
-  \**********************/
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   UdiTable: () => (/* reexport safe */ _components_udiTable_UdiTable_jsx__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   add: () => (/* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_1__.add),
-/* harmony export */   formatDate: () => (/* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_1__.formatDate),
-/* harmony export */   isObject: () => (/* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_1__.isObject),
-/* harmony export */   sleep: () => (/* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_1__.sleep),
-/* harmony export */   subtract: () => (/* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_1__.subtract),
-/* harmony export */   test01: () => (/* binding */ test01)
-/* harmony export */ });
-/* harmony import */ var _components_udiTable_UdiTable_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/udiTable/UdiTable.jsx */ "./src/components/udiTable/UdiTable.jsx");
-/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/index.js */ "./src/utils/index.js");
-function test01() {
-  console.log('Hello from Udi Package!');
-}
-})();
-const __webpack_exports__UdiTable = __webpack_exports__.UdiTable;
-const __webpack_exports__add = __webpack_exports__.add;
-const __webpack_exports__formatDate = __webpack_exports__.formatDate;
-const __webpack_exports__isObject = __webpack_exports__.isObject;
-const __webpack_exports__sleep = __webpack_exports__.sleep;
-const __webpack_exports__subtract = __webpack_exports__.subtract;
-const __webpack_exports__test01 = __webpack_exports__.test01;
-export { __webpack_exports__UdiTable as UdiTable, __webpack_exports__add as add, __webpack_exports__formatDate as formatDate, __webpack_exports__isObject as isObject, __webpack_exports__sleep as sleep, __webpack_exports__subtract as subtract, __webpack_exports__test01 as test01 };
-//# sourceMappingURL=index.js.map