@sunggang/ui-lib 0.1.80 → 0.1.82

package/index.esm.js

@@ -1118,13 +1118,13 @@ var PropTypes = propTypes$1.exports;
  * See the {@glink features/watchdog Watchdog feature guide} to learn the rationale behind it and how to use it.
  *
  * @internal
- */ function _array_like_to_array$8(arr, len) {
+ */ function _array_like_to_array$9(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$3(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$8(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$9(arr);
 }
 function _class_call_check$2(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -1159,15 +1159,15 @@ function _non_iterable_spread$3() {
     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 _to_consumable_array$3(arr) {
-    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$8(arr) || _non_iterable_spread$3();
+    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$9(arr) || _non_iterable_spread$3();
 }
-function _unsupported_iterable_to_array$8(o, minLen) {
+function _unsupported_iterable_to_array$9(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$8(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$9(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$9(o, minLen);
 }
 var Watchdog = /*#__PURE__*/ function() {
     function Watchdog(config) {
@@ -3754,12 +3754,12 @@ var now$1 = now;
 /**
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */ function _array_like_to_array$7(arr, len) {
+ */ function _array_like_to_array$8(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$5(arr) {
+function _array_with_holes$6(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _assert_this_initialized$1(self) {
@@ -3835,7 +3835,7 @@ function _inherits$2(subClass, superClass) {
     });
     if (superClass) _set_prototype_of$1(subClass, superClass);
 }
-function _iterable_to_array_limit$5(arr, i) {
+function _iterable_to_array_limit$6(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -3859,7 +3859,7 @@ function _iterable_to_array_limit$5(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$5() {
+function _non_iterable_rest$6() {
     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 _object_spread$a(target) {
@@ -3877,7 +3877,7 @@ function _object_spread$a(target) {
     }
     return target;
 }
-function ownKeys$9(object, enumerableOnly) {
+function ownKeys$a(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -3890,12 +3890,12 @@ function ownKeys$9(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$6(target, source) {
+function _object_spread_props$7(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$9(Object(source)).forEach(function(key) {
+        ownKeys$a(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -3941,8 +3941,8 @@ function _set_prototype_of$1(o, p) {
     };
     return _set_prototype_of$1(o, p);
 }
-function _sliced_to_array$5(arr, i) {
-    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$5();
+function _sliced_to_array$6(arr, i) {
+    return _array_with_holes$6(arr) || _iterable_to_array_limit$6(arr, i) || _unsupported_iterable_to_array$8(arr, i) || _non_iterable_rest$6();
 }
 function _super_prop_base$1(object, property) {
     while(!Object.prototype.hasOwnProperty.call(object, property)){
@@ -3955,13 +3955,13 @@ function _type_of$a(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$7(o, minLen) {
+function _unsupported_iterable_to_array$8(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$8(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
 }
 function _is_native_reflect_construct$1() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
@@ -4109,7 +4109,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
                     try {
                         // Traverse through the roots saved when the editor crashed and set up the discussed values.
                         for(var _iterator = Object.entries(_this._data.roots)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                            var _step_value = _sliced_to_array$5(_step.value, 2), rootName = _step_value[0], rootData = _step_value[1];
+                            var _step_value = _sliced_to_array$6(_step.value, 2), rootName = _step_value[0], rootData = _step_value[1];
                             if (rootData.isLoaded) {
                                 existingRoots[rootName] = "";
                                 rootsAttributes[rootName] = oldRootsAttributes[rootName] || {};
@@ -4131,7 +4131,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
                             }
                         }
                     }
-                    var updatedConfig = _object_spread_props$6(_object_spread$a({}, _this._config), {
+                    var updatedConfig = _object_spread_props$7(_object_spread$a({}, _this._config), {
                         extraPlugins: _this._config.extraPlugins || [],
                         lazyRoots: lazyRoots,
                         rootsAttributes: rootsAttributes,
@@ -4469,14 +4469,14 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
                 var _this = this;
                 var editor = this.editor;
                 Object.entries(this._data.roots).forEach(function(param) {
-                    var _param = _sliced_to_array$5(param, 2), rootName = _param[0], _param_ = _param[1], content = _param_.content, attributes = _param_.attributes;
+                    var _param = _sliced_to_array$6(param, 2), rootName = _param[0], _param_ = _param[1], content = _param_.content, attributes = _param_.attributes;
                     var parsedNodes = JSON.parse(content);
                     var parsedAttributes = JSON.parse(attributes);
                     var rootElement = editor.model.document.getRoot(rootName);
                     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                     try {
                         for(var _iterator = parsedAttributes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                            var _step_value = _sliced_to_array$5(_step.value, 2), key = _step_value[0], value = _step_value[1];
+                            var _step_value = _sliced_to_array$6(_step.value, 2), key = _step_value[0], value = _step_value[1];
                             writer.setAttribute(key, value, rootElement);
                         }
                     } catch (err) {
@@ -4516,7 +4516,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
                     }
                 });
                 Object.entries(this._data.markers).forEach(function(param) {
-                    var _param = _sliced_to_array$5(param, 2), markerName = _param[0], markerOptions = _param[1];
+                    var _param = _sliced_to_array$6(param, 2), markerName = _param[0], markerOptions = _param[1];
                     var document = editor.model.document;
                     var _markerOptions_rangeJSON = markerOptions.rangeJSON, start = _markerOptions_rangeJSON.start, end = _markerOptions_rangeJSON.end, options = _object_without_properties$7(markerOptions, [
                         "rangeJSON"
@@ -68730,7 +68730,7 @@ function _iterableToArray$2(iter) {
 function _arrayWithoutHoles$2(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
 }
-function ownKeys$8(object, enumerableOnly) {
+function ownKeys$9(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -68743,9 +68743,9 @@ function ownKeys$8(object, enumerableOnly) {
 function _objectSpread$1(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$8(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$9(Object(source), !0).forEach(function(key) {
             _defineProperty$3(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -69139,7 +69139,7 @@ function _iterableToArrayLimit$1(arr, i) {
 function _arrayWithHoles$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function ownKeys$7(object, enumerableOnly) {
+function ownKeys$8(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -69152,9 +69152,9 @@ function ownKeys$7(object, enumerableOnly) {
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$7(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$8(Object(source), !0).forEach(function(key) {
             _defineProperty$2(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -70145,7 +70145,7 @@ function _defineProperty$1(e, r, t) {
     }) : e[r] = t, e;
 }
 
-function ownKeys$6(e, r) {
+function ownKeys$7(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -70158,9 +70158,9 @@ function ownKeys$6(e, r) {
 function _objectSpread2$7(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys$6(Object(t), !0).forEach(function(r) {
+        r % 2 ? ownKeys$7(Object(t), !0).forEach(function(r) {
             _defineProperty$1(e, r, t[r]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function(r) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function(r) {
             Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
         });
     }
@@ -79554,7 +79554,7 @@ function _object_spread$9(target) {
     }
     return target;
 }
-function ownKeys$5(object, enumerableOnly) {
+function ownKeys$6(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -79567,12 +79567,12 @@ function ownKeys$5(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$5(target, source) {
+function _object_spread_props$6(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$5(Object(source)).forEach(function(key) {
+        ownKeys$6(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -79586,7 +79586,7 @@ var DragDropImages = function(param) {
             droppableId: "droppable-imageUrls",
             direction: "horizontal",
             children: function(provided) {
-                return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
+                return /*#__PURE__*/ jsxs("div", _object_spread_props$6(_object_spread$9({
                     ref: provided.innerRef
                 }, provided.droppableProps), {
                     className: "flex gap-2 overflow-scroll",
@@ -79596,7 +79596,7 @@ var DragDropImages = function(param) {
                                 draggableId: item === null || item === void 0 ? void 0 : item.id,
                                 index: index,
                                 children: function(provided) {
-                                    return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
+                                    return /*#__PURE__*/ jsxs("div", _object_spread_props$6(_object_spread$9({
                                         ref: provided.innerRef
                                     }, provided.draggableProps, provided.dragHandleProps), {
                                         className: "w-24 my-2 rounded-lg bg-gray-200",
@@ -79636,16 +79636,16 @@ var DragDropImages = function(param) {
     });
 };
 
-function _array_like_to_array$6(arr, len) {
+function _array_like_to_array$7(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$4(arr) {
+function _array_with_holes$5(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes$2(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$6(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$7(arr);
 }
 function _define_property$8(obj, key, value) {
     if (key in obj) {
@@ -79663,7 +79663,7 @@ function _define_property$8(obj, key, value) {
 function _iterable_to_array$2(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$4(arr, i) {
+function _iterable_to_array_limit$5(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -79687,7 +79687,7 @@ function _iterable_to_array_limit$4(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$4() {
+function _non_iterable_rest$5() {
     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 _non_iterable_spread$2() {
@@ -79708,7 +79708,7 @@ function _object_spread$8(target) {
     }
     return target;
 }
-function ownKeys$4(object, enumerableOnly) {
+function ownKeys$5(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -79721,34 +79721,34 @@ function ownKeys$4(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$4(target, source) {
+function _object_spread_props$5(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$4(Object(source)).forEach(function(key) {
+        ownKeys$5(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _sliced_to_array$4(arr, i) {
-    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$4();
+function _sliced_to_array$5(arr, i) {
+    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$5();
 }
 function _to_consumable_array$2(arr) {
-    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$6(arr) || _non_iterable_spread$2();
+    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$7(arr) || _non_iterable_spread$2();
 }
-function _unsupported_iterable_to_array$6(o, minLen) {
+function _unsupported_iterable_to_array$7(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$6(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$6(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
 }
 var DropImage = function(param) {
     var _param_preview = param.preview, preview = _param_preview === void 0 ? true : _param_preview, setFiles = param.setFiles, imageUrls = param.imageUrls, setImageUrls = param.setImageUrls;
-    var _useState = _sliced_to_array$4(useState([]), 2), previewFiles = _useState[0], setPreviewFiles = _useState[1];
+    var _useState = _sliced_to_array$5(useState([]), 2), previewFiles = _useState[0], setPreviewFiles = _useState[1];
     useEffect(function() {
         setPreviewFiles(imageUrls);
     }, [
@@ -79785,10 +79785,10 @@ var DropImage = function(param) {
     var onDragEnd = function(result) {
         if (!result.destination) return;
         var newItems = _to_consumable_array$2(previewFiles);
-        var _newItems_splice = _sliced_to_array$4(newItems.splice(result.source.index, 1), 1), reorderedItem = _newItems_splice[0];
+        var _newItems_splice = _sliced_to_array$5(newItems.splice(result.source.index, 1), 1), reorderedItem = _newItems_splice[0];
         newItems.splice(result.destination.index, 0, reorderedItem);
         var reSortItem = newItems.map(function(item, index) {
-            return _object_spread_props$4(_object_spread$8({}, item), {
+            return _object_spread_props$5(_object_spread$8({}, item), {
                 index: index + 1
             });
         });
@@ -79803,7 +79803,7 @@ var DropImage = function(param) {
     return /*#__PURE__*/ jsxs("section", {
         className: "w-full",
         children: [
-            /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({}, getRootProps({
+            /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$8({}, getRootProps({
                 className: "dropzone"
             })), {
                 children: [
@@ -79951,15 +79951,15 @@ var Modal = function(param) {
     });
 };
 
-function _array_like_to_array$5(arr, len) {
+function _array_like_to_array$6(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$3(arr) {
+function _array_with_holes$4(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$3(arr, i) {
+function _iterable_to_array_limit$4(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -79983,23 +79983,23 @@ function _iterable_to_array_limit$3(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$3() {
+function _non_iterable_rest$4() {
     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 _sliced_to_array$3(arr, i) {
-    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$3();
+function _sliced_to_array$4(arr, i) {
+    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$4();
 }
-function _unsupported_iterable_to_array$5(o, minLen) {
+function _unsupported_iterable_to_array$6(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$6(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$6(o, minLen);
 }
 var BaseTemplate = function(param) {
     var file = param.file, imageUrl = param.imageUrl;
-    var _useState = _sliced_to_array$3(useState(null), 2), tempImage = _useState[0], setTempImage = _useState[1];
+    var _useState = _sliced_to_array$4(useState(null), 2), tempImage = _useState[0], setTempImage = _useState[1];
     useEffect(function() {
         var fileReader;
         var isCancel = false;
@@ -80060,15 +80060,15 @@ var BaseTemplate = function(param) {
     });
 };
 
-function _array_like_to_array$4(arr, len) {
+function _array_like_to_array$5(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$2(arr) {
+function _array_with_holes$3(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$2(arr, i) {
+function _iterable_to_array_limit$3(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -80092,25 +80092,25 @@ function _iterable_to_array_limit$2(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$2() {
+function _non_iterable_rest$3() {
     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 _sliced_to_array$2(arr, i) {
-    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$2();
+function _sliced_to_array$3(arr, i) {
+    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$3();
 }
-function _unsupported_iterable_to_array$4(o, minLen) {
+function _unsupported_iterable_to_array$5(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
 }
 var CustomUpload = function(param) {
     var className = param.className, children = param.children, file = param.file, setFile = param.setFile, imageUrl = param.imageUrl, setImageUrl = param.setImageUrl;
     var imageMimeType = /image\/(png|jpg|jpeg)/i;
     var DEFAULT_IMAGE_SIZE_LIMIT_IN_BYTES = 5120000; // 5000 KB
-    var _useState = _sliced_to_array$2(useState(null), 2), modal = _useState[0], setModal = _useState[1];
+    var _useState = _sliced_to_array$3(useState(null), 2), modal = _useState[0], setModal = _useState[1];
     var hiddenFileInput = useRef(null);
     var handleImageClick = function() {
         var _hiddenFileInput_current;
@@ -80236,7 +80236,7 @@ function _object_spread$7(target) {
     }
     return target;
 }
-function ownKeys$3(object, enumerableOnly) {
+function ownKeys$4(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -80249,12 +80249,12 @@ function ownKeys$3(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$3(target, source) {
+function _object_spread_props$4(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$3(Object(source)).forEach(function(key) {
+        ownKeys$4(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -80291,7 +80291,7 @@ var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties$6(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$3(_object_spread$7({
+    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$4(_object_spread$7({
         className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className)
     }, props), {
         ref: ref,
@@ -80330,6 +80330,30 @@ function _object_spread$6(target) {
     }
     return target;
 }
+function ownKeys$3(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$3(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$3(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _object_without_properties$5(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose$5(source, excluded);
@@ -80380,21 +80404,31 @@ var buttonVariants = cva("inline-flex items-center justify-center whitespace-now
     }
 });
 var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties$5(_param, [
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, children = _param.children, props = _object_without_properties$5(_param, [
         "className",
         "variant",
         "size",
-        "asChild"
+        "asChild",
+        "isLoading",
+        "children"
     ]);
     var Comp = asChild ? Slot : "button";
-    return /*#__PURE__*/ jsx(Comp, _object_spread$6({
+    return /*#__PURE__*/ jsxs(Comp, _object_spread_props$3(_object_spread$6({
         className: cn(buttonVariants({
             variant: variant,
             size: size,
             className: className
-        })),
+        }), isLoading ? "pointer-events-none opacity-30" : "pointer-events-auto opacity-100"),
         ref: ref
-    }, props));
+    }, props), {
+        disabled: isLoading || props.disabled,
+        children: [
+            isLoading && /*#__PURE__*/ jsx("div", {
+                className: "w-4 h-4 rounded-full border-2 border-solid border-white border-t-[#939393] animate-spin mr-2"
+            }),
+            children
+        ]
+    }));
 });
 
 function _define_property$5(obj, key, value) {
@@ -80694,15 +80728,15 @@ function DateRangePicker(param) {
     });
 }
 
-function _array_like_to_array$3(arr, len) {
+function _array_like_to_array$4(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$1(arr) {
+function _array_with_holes$2(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$1(arr, i) {
+function _iterable_to_array_limit$2(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -80726,30 +80760,30 @@ function _iterable_to_array_limit$1(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$1() {
+function _non_iterable_rest$2() {
     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 _sliced_to_array$1(arr, i) {
-    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$1();
+function _sliced_to_array$2(arr, i) {
+    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$2();
 }
-function _unsupported_iterable_to_array$3(o, minLen) {
+function _unsupported_iterable_to_array$4(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$3(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
 }
 var ReactDateRange = function(param) {
     var className = param.className, item = param.item, onChange = param.onChange, dates = param.dates, date = param.date;
-    var _useState = _sliced_to_array$1(useState("zhTW"), 1), locale = _useState[0];
-    var _useState1 = _sliced_to_array$1(useState(""), 2), calendarData = _useState1[0], setCalendarData = _useState1[1];
-    var _useState2 = _sliced_to_array$1(useState({
+    var _useState = _sliced_to_array$2(useState("zhTW"), 1), locale = _useState[0];
+    var _useState1 = _sliced_to_array$2(useState(""), 2), calendarData = _useState1[0], setCalendarData = _useState1[1];
+    var _useState2 = _sliced_to_array$2(useState({
         startDate: new Date(),
         endDate: addDays(new Date(), 7),
         key: "selection"
     }), 2), range = _useState2[0], setRange = _useState2[1];
-    var _useState3 = _sliced_to_array$1(useState(false), 2), open = _useState3[0], setOpen = _useState3[1];
+    var _useState3 = _sliced_to_array$2(useState(false), 2), open = _useState3[0], setOpen = _useState3[1];
     var refOne = useRef(null);
     var hideOnEscape = function(e) {
         if (e.key === "Escape") {
@@ -81350,15 +81384,15 @@ var TablePagination = function(param) {
     });
 };
 
-function _array_like_to_array$2(arr, len) {
+function _array_like_to_array$3(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes(arr) {
+function _array_with_holes$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit(arr, i) {
+function _iterable_to_array_limit$1(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -81382,19 +81416,19 @@ function _iterable_to_array_limit(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest() {
+function _non_iterable_rest$1() {
     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 _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest();
+function _sliced_to_array$1(arr, i) {
+    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$1();
 }
-function _unsupported_iterable_to_array$2(o, minLen) {
+function _unsupported_iterable_to_array$3(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$3(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
 }
 var DataTable = function(param) {
     var data = param.data, filterColumn = param.filterColumn, columns = param.columns, _param_searchData = param.searchData, searchData = _param_searchData === void 0 ? {
@@ -81403,10 +81437,10 @@ var DataTable = function(param) {
         name: ""
     } : _param_searchData;
     var _table_getColumn, _table_getRowModel_rows;
-    var _useState = _sliced_to_array(useState([]), 2), sorting = _useState[0], setSorting = _useState[1];
-    var _useState1 = _sliced_to_array(useState([]), 2), columnFilters = _useState1[0], setColumnFilters = _useState1[1];
-    var _useState2 = _sliced_to_array(useState({}), 2), columnVisibility = _useState2[0], setColumnVisibility = _useState2[1];
-    var _useState3 = _sliced_to_array(useState({}), 2), rowSelection = _useState3[0], setRowSelection = _useState3[1];
+    var _useState = _sliced_to_array$1(useState([]), 2), sorting = _useState[0], setSorting = _useState[1];
+    var _useState1 = _sliced_to_array$1(useState([]), 2), columnFilters = _useState1[0], setColumnFilters = _useState1[1];
+    var _useState2 = _sliced_to_array$1(useState({}), 2), columnVisibility = _useState2[0], setColumnVisibility = _useState2[1];
+    var _useState3 = _sliced_to_array$1(useState({}), 2), rowSelection = _useState3[0], setRowSelection = _useState3[1];
     var table = useReactTable({
         data: data,
         columns: columns,
@@ -81528,6 +81562,306 @@ var DataTable = function(param) {
     });
 };
 
+var BasePagination = function(param) {
+    var table = param.table, total = param.total, handleLastPageClick = param.handleLastPageClick;
+    var setPageIndex = table.setPageIndex, getCanPreviousPage = table.getCanPreviousPage, getCanNextPage = table.getCanNextPage, getPageCount = table.getPageCount, previousPage = table.previousPage, nextPage = table.nextPage, getState = table.getState;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center flex-wrap",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex gap-2 items-center text-md font-medium",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: "每頁"
+                    }),
+                    /*#__PURE__*/ jsx("select", {
+                        name: "",
+                        id: "",
+                        onChange: function(e) {
+                            return table.setPageSize(e.target.value);
+                        },
+                        className: "border inline-flex gap-4 w-[70px] cursor-pointer rounded-md p-1",
+                        children: [
+                            "5",
+                            "10",
+                            "20",
+                            "50",
+                            "100"
+                        ].map(function(row) {
+                            return /*#__PURE__*/ jsx("option", {
+                                value: row,
+                                className: "mt-2",
+                                children: row
+                            }, row);
+                        })
+                    }),
+                    "筆"
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "text-gray-400 text-sm pl-4",
+                children: [
+                    "共",
+                    total,
+                    "筆資料"
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex gap-8 justify-end",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex w-[140px] items-center justify-start lg:justify-center text-md font-medium",
+                        children: [
+                            "頁數 \xa0 ",
+                            /*#__PURE__*/ jsx("strong", {
+                                children: getState().pagination.pageIndex + 1
+                            }),
+                            "\xa0 / ",
+                            getPageCount()
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex gap-2 [&>button]:h-8 [&>button]:w-8 [&>button]:border [&>button]:border-gray-300 [&>button]:rounded-md [&>button]:grid [&>button]:place-items-center [&>button:disabled]:opacity-50 [&>button:disabled]:border-gray-200 ",
+                        children: [
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                disabled: !getCanPreviousPage(),
+                                onClick: function() {
+                                    return setPageIndex(0);
+                                },
+                                children: "<<"
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                disabled: !getCanPreviousPage(),
+                                onClick: previousPage,
+                                children: "<"
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                disabled: !getCanNextPage(),
+                                onClick: nextPage,
+                                children: ">"
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                disabled: !getCanNextPage(),
+                                onClick: function() {
+                                    return handleLastPageClick ? handleLastPageClick() : setPageIndex(getPageCount() - 1);
+                                },
+                                children: ">>"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+function _array_like_to_array$2(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    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 _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array$2(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
+}
+var BaseTable = function(param) {
+    var data = param.data, mappingColumn = param.mappingColumn, columns = param.columns, searchData = param.searchData, paginationConfig = param.paginationConfig, SearchSelectCP = param.SearchSelectCP;
+    var _table_getRowModel_rows, _table_getRowModel, _table_getRowModel_rows1, _table_getRowModel1;
+    var _useState = _sliced_to_array(useState([]), 2), sorting = _useState[0], setSorting = _useState[1];
+    var _useState1 = _sliced_to_array(useState([]), 2), columnFilters = _useState1[0], setColumnFilters = _useState1[1];
+    var _useState2 = _sliced_to_array(useState({}), 2), columnVisibility = _useState2[0], setColumnVisibility = _useState2[1];
+    var _useState3 = _sliced_to_array(useState({}), 2), rowSelection = _useState3[0], setRowSelection = _useState3[1];
+    var total = paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.total;
+    var page = paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.page;
+    var limit = paginationConfig === null || paginationConfig === void 0 ? void 0 : paginationConfig.limit;
+    var table = useReactTable({
+        data: data,
+        columns: columns,
+        onSortingChange: setSorting,
+        onColumnFiltersChange: setColumnFilters,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: setRowSelection,
+        state: {
+            sorting: sorting,
+            columnFilters: columnFilters,
+            columnVisibility: columnVisibility,
+            rowSelection: rowSelection,
+            pagination: {
+                pageIndex: page - 1,
+                pageSize: limit
+            }
+        },
+        pageCount: Math.ceil(total / limit),
+        manualPagination: true,
+        onPaginationChange: function(updater) {
+            if (typeof updater === "function") {
+                paginationConfig.onPageChange(updater({
+                    pageIndex: page,
+                    pageSize: limit
+                }));
+            }
+        }
+    });
+    var handleLastPageClick = function() {
+        var lastPage = Math.ceil(total / limit);
+        paginationConfig.onPageChange({
+            pageIndex: lastPage,
+            pageSize: limit
+        });
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "w-full",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center py-4 gap-2 flex-wrap",
+                children: [
+                    (searchData === null || searchData === void 0 ? void 0 : searchData.length) ? searchData.map(function(item)  {
+                        var _table_getColumn;
+                        var _table_getColumn_getFilterValue;
+                        return jsx(Input, {
+                            placeholder: item === null || item === void 0 ? void 0 : item.label,
+                            value: (_table_getColumn_getFilterValue = (_table_getColumn = table.getColumn(item === null || item === void 0 ? void 0 : item.name)) === null || _table_getColumn === void 0 ? void 0 : _table_getColumn.getFilterValue()) !== null && _table_getColumn_getFilterValue !== void 0 ? _table_getColumn_getFilterValue : "",
+                            onChange: function(event) {
+                                var _table_getColumn;
+                                return (_table_getColumn = table.getColumn(item === null || item === void 0 ? void 0 : item.name)) === null || _table_getColumn === void 0 ? void 0 : _table_getColumn.setFilterValue(event.target.value);
+                            },
+                            className: "w-full lg:w-60"
+                        }, item === null || item === void 0 ? void 0 : item.name);
+                    }) : null,
+                    /*#__PURE__*/ jsx("div", {
+                        className: "w-64",
+                        children: SearchSelectCP
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenu, {
+                        children: [
+                            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                                asChild: true,
+                                children: /*#__PURE__*/ jsxs(Button, {
+                                    variant: "outline",
+                                    className: "ml-auto",
+                                    children: [
+                                        "欄位篩選 ",
+                                        /*#__PURE__*/ jsx(ChevronDown, {
+                                            className: "ml-2 h-4 w-4"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(DropdownMenuContent, {
+                                align: "end",
+                                children: table.getAllColumns().filter(function(column) {
+                                    return column === null || column === void 0 ? void 0 : column.getCanHide();
+                                }).map(function(column) {
+                                    return /*#__PURE__*/ jsx(DropdownMenuCheckboxItem, {
+                                        className: "capitalize",
+                                        checked: column === null || column === void 0 ? void 0 : column.getIsVisible(),
+                                        onCheckedChange: function(value) {
+                                            return column === null || column === void 0 ? void 0 : column.toggleVisibility(!!value);
+                                        },
+                                        children: mappingColumn[column === null || column === void 0 ? void 0 : column.id]
+                                    }, column === null || column === void 0 ? void 0 : column.id);
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "rounded-md border",
+                children: /*#__PURE__*/ jsxs(Table, {
+                    children: [
+                        /*#__PURE__*/ jsx(TableHeader, {
+                            children: table.getHeaderGroups().map(function(headerGroup) {
+                                return /*#__PURE__*/ jsx(TableRow, {
+                                    children: headerGroup === null || headerGroup === void 0 ? void 0 : headerGroup.headers.map(function(header) {
+                                        var _header_column_columnDef, _header_column;
+                                        return /*#__PURE__*/ jsx(TableHead, {
+                                            children: header.isPlaceholder ? null : flexRender(header === null || header === void 0 ? void 0 : (_header_column = header.column) === null || _header_column === void 0 ? void 0 : (_header_column_columnDef = _header_column.columnDef) === null || _header_column_columnDef === void 0 ? void 0 : _header_column_columnDef.header, header === null || header === void 0 ? void 0 : header.getContext())
+                                        }, header.id);
+                                    })
+                                }, headerGroup === null || headerGroup === void 0 ? void 0 : headerGroup.id);
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(TableBody, {
+                            children: ((_table_getRowModel = table.getRowModel()) === null || _table_getRowModel === void 0 ? void 0 : (_table_getRowModel_rows = _table_getRowModel.rows) === null || _table_getRowModel_rows === void 0 ? void 0 : _table_getRowModel_rows.length) ? (_table_getRowModel1 = table.getRowModel()) === null || _table_getRowModel1 === void 0 ? void 0 : (_table_getRowModel_rows1 = _table_getRowModel1.rows) === null || _table_getRowModel_rows1 === void 0 ? void 0 : _table_getRowModel_rows1.map(function(row) {
+                                return /*#__PURE__*/ jsx(TableRow, {
+                                    "data-state": (row === null || row === void 0 ? void 0 : row.getIsSelected()) && "selected",
+                                    children: row === null || row === void 0 ? void 0 : row.getVisibleCells().map(function(cell) {
+                                        var _cell_column_columnDef, _cell_column;
+                                        return /*#__PURE__*/ jsx(TableCell, {
+                                            className: "min-w-[2rem]",
+                                            children: flexRender(cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : _cell_column_columnDef.cell, cell === null || cell === void 0 ? void 0 : cell.getContext())
+                                        }, cell === null || cell === void 0 ? void 0 : cell.id);
+                                    })
+                                }, row === null || row === void 0 ? void 0 : row.id);
+                            }) : /*#__PURE__*/ jsx(TableRow, {
+                                children: /*#__PURE__*/ jsx(TableCell, {
+                                    colSpan: columns === null || columns === void 0 ? void 0 : columns.length,
+                                    className: "h-24 text-center",
+                                    children: "無資料"
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "flex items-center justify-end space-x-2 py-4",
+                children: /*#__PURE__*/ jsx(BasePagination, {
+                    table: table,
+                    total: total,
+                    handleLastPageClick: handleLastPageClick
+                })
+            })
+        ]
+    });
+};
+
 var phone = /^09\d{8}$/;
 var email = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/i;
 var birthday = /^(19|20)\d\d[-](0[1-9]|1[012])[-](0[1-9]|[12][0-9]|3[01])$/;
@@ -102043,4 +102377,4 @@ function DnDCalendar(props) {
     });
 }
 
-export { BigCalender, CkEditor, CustomUpload, DataTable, DateRangePicker, DnDCalendar, DropImage, ReactDateRange, Regex, Spin, Switch, UiLibrary, decryptByEcPay, encryptByEcPay, verifyId, verifyTaxId };
+export { BaseTable, BigCalender, CkEditor, CustomUpload, DataTable, DateRangePicker, DnDCalendar, DropImage, ReactDateRange, Regex, Spin, Switch, UiLibrary, decryptByEcPay, encryptByEcPay, verifyId, verifyTaxId };