@sunggang/ui-lib 0.4.8 → 0.4.10

package/baseSwitch.esm.js

@@ -4,6 +4,7 @@ import React__default, { useState, useCallback, useLayoutEffect, useContext, use
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { c as cn } from './utils.esm.js';
 import { a as useFormContext, C as Controller } from './index.esm.esm.js';
+import dynamic from 'next/dynamic';
 import { _ as _objectSpread2, a as _typeof, b as _defineProperty, c as _extends$1 } from './setPrototypeOf.esm.js';
 import { _ as _objectWithoutProperties, a as _slicedToArray, b as _isNativeReflectConstruct, c as _getPrototypeOf, d as _possibleConstructorReturn, m as memoizeOne, e as _inherits, f as _classCallCheck, g as _toConsumableArray, h as _createClass } from './memoize-one.esm.esm.js';
 import { keyframes, jsx, css as css$2 } from '@emotion/react';
@@ -17,6 +18,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import { ChevronUpIcon, ChevronDownIcon, CheckIcon } from '@radix-ui/react-icons';
 import flatpickr from 'flatpickr';
 import Mandarin from 'flatpickr/dist/l10n/zh-tw.js';
+import 'flatpickr/dist/flatpickr.min.css';
 
 var _excluded$6 = [
     "defaultInputValue",
@@ -242,16 +244,16 @@ function getFrameElement(win) {
     return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
 
-function _array_like_to_array$6(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$6(arr) {
+function _array_with_holes$5(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$6(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$5(arr);
 }
 function _define_property$5(obj, key, value) {
     if (key in obj) {
@@ -269,7 +271,7 @@ function _define_property$5(obj, key, value) {
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$6(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 = [];
@@ -293,7 +295,7 @@ function _iterable_to_array_limit$6(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$6() {
+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() {
@@ -338,19 +340,19 @@ function _object_spread_props$5(target, source) {
     }
     return target;
 }
-function _sliced_to_array$6(arr, i) {
-    return _array_with_holes$6(arr) || _iterable_to_array_limit$6(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$6();
+function _sliced_to_array$5(arr, i) {
+    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$5();
 }
 function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$6(arr) || _non_iterable_spread();
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$5(arr) || _non_iterable_spread();
 }
-function _unsupported_iterable_to_array$6(o, minLen) {
+function _unsupported_iterable_to_array$5(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$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$6(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
 }
 function getCssDimensions(element) {
     var css = getComputedStyle$1(element);
@@ -576,7 +578,7 @@ function observeMove(element, onMove) {
     var resizeObserver = null;
     if (elementResize) {
         resizeObserver = new ResizeObserver(function(_ref) {
-            var _$_ref = _sliced_to_array$6(_ref, 1), firstEntry = _$_ref[0];
+            var _$_ref = _sliced_to_array$5(_ref, 1), firstEntry = _$_ref[0];
             if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
                 // Prevent update loops when using the `size` middleware.
                 // https://github.com/floating-ui/floating-ui/issues/1740
@@ -21136,12 +21138,12 @@ var validateMsg = function(errors, item) {
     return errorMsg;
 };
 
-/* eslint-disable react/jsx-props-no-spreading */ function _array_like_to_array$5(arr, len) {
+/* eslint-disable react/jsx-props-no-spreading */ 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$5(arr) {
+function _array_with_holes$4(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _define_property$4(obj, key, value) {
@@ -21157,7 +21159,7 @@ function _define_property$4(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit$5(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 = [];
@@ -21181,7 +21183,7 @@ function _iterable_to_array_limit$5(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$5() {
+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 _object_spread$4(target) {
@@ -21223,16 +21225,16 @@ function _object_spread_props$4(target, source) {
     }
     return target;
 }
-function _sliced_to_array$5(arr, i) {
-    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$5();
+function _sliced_to_array$4(arr, i) {
+    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
 }
-function _unsupported_iterable_to_array$5(o, minLen) {
+function _unsupported_iterable_to_array$4(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$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$5(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
 }
 // interface CityDistrictProps {
 //   item?: {
@@ -21261,9 +21263,9 @@ var CityDistrict = function(param) {
     var item = param.item;
     var _errors_city, _errors_district;
     var _useFormContext = useFormContext(), register = _useFormContext.register, setValue = _useFormContext.setValue, getValues = _useFormContext.getValues, errors = _useFormContext.formState.errors;
-    var _useState = _sliced_to_array$5(useState(null), 2), currentCity = _useState[0], setCurrentCity = _useState[1];
-    var _useState1 = _sliced_to_array$5(useState(DistrictData), 1), city = _useState1[0];
-    var _useState2 = _sliced_to_array$5(useState([]), 2), district = _useState2[0], setDistrict = _useState2[1];
+    var _useState = _sliced_to_array$4(useState(null), 2), currentCity = _useState[0], setCurrentCity = _useState[1];
+    var _useState1 = _sliced_to_array$4(useState(DistrictData), 1), city = _useState1[0];
+    var _useState2 = _sliced_to_array$4(useState([]), 2), district = _useState2[0], setDistrict = _useState2[1];
     var cityValue = getValues().city;
     var districtValue = getValues().district;
     useEffect(function() {
@@ -21399,15 +21401,15 @@ var CityDistrict = function(param) {
     }, v4());
 };
 
-function _array_like_to_array$4(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$4(arr) {
+function _array_with_holes$3(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$4(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 = [];
@@ -21431,23 +21433,23 @@ function _iterable_to_array_limit$4(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$4() {
+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$4(arr, i) {
-    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
+function _sliced_to_array$3(arr, i) {
+    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$3();
 }
-function _unsupported_iterable_to_array$4(o, minLen) {
+function _unsupported_iterable_to_array$3(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$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$4(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
 }
 var BaseTemplate = function(param) {
     var item = param.item, file = param.file, imageUrl = param.imageUrl, field = param.field;
-    var _useState = _sliced_to_array$4(useState(null), 2), tempImage = _useState[0], setTempImage = _useState[1];
+    var _useState = _sliced_to_array$3(useState(null), 2), tempImage = _useState[0], setTempImage = _useState[1];
     useEffect(function() {
         var fileReader;
         var isCancel = false;
@@ -21581,12 +21583,12 @@ var BaseTemplate = function(param) {
     });
 };
 
-function _array_like_to_array$3(arr, len) {
+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$3(arr) {
+function _array_with_holes$2(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _instanceof(left, right) {
@@ -21596,7 +21598,7 @@ function _instanceof(left, right) {
         return left instanceof right;
     }
 }
-function _iterable_to_array_limit$3(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 = [];
@@ -21620,25 +21622,25 @@ function _iterable_to_array_limit$3(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$3() {
+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$3(arr, i) {
-    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$3();
+function _sliced_to_array$2(arr, i) {
+    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest$2();
 }
-function _unsupported_iterable_to_array$3(o, minLen) {
+function _unsupported_iterable_to_array$2(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$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$3(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
 }
 var CustomUpload = function(param) {
     var item = param.item, field = param.field;
     var imageMimeType = /image\/(png|jpg|jpeg)/i;
     var DEFAULT_IMAGE_SIZE_LIMIT_IN_BYTES = (item === null || item === void 0 ? void 0 : item.limitSize) || 5242880;
-    var _useState = _sliced_to_array$3(useState(null), 2), modal = _useState[0], setModal = _useState[1];
+    var _useState = _sliced_to_array$2(useState(null), 2), modal = _useState[0], setModal = _useState[1];
     var hiddenFileInput = useRef(null);
     useEffect(function() {
         if (modal) {
@@ -22018,15 +22020,15 @@ var BaseSelect = function(param) {
     });
 };
 
-function _array_like_to_array$2(arr, len) {
+function _array_like_to_array$1(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$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$2(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 = [];
@@ -22050,27 +22052,27 @@ function _iterable_to_array_limit$2(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$2() {
+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$2(arr, i) {
-    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest$2();
+function _sliced_to_array$1(arr, i) {
+    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
 }
-function _unsupported_iterable_to_array$2(o, minLen) {
+function _unsupported_iterable_to_array$1(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$1(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$1(o, minLen);
 }
 var DropdownList = function(param) {
     var item = param.item, onUtilsReady = param.onUtilsReady;
     var _item_option, _item_validateOption, _errors_funeralLocation;
     var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors;
     var dropdownRef = useRef(null);
-    var _useState = _sliced_to_array$2(useState(""), 2), query = _useState[0], setQuery = _useState[1];
-    var _useState1 = _sliced_to_array$2(useState(false), 2), open = _useState1[0], setOpen = _useState1[1];
+    var _useState = _sliced_to_array$1(useState(""), 2), query = _useState[0], setQuery = _useState[1];
+    var _useState1 = _sliced_to_array$1(useState(false), 2), open = _useState1[0], setOpen = _useState1[1];
     var filtered = (item === null || item === void 0 ? void 0 : (_item_option = item.option) === null || _item_option === void 0 ? void 0 : _item_option.filter(function(opt) {
         var _opt_name;
         return opt === null || opt === void 0 ? void 0 : (_opt_name = opt.name) === null || _opt_name === void 0 ? void 0 : _opt_name.toLowerCase().includes(query.toLowerCase());
@@ -22322,7 +22324,9 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
                                 instance.close();
                             }, 50);
                         }
-                    } else if (mode === "multiple" || (item === null || item === void 0 ? void 0 : item.flatpickrType) === "time") ; else {
+                    } else if (mode === "multiple" || (item === null || item === void 0 ? void 0 : item.flatpickrType) === "time") {
+                        onChange(selectedDates);
+                    } else {
                         // Single mode: 返回單一日期，預設行為會自動關閉
                         onChange(selectedDates.length > 0 ? selectedDates[0] : null);
                     }
@@ -22399,7 +22403,8 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
                 placeholder: (item === null || item === void 0 ? void 0 : item.placeholder) || "請選擇日期",
                 style: item === null || item === void 0 ? void 0 : item.style,
                 disabled: isDisabled,
-                readOnly: true
+                readOnly: true,
+                autoComplete: "off"
             }),
             (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ jsx$1("div", {
                 className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none",
@@ -22454,319 +22459,6 @@ var FlatpickrField = function(param) {
     });
 };
 
-function _array_like_to_array$1(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) {
-    if (Array.isArray(arr)) return arr;
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-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 = [];
-    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$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$1(arr, i) {
-    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
-}
-function _unsupported_iterable_to_array$1(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1(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$1(o, minLen);
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
-// 動態組件載入映射表 - 使用 webpack 魔法註釋進行條件載入
-var componentLoaders = {
-    ckEditor: /*#__PURE__*/ _async_to_generator(function() {
-        var module;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        import(/* webpackChunkName: "ck-editor" */ /* webpackPreload: false */ './BaseCkeditor.esm.js')
-                    ];
-                case 1:
-                    module = _state.sent();
-                    return [
-                        2,
-                        module.default || module
-                    ];
-            }
-        });
-    })
-};
-// 分析配置中實際使用的類型
-function analyzeUsedTypes(formConfig) {
-    var usedTypes = new Set();
-    var traverseConfig = function(items) {
-        if (Array.isArray(items)) {
-            if (items.length > 0 && Array.isArray(items[0])) {
-                // 這是 FormItem[][]
-                items.forEach(function(row) {
-                    return traverseConfig(row);
-                });
-            } else {
-                // 這是 FormItem[]
-                items.forEach(function(item) {
-                    return traverseConfig(item);
-                });
-            }
-        } else if (items && typeof items === "object") {
-            if (items.type) {
-                usedTypes.add(items.type);
-            }
-        }
-    };
-    traverseConfig(formConfig);
-    return usedTypes;
-}
-// 動態載入 Hook
-function useDynamicComponents(formConfig) {
-    var _useState = _sliced_to_array$1(useState({}), 2), loadedComponents = _useState[0], setLoadedComponents = _useState[1];
-    var _useState1 = _sliced_to_array$1(useState(true), 2), isLoading = _useState1[0], setIsLoading = _useState1[1];
-    useEffect(function() {
-        var usedTypes = analyzeUsedTypes(formConfig);
-        // 如果配置中沒有需要動態載入的組件，直接結束
-        var needToLoad = Object.keys(componentLoaders).filter(function(key) {
-            return usedTypes.has(key);
-        });
-        if (needToLoad.length === 0) {
-            setIsLoading(false);
-            return;
-        }
-        // 記錄哪些組件類型需要載入
-        console.log("需要動態載入的組件類型:", needToLoad);
-        // 載入需要的組件
-        var loadPromises = needToLoad.map(function() {
-            var _ref = _async_to_generator(function(key) {
-                var component, error;
-                return _ts_generator(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            _state.trys.push([
-                                0,
-                                2,
-                                ,
-                                3
-                            ]);
-                            console.log("開始載入組件: ".concat(key));
-                            return [
-                                4,
-                                componentLoaders[key]()
-                            ];
-                        case 1:
-                            component = _state.sent();
-                            console.log("成功載入組件: ".concat(key));
-                            return [
-                                2,
-                                {
-                                    key: key,
-                                    component: component
-                                }
-                            ];
-                        case 2:
-                            error = _state.sent();
-                            console.error("Failed to load component ".concat(key, ":"), error);
-                            return [
-                                2,
-                                {
-                                    key: key,
-                                    component: null
-                                }
-                            ];
-                        case 3:
-                            return [
-                                2
-                            ];
-                    }
-                });
-            });
-            return function(key) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-        Promise.all(loadPromises).then(function(results) {
-            var loadedMap = {};
-            results.forEach(function(param) {
-                var key = param.key, component = param.component;
-                if (component) {
-                    loadedMap[key] = component;
-                }
-            });
-            console.log("所有動態組件載入完成:", Object.keys(loadedMap));
-            setLoadedComponents(loadedMap);
-            setIsLoading(false);
-        }).catch(function(error) {
-            console.error("Failed to load dynamic components:", error);
-            setIsLoading(false);
-        });
-    }, [
-        formConfig
-    ]);
-    return {
-        loadedComponents: loadedComponents,
-        isLoading: isLoading
-    };
-}
-// 創建一個動態組件渲染器
-function createDynamicComponent(type, loadedComponents) {
-    if (type === "ckEditor" && loadedComponents.ckEditor) {
-        return loadedComponents.ckEditor;
-    }
-    // 如果組件沒有載入，返回 null
-    return null;
-}
-
 /* eslint-disable react/no-array-index-key */ /* eslint-disable react/prop-types */ function _array_like_to_array(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];
@@ -22865,6 +22557,11 @@ function _unsupported_iterable_to_array(o, minLen) {
     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(o, minLen);
 }
+var BaseCkeditor = dynamic(function() {
+    return import('./BaseCkeditor.esm.js');
+}, {
+    ssr: false
+});
 var TextField = function(param) {
     var item = param.item;
     var _useFormContext = useFormContext(), register = _useFormContext.register, setValue = _useFormContext.setValue, errors = _useFormContext.formState.errors;
@@ -23429,8 +23126,6 @@ var FieldLabel = function(param) {
 };
 var Fields = function(param) {
     var formConfig = param.formConfig, _param_fieldsClass = param.fieldsClass, fieldsClass = _param_fieldsClass === void 0 ? "gap-2" : _param_fieldsClass;
-    var _useDynamicComponents = useDynamicComponents(formConfig), loadedComponents = _useDynamicComponents.loadedComponents, isLoading = _useDynamicComponents.isLoading;
-    if (isLoading) return null;
     return !!(formConfig === null || formConfig === void 0 ? void 0 : formConfig.length) && (formConfig === null || formConfig === void 0 ? void 0 : formConfig.map(function(item, index) {
         return /*#__PURE__*/ jsx$1(StyleField, {
             children: /*#__PURE__*/ jsx$1("div", {
@@ -23439,8 +23134,7 @@ var Fields = function(param) {
                     "justify-start"
                 ].join(" "),
                 children: /*#__PURE__*/ jsx$1(Row, {
-                    rowItems: item,
-                    loadedComponents: loadedComponents
+                    rowItems: item
                 })
             })
         }, "mainField-".concat(index));
@@ -23490,7 +23184,7 @@ var CustomUploadField = function(param) {
     });
 };
 var Row = function(param) {
-    var rowItems = param.rowItems, _param_loadedComponents = param.loadedComponents, loadedComponents = _param_loadedComponents === void 0 ? {} : _param_loadedComponents;
+    var rowItems = param.rowItems;
     return rowItems.map(function(item, index) {
         var baseConfig = {
             item: item
@@ -23549,16 +23243,9 @@ var Row = function(param) {
                     key: "rowField-".concat(index)
                 }));
             case "ckEditor":
-                {
-                    var DynamicCkEditor = createDynamicComponent("ckEditor", loadedComponents);
-                    if (DynamicCkEditor) {
-                        return /*#__PURE__*/ createElement(DynamicCkEditor, _object_spread_props$1(_object_spread$1({}, baseConfig), {
-                            key: "rowField-".concat(index)
-                        }));
-                    }
-                    // 如果 CkEditor 沒有載入，顯示佔位符
-                    return null;
-                }
+                return /*#__PURE__*/ createElement(BaseCkeditor, _object_spread_props$1(_object_spread$1({}, baseConfig), {
+                    key: "rowField-".concat(index)
+                }));
             case "upload":
                 return /*#__PURE__*/ createElement(CustomUploadField, _object_spread_props$1(_object_spread$1({}, baseConfig), {
                     key: "rowField-".concat(index)
@@ -23586,10 +23273,7 @@ var Form = {
     City: City,
     CityDistrict: CityDistrict,
     CheckboxField: CheckboxField,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    BaseCkeditor: function() {
-        return null;
-    },
+    BaseCkeditor: BaseCkeditor,
     Dropdown: DropdownList,
     FlatpickrField: FlatpickrField
 };