@sunggang/ui-lib 0.2.93 → 0.2.94

package/index.esm2.js

@@ -17,7 +17,6 @@ import { Calendar as Calendar$4, DateRange } from 'react-date-range';
 import * as locales from 'react-date-range/dist/locale/index.js';
 import addDays from 'date-fns/addDays/index.js';
 import format$1 from 'date-fns/format/index.js';
-import FormControl from '@material-ui/core/FormControl';
 import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { ChevronRightIcon, CheckIcon, DotFilledIcon } from '@radix-ui/react-icons';
@@ -50,6 +49,9 @@ function Spin(props) {
 }
 
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
 function getAugmentedNamespace(n) {
     if (n.__esModule) return n;
     var a = Object.defineProperty({}, "__esModule", {
@@ -23204,6 +23206,559 @@ var ReactDateRange = function(param) {
     });
 };
 
+var dynamic$1 = {
+    exports: {}
+};
+
+var _interop_require_default$1 = {};
+
+_interop_require_default$1._ = _interop_require_default$1._interop_require_default = _interop_require_default;
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+
+var loadable_sharedRuntime = {};
+
+var loadableContext_sharedRuntime = {};
+
+(function (exports) {
+"use client";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LoadableContext", {
+    enumerable: true,
+    get: function get() {
+        return LoadableContext;
+    }
+});
+var _interop_require_default = _interop_require_default$1;
+var _react = /*#__PURE__*/ _interop_require_default._(React__default);
+var LoadableContext = _react.default.createContext(null);
+if (process.env.NODE_ENV !== "production") {
+    LoadableContext.displayName = "LoadableContext";
+} 
+}(loadableContext_sharedRuntime));
+
+(function (exports) {
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(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(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function get() {
+        return _default;
+    }
+});
+var _interop_require_default = _interop_require_default$1;
+var _react = /*#__PURE__*/ _interop_require_default._(React__default);
+var _loadablecontextsharedruntime = loadableContext_sharedRuntime;
+function resolve(obj) {
+    return obj && obj.default ? obj.default : obj;
+}
+var ALL_INITIALIZERS = [];
+var READY_INITIALIZERS = [];
+var initialized = false;
+function load(loader) {
+    var promise = loader();
+    var state = {
+        loading: true,
+        loaded: null,
+        error: null
+    };
+    state.promise = promise.then(function(loaded) {
+        state.loading = false;
+        state.loaded = loaded;
+        return loaded;
+    }).catch(function(err) {
+        state.loading = false;
+        state.error = err;
+        throw err;
+    });
+    return state;
+}
+function createLoadableComponent(loadFn, options) {
+    var opts = Object.assign({
+        loader: null,
+        loading: null,
+        delay: 200,
+        timeout: null,
+        webpack: null,
+        modules: null
+    }, options);
+    /** @type LoadableSubscription */ var subscription = null;
+    function init() {
+        if (!subscription) {
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            var sub = new LoadableSubscription(loadFn, opts);
+            subscription = {
+                getCurrentValue: sub.getCurrentValue.bind(sub),
+                subscribe: sub.subscribe.bind(sub),
+                retry: sub.retry.bind(sub),
+                promise: sub.promise.bind(sub)
+            };
+        }
+        return subscription.promise();
+    }
+    // Server only
+    if (typeof window === "undefined") {
+        ALL_INITIALIZERS.push(init);
+    }
+    // Client only
+    if (!initialized && typeof window !== "undefined") {
+        // require.resolveWeak check is needed for environments that don't have it available like Jest
+        var moduleIds = opts.webpack && typeof commonjsRequire.resolveWeak === "function" ? opts.webpack() : opts.modules;
+        if (moduleIds) {
+            READY_INITIALIZERS.push(function(ids) {
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    for(var _iterator = moduleIds[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var moduleId = _step.value;
+                        if (ids.includes(moduleId)) {
+                            return init();
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+            });
+        }
+    }
+    function useLoadableModule() {
+        init();
+        var context = _react.default.useContext(_loadablecontextsharedruntime.LoadableContext);
+        if (context && Array.isArray(opts.modules)) {
+            opts.modules.forEach(function(moduleName) {
+                context(moduleName);
+            });
+        }
+    }
+    function LoadableComponent(props, ref) {
+        useLoadableModule();
+        var state = _react.default.useSyncExternalStore(subscription.subscribe, subscription.getCurrentValue, subscription.getCurrentValue);
+        _react.default.useImperativeHandle(ref, function() {
+            return {
+                retry: subscription.retry
+            };
+        }, []);
+        return _react.default.useMemo(function() {
+            if (state.loading || state.error) {
+                return /*#__PURE__*/ _react.default.createElement(opts.loading, {
+                    isLoading: state.loading,
+                    pastDelay: state.pastDelay,
+                    timedOut: state.timedOut,
+                    error: state.error,
+                    retry: subscription.retry
+                });
+            } else if (state.loaded) {
+                return /*#__PURE__*/ _react.default.createElement(resolve(state.loaded), props);
+            } else {
+                return null;
+            }
+        }, [
+            props,
+            state
+        ]);
+    }
+    LoadableComponent.preload = function() {
+        return init();
+    };
+    LoadableComponent.displayName = "LoadableComponent";
+    return /*#__PURE__*/ _react.default.forwardRef(LoadableComponent);
+}
+var LoadableSubscription = /*#__PURE__*/ function() {
+    function LoadableSubscription(loadFn, opts) {
+        _class_call_check(this, LoadableSubscription);
+        this._loadFn = loadFn;
+        this._opts = opts;
+        this._callbacks = new Set();
+        this._delay = null;
+        this._timeout = null;
+        this.retry();
+    }
+    _create_class(LoadableSubscription, [
+        {
+            key: "promise",
+            value: function promise() {
+                return this._res.promise;
+            }
+        },
+        {
+            key: "retry",
+            value: function retry() {
+                var _this = this;
+                this._clearTimeouts();
+                this._res = this._loadFn(this._opts.loader);
+                this._state = {
+                    pastDelay: false,
+                    timedOut: false
+                };
+                var _this1 = this, res = _this1._res, opts = _this1._opts;
+                if (res.loading) {
+                    if (typeof opts.delay === "number") {
+                        if (opts.delay === 0) {
+                            this._state.pastDelay = true;
+                        } else {
+                            this._delay = setTimeout(function() {
+                                _this._update({
+                                    pastDelay: true
+                                });
+                            }, opts.delay);
+                        }
+                    }
+                    if (typeof opts.timeout === "number") {
+                        this._timeout = setTimeout(function() {
+                            _this._update({
+                                timedOut: true
+                            });
+                        }, opts.timeout);
+                    }
+                }
+                this._res.promise.then(function() {
+                    _this._update({});
+                    _this._clearTimeouts();
+                }).catch(function(_err) {
+                    _this._update({});
+                    _this._clearTimeouts();
+                });
+                this._update({});
+            }
+        },
+        {
+            key: "_update",
+            value: function _update(partial) {
+                this._state = _object_spread(_object_spread_props(_object_spread({}, this._state), {
+                    error: this._res.error,
+                    loaded: this._res.loaded,
+                    loading: this._res.loading
+                }), partial);
+                this._callbacks.forEach(function(callback) {
+                    return callback();
+                });
+            }
+        },
+        {
+            key: "_clearTimeouts",
+            value: function _clearTimeouts() {
+                clearTimeout(this._delay);
+                clearTimeout(this._timeout);
+            }
+        },
+        {
+            key: "getCurrentValue",
+            value: function getCurrentValue() {
+                return this._state;
+            }
+        },
+        {
+            key: "subscribe",
+            value: function subscribe(callback) {
+                var _this = this;
+                this._callbacks.add(callback);
+                return function() {
+                    _this._callbacks.delete(callback);
+                };
+            }
+        }
+    ]);
+    return LoadableSubscription;
+}();
+function Loadable(opts) {
+    return createLoadableComponent(load, opts);
+}
+function flushInitializers(initializers, ids) {
+    var promises = [];
+    while(initializers.length){
+        var init = initializers.pop();
+        promises.push(init(ids));
+    }
+    return Promise.all(promises).then(function() {
+        if (initializers.length) {
+            return flushInitializers(initializers, ids);
+        }
+    });
+}
+Loadable.preloadAll = function() {
+    return new Promise(function(resolveInitializers, reject) {
+        flushInitializers(ALL_INITIALIZERS).then(resolveInitializers, reject);
+    });
+};
+Loadable.preloadReady = function(ids) {
+    if (ids === void 0) ids = [];
+    return new Promise(function(resolvePreload) {
+        var res = function() {
+            initialized = true;
+            return resolvePreload();
+        };
+        // We always will resolve, errors should be handled within loading UIs.
+        flushInitializers(READY_INITIALIZERS, ids).then(res, res);
+    });
+};
+if (typeof window !== "undefined") {
+    window.__NEXT_PRELOADREADY = Loadable.preloadReady;
+}
+var _default = Loadable; 
+}(loadable_sharedRuntime));
+
+(function (module, exports) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(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(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    noSSR: function noSSR1() {
+        return noSSR;
+    },
+    default: function _default() {
+        return dynamic;
+    }
+});
+var _interop_require_default = _interop_require_default$1;
+var _react = /*#__PURE__*/ _interop_require_default._(React__default);
+var _loadablesharedruntime = /*#__PURE__*/ _interop_require_default._(loadable_sharedRuntime);
+var isServerSide = typeof window === "undefined";
+// Normalize loader to return the module as form { default: Component } for `React.lazy`.
+// Also for backward compatible since next/dynamic allows to resolve a component directly with loader
+// Client component reference proxy need to be converted to a module.
+function convertModule(mod) {
+    return {
+        default: (mod == null ? void 0 : mod.default) || mod
+    };
+}
+function noSSR(LoadableInitializer, loadableOptions) {
+    // Removing webpack and modules means react-loadable won't try preloading
+    delete loadableOptions.webpack;
+    delete loadableOptions.modules;
+    // This check is necessary to prevent react-loadable from initializing on the server
+    if (!isServerSide) {
+        return LoadableInitializer(loadableOptions);
+    }
+    var Loading = loadableOptions.loading;
+    // This will only be rendered on the server side
+    return function() {
+        return /*#__PURE__*/ _react.default.createElement(Loading, {
+            error: null,
+            isLoading: true,
+            pastDelay: false,
+            timedOut: false
+        });
+    };
+}
+function dynamic(dynamicOptions, options) {
+    var loadableFn = _loadablesharedruntime.default;
+    var loadableOptions = {
+        // A loading component is not required, so we default it
+        loading: function(param) {
+            var error = param.error, isLoading = param.isLoading, pastDelay = param.pastDelay;
+            if (!pastDelay) return null;
+            if (process.env.NODE_ENV !== "production") {
+                if (isLoading) {
+                    return null;
+                }
+                if (error) {
+                    return /*#__PURE__*/ _react.default.createElement("p", null, error.message, /*#__PURE__*/ _react.default.createElement("br", null), error.stack);
+                }
+            }
+            return null;
+        }
+    };
+    // Support for direct import(), eg: dynamic(import('../hello-world'))
+    // Note that this is only kept for the edge case where someone is passing in a promise as first argument
+    // The react-loadable babel plugin will turn dynamic(import('../hello-world')) into dynamic(() => import('../hello-world'))
+    // To make sure we don't execute the import without rendering first
+    if (_instanceof(dynamicOptions, Promise)) {
+        loadableOptions.loader = function() {
+            return dynamicOptions;
+        };
+    // Support for having import as a function, eg: dynamic(() => import('../hello-world'))
+    } else if (typeof dynamicOptions === "function") {
+        loadableOptions.loader = dynamicOptions;
+    // Support for having first argument being options, eg: dynamic({loader: import('../hello-world')})
+    } else if (typeof dynamicOptions === "object") {
+        loadableOptions = _object_spread({}, loadableOptions, dynamicOptions);
+    }
+    // Support for passing options, eg: dynamic(import('../hello-world'), {loading: () => <p>Loading something</p>})
+    loadableOptions = _object_spread({}, loadableOptions, options);
+    var loaderFn = loadableOptions.loader;
+    var loader = function() {
+        return loaderFn != null ? loaderFn().then(convertModule) : Promise.resolve(convertModule(function() {
+            return null;
+        }));
+    };
+    // coming from build/babel/plugins/react-loadable-plugin.js
+    if (loadableOptions.loadableGenerated) {
+        loadableOptions = _object_spread({}, loadableOptions, loadableOptions.loadableGenerated);
+        delete loadableOptions.loadableGenerated;
+    }
+    // support for disabling server side rendering, eg: dynamic(() => import('../hello-world'), {ssr: false}).
+    if (typeof loadableOptions.ssr === "boolean" && !loadableOptions.ssr) {
+        delete loadableOptions.webpack;
+        delete loadableOptions.modules;
+        return noSSR(loadableFn, loadableOptions);
+    }
+    return loadableFn(_object_spread_props(_object_spread({}, loadableOptions), {
+        loader: loader
+    }));
+}
+if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+    Object.defineProperty(exports.default, "__esModule", {
+        value: true
+    });
+    Object.assign(exports.default, exports);
+    module.exports = exports.default;
+} 
+}(dynamic$1, dynamic$1.exports));
+
+var dynamic = dynamic$1.exports;
+
 function _arrayWithHoles(r) {
     if (Array.isArray(r)) return r;
 }
@@ -47960,84 +48515,70 @@ var CityDistrict = function(param) {
                     /*#__PURE__*/ jsxs("div", {
                         className: "flex gap-2",
                         children: [
-                            /*#__PURE__*/ jsxs(FormControl, {
-                                fullWidth: true,
-                                variant: "outlined",
-                                className: "relative",
+                            /*#__PURE__*/ jsx$1("div", {
+                                className: "absolute w-12 h-11 top-0 right-0 z-5 flex items-center justify-center rounded-r-lg pointer-events-none",
+                                children: /*#__PURE__*/ jsx$1(Icon, {
+                                    className: "h-6 w-6",
+                                    icon: "ri:arrow-down-s-line",
+                                    color: "6f6f6f"
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs("select", _object_spread_props$4(_object_spread$7({
+                                className: [
+                                    (item === null || item === void 0 ? void 0 : item.disable) ? "text-[#B0B0B0] bg-[#E6E6E6] pointer-events-none" : "bg-white pointer-events-auto",
+                                    "customSelect w-full h-11 text-[15px] py-2 pr-4 rounded-lg text-[#6f6f6f] border border-solid border-gray-300",
+                                    (item === null || item === void 0 ? void 0 : item.icon) ? "pl-14" : "pl-4"
+                                ].join(" "),
+                                style: item === null || item === void 0 ? void 0 : item.style
+                            }, register((item === null || item === void 0 ? void 0 : item.cityName) || "", _object_spread$7({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                onChange: function(e) {
+                                    return handleCity(e, (item === null || item === void 0 ? void 0 : item.cityName) || "");
+                                },
                                 children: [
-                                    /*#__PURE__*/ jsx$1("div", {
-                                        className: "absolute w-12 h-11 top-0 right-0 z-5 flex items-center justify-center rounded-r-lg pointer-events-none",
-                                        children: /*#__PURE__*/ jsx$1(Icon, {
-                                            className: "h-6 w-6",
-                                            icon: "ri:arrow-down-s-line",
-                                            color: "6f6f6f"
-                                        })
+                                    /*#__PURE__*/ jsx$1("option", {
+                                        value: "",
+                                        children: "縣市"
                                     }),
-                                    /*#__PURE__*/ jsxs("select", _object_spread_props$4(_object_spread$7({
-                                        className: [
-                                            (item === null || item === void 0 ? void 0 : item.disable) ? "text-[#B0B0B0] bg-[#E6E6E6] pointer-events-none" : "bg-white pointer-events-auto",
-                                            "customSelect w-full h-11 text-[15px] py-2 pr-4 rounded-lg text-[#6f6f6f] border border-solid border-gray-300",
-                                            (item === null || item === void 0 ? void 0 : item.icon) ? "pl-14" : "pl-4"
-                                        ].join(" "),
-                                        style: item === null || item === void 0 ? void 0 : item.style
-                                    }, register((item === null || item === void 0 ? void 0 : item.cityName) || "", _object_spread$7({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
-                                        onChange: function(e) {
-                                            return handleCity(e, (item === null || item === void 0 ? void 0 : item.cityName) || "");
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ jsx$1("option", {
-                                                value: "",
-                                                children: "縣市"
-                                            }),
-                                            city.map(function(v) {
-                                                return /*#__PURE__*/ jsx$1("option", {
-                                                    value: v.name,
-                                                    children: v.name
-                                                }, v.name);
-                                            })
-                                        ]
-                                    }))
+                                    city.map(function(v) {
+                                        return /*#__PURE__*/ jsx$1("option", {
+                                            value: v.name,
+                                            children: v.name
+                                        }, v.name);
+                                    })
                                 ]
+                            })),
+                            /*#__PURE__*/ jsx$1("div", {
+                                className: "absolute w-12 h-11 top-0 right-0 z-5 flex items-center justify-center rounded-r-lg pointer-events-none",
+                                children: /*#__PURE__*/ jsx$1(Icon, {
+                                    className: "h-6 w-6",
+                                    icon: "ri:arrow-down-s-line",
+                                    color: "6f6f6f"
+                                })
                             }),
-                            /*#__PURE__*/ jsxs(FormControl, {
-                                fullWidth: true,
-                                variant: "outlined",
-                                className: "relative",
+                            /*#__PURE__*/ jsxs("select", _object_spread_props$4(_object_spread$7({
+                                className: [
+                                    (item === null || item === void 0 ? void 0 : item.disable) ? "text-[#B0B0B0] bg-[#E6E6E6] pointer-events-none" : "bg-white pointer-events-auto",
+                                    "customSelect w-full h-11 text-[15px] py-2 pr-4 rounded-lg text-[#6f6f6f] border border-solid border-gray-300",
+                                    (item === null || item === void 0 ? void 0 : item.subIcon) ? "pl-14" : "pl-4"
+                                ].join(" "),
+                                style: item === null || item === void 0 ? void 0 : item.style
+                            }, register((item === null || item === void 0 ? void 0 : item.districtName) || "", _object_spread$7({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                onChange: function(e) {
+                                    return handleCity(e, (item === null || item === void 0 ? void 0 : item.districtName) || "");
+                                },
                                 children: [
-                                    /*#__PURE__*/ jsx$1("div", {
-                                        className: "absolute w-12 h-11 top-0 right-0 z-5 flex items-center justify-center rounded-r-lg pointer-events-none",
-                                        children: /*#__PURE__*/ jsx$1(Icon, {
-                                            className: "h-6 w-6",
-                                            icon: "ri:arrow-down-s-line",
-                                            color: "6f6f6f"
-                                        })
+                                    !currentCity && /*#__PURE__*/ jsx$1("option", {
+                                        value: "",
+                                        children: "地區"
                                     }),
-                                    /*#__PURE__*/ jsxs("select", _object_spread_props$4(_object_spread$7({
-                                        className: [
-                                            (item === null || item === void 0 ? void 0 : item.disable) ? "text-[#B0B0B0] bg-[#E6E6E6] pointer-events-none" : "bg-white pointer-events-auto",
-                                            "customSelect w-full h-11 text-[15px] py-2 pr-4 rounded-lg text-[#6f6f6f] border border-solid border-gray-300",
-                                            (item === null || item === void 0 ? void 0 : item.subIcon) ? "pl-14" : "pl-4"
-                                        ].join(" "),
-                                        style: item === null || item === void 0 ? void 0 : item.style
-                                    }, register((item === null || item === void 0 ? void 0 : item.districtName) || "", _object_spread$7({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
-                                        onChange: function(e) {
-                                            return handleCity(e, (item === null || item === void 0 ? void 0 : item.districtName) || "");
-                                        },
-                                        children: [
-                                            !currentCity && /*#__PURE__*/ jsx$1("option", {
-                                                value: "",
-                                                children: "地區"
-                                            }),
-                                            district.map(function(v) {
-                                                return /*#__PURE__*/ jsx$1("option", {
-                                                    value: v.name,
-                                                    children: v.name
-                                                }, v.name);
-                                            })
-                                        ]
-                                    }))
+                                    district.map(function(v) {
+                                        return /*#__PURE__*/ jsx$1("option", {
+                                            value: v.name,
+                                            children: v.name
+                                        }, v.name);
+                                    })
                                 ]
-                            })
+                            }))
                         ]
                     }),
                     /*#__PURE__*/ jsx$1("div", {
@@ -48148,9 +48689,11 @@ function _unsupported_iterable_to_array$6(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$6(o, minLen);
 }
-// const BaseCkeditor = dynamic(() => import('../Ckeditor/BaseCkeditor'), {
-//   ssr: false,
-// });
+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;
@@ -48668,8 +49211,8 @@ var Row = function(param) {
                 return /*#__PURE__*/ jsx$1(City, _object_spread$6({}, baseConfig));
             case "city":
                 return /*#__PURE__*/ jsx$1(CityDistrict, _object_spread$6({}, baseConfig));
-            // case 'ckEditor':
-            //   return <BaseCkeditor {...baseConfig} />;
+            case "ckEditor":
+                return /*#__PURE__*/ jsx$1(BaseCkeditor, _object_spread$6({}, baseConfig));
             default:
                 return null;
         }
@@ -71154,4 +71697,4 @@ var useLiffContext = function() {
     return context;
 };
 
-export { useForm as A, BaseSwitch as B, CustomUpload as C, DropImage as D, Controller as E, FormProvider as F, City as G, Textarea as H, FieldLabel as I, Fields as J, Row as K, LiffContext as L, Form as M, ReactDateRange as R, Spin as S, TabsPanel as T, UiLibrary as U, __spreadArray as _, __read as a, __extends as b, __assign as c, __makeTemplateObject as d, __awaiter as e, __generator as f, commonjsGlobal as g, __values as h, DropDown as i, Switch as j, DateRangePicker as k, Button as l, buttonVariants as m, DataTable as n, BaseTable as o, Regex as p, verifyTaiwanIdIntermediateString as q, verifyId as r, verifyTaxId as s, BigCalender as t, DnDCalendar as u, validateMsg as v, CustomSelect as w, LiffProvider as x, useLiffContext as y, useFormContext as z };
+export { DnDCalendar as A, BaseSwitch as B, Controller as C, DropImage as D, CustomSelect as E, FieldLabel as F, LiffProvider as G, useLiffContext as H, FormProvider as I, useForm as J, City as K, LiffContext as L, Textarea as M, Fields as N, Row as O, Form as P, ReactDateRange as R, Spin as S, TabsPanel as T, UiLibrary as U, __spreadArray as _, __read as a, __extends as b, __assign as c, __makeTemplateObject as d, __awaiter as e, __generator as f, commonjsGlobal as g, __values as h, getAugmentedNamespace as i, getDefaultExportFromCjs as j, DropDown as k, CustomUpload as l, Switch as m, DateRangePicker as n, Button as o, propTypes$1 as p, buttonVariants as q, DataTable as r, BaseTable as s, Regex as t, useFormContext as u, validateMsg as v, verifyTaiwanIdIntermediateString as w, verifyId as x, verifyTaxId as y, BigCalender as z };