@sunggang/ui-lib 0.4.28 → 0.4.30

package/BaseCkeditor.cjs.js

@@ -7,7 +7,6 @@ var _commonjsHelpers = require('./_commonjsHelpers.cjs.js');
 var index_esm = require('./index.esm.cjs.js');
 var FieldLabel = require('./FieldLabel.cjs.js');
 var common = require('./common.cjs.js');
-require('@iconify/react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -66838,4 +66837,12 @@ var BaseCkeditor = function(param) {
     });
 };
 
-exports["default"] = BaseCkeditor;
+var BaseCkeditor$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': BaseCkeditor
+});
+
+exports.BaseCkeditor = BaseCkeditor;
+exports.BaseCkeditor$1 = BaseCkeditor$1;
+exports.Editor = Editor;
+exports.dist = dist;

package/BaseCkeditor.esm.js

@@ -5,7 +5,6 @@ import { g as getAugmentedNamespace, c as commonjsGlobal, b as getDefaultExportF
 import { a as useFormContext, C as Controller } from './index.esm.esm.js';
 import { F as FieldLabel } from './FieldLabel.esm.js';
 import { v as validateMsg } from './common.esm.js';
-import '@iconify/react';
 
 var dist = {
     exports: {}
@@ -66832,4 +66831,9 @@ var BaseCkeditor = function(param) {
     });
 };
 
-export { BaseCkeditor as default };
+var BaseCkeditor$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': BaseCkeditor
+});
+
+export { BaseCkeditor as B, Editor as E, BaseCkeditor$1 as a, dist as d };

package/CkEditor.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var BaseCkeditor = require('./BaseCkeditor.cjs.js');
-require('react/jsx-runtime');
+var jsxRuntime = require('react/jsx-runtime');
 require('react');
 require('./index.cjs2.js');
 require('./_commonjsHelpers.cjs.js');
@@ -12,6 +12,17 @@ require('./FieldLabel.cjs.js');
 require('@iconify/react');
 require('./common.cjs.js');
 
+var CkEditor = function(param) {
+    var content = param.content, setContent = param.setContent;
+    return /*#__PURE__*/ jsxRuntime.jsx(BaseCkeditor.dist.exports.CKEditor, {
+        editor: BaseCkeditor.Editor,
+        data: content,
+        onChange: function(_, editor) {
+            var data = editor.getData();
+            setContent(data);
+        }
+    });
+};
 
-
-exports.BaseCkeditor = BaseCkeditor["default"];
+exports.BaseCkeditor = BaseCkeditor.BaseCkeditor;
+exports.CkEditor = CkEditor;

package/CkEditor.esm.js

@@ -1,5 +1,6 @@
-export { default as BaseCkeditor } from './BaseCkeditor.esm.js';
-import 'react/jsx-runtime';
+import { d as dist, E as Editor } from './BaseCkeditor.esm.js';
+export { B as BaseCkeditor } from './BaseCkeditor.esm.js';
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import './index.esm2.js';
 import './_commonjsHelpers.esm.js';
@@ -7,3 +8,17 @@ import './index.esm.esm.js';
 import './FieldLabel.esm.js';
 import '@iconify/react';
 import './common.esm.js';
+
+var CkEditor = function(param) {
+    var content = param.content, setContent = param.setContent;
+    return /*#__PURE__*/ jsx(dist.exports.CKEditor, {
+        editor: Editor,
+        data: content,
+        onChange: function(_, editor) {
+            var data = editor.getData();
+            setContent(data);
+        }
+    });
+};
+
+export { CkEditor };

package/Form.cjs.js

@@ -7142,6 +7142,75 @@ var FlatpickrInput = /*#__PURE__*/ React.forwardRef(function(param, ref) {
                         // Single mode: 返回單一日期，預設行為會自動關閉
                         onChange(selectedDates.length > 0 ? selectedDates[0] : null);
                     }
+                },
+                // 在 flatpickr 準備就緒後設置時間選擇器的即時監聽
+                onReady: function(selectedDates, dateStr, instance) {
+                    if ((item === null || item === void 0 ? void 0 : item.flatpickrType) === "time") {
+                        // 使用 setTimeout 確保 DOM 完全渲染
+                        setTimeout(function() {
+                            var timeContainer = instance.timeContainer;
+                            if (timeContainer) {
+                                // 尋找所有可能的時間相關輸入元素
+                                var hourInput = timeContainer.querySelector("input.flatpickr-hour");
+                                var minuteInput = timeContainer.querySelector("input.flatpickr-minute");
+                                // 創建即時更新函數
+                                var updateTimeState = function() {
+                                    // 直接從輸入框獲取值並構建時間
+                                    var hourValue = hourInput ? hourInput.value : "0";
+                                    var minuteValue = minuteInput ? minuteInput.value : "0";
+                                    if (hourValue && minuteValue) {
+                                        // 創建今天的日期並設置時間
+                                        var today = new Date();
+                                        today.setHours(parseInt(hourValue, 10), parseInt(minuteValue, 10), 0, 0);
+                                        onChange([
+                                            today
+                                        ]);
+                                    }
+                                };
+                                // 綁定多種事件以確保即時性
+                                var events = [
+                                    "input",
+                                    "change",
+                                    "keyup",
+                                    "click"
+                                ];
+                                if (hourInput) {
+                                    events.forEach(function(eventType) {
+                                        hourInput.addEventListener(eventType, updateTimeState);
+                                    });
+                                }
+                                if (minuteInput) {
+                                    events.forEach(function(eventType) {
+                                        minuteInput.addEventListener(eventType, updateTimeState);
+                                    });
+                                }
+                                // 監聽時間容器內的所有變化（包括按鈕點擊）
+                                var observer = new MutationObserver(function(mutations) {
+                                    var shouldUpdate = false;
+                                    mutations.forEach(function(mutation) {
+                                        if (mutation.type === "attributes" || mutation.type === "childList") {
+                                            shouldUpdate = true;
+                                        }
+                                    });
+                                    if (shouldUpdate) {
+                                        setTimeout(updateTimeState, 10); // 短延遲確保值已更新
+                                    }
+                                });
+                                observer.observe(timeContainer, {
+                                    attributes: true,
+                                    childList: true,
+                                    subtree: true,
+                                    attributeFilter: [
+                                        "value"
+                                    ]
+                                });
+                                // 也監聽整個時間容器的點擊事件（箭頭按鈕）
+                                timeContainer.addEventListener("click", function() {
+                                    setTimeout(updateTimeState, 10);
+                                });
+                            }
+                        }, 100);
+                    }
                 }
             }));
         }
@@ -7153,12 +7222,6 @@ var FlatpickrInput = /*#__PURE__*/ React.forwardRef(function(param, ref) {
         item === null || item === void 0 ? void 0 : item.flatpickrType,
         onChange
     ]);
-    // const destroyFlatpickr = useCallback(() => {
-    //   if (flatpickrInstance.current) {
-    //     flatpickrInstance.current.destroy();
-    //     flatpickrInstance.current = null;
-    //   }
-    // }, []);
     var updateFlatpickr = React.useCallback(function(newValue) {
         if (flatpickrInstance.current) {
             // 如果值為 null 或 undefined，清除選擇
@@ -7405,7 +7468,7 @@ function _unsupported_iterable_to_array$2(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
 }
 var BaseCkeditor = dynamic__default["default"](function() {
-    return Promise.resolve().then(function () { return require('./BaseCkeditor.cjs.js'); });
+    return Promise.resolve().then(function () { return require('./BaseCkeditor.cjs.js'); }).then(function (n) { return n.BaseCkeditor$1; });
 }, {
     ssr: false
 });

package/Form.esm.js

@@ -7114,6 +7114,75 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
                         // Single mode: 返回單一日期，預設行為會自動關閉
                         onChange(selectedDates.length > 0 ? selectedDates[0] : null);
                     }
+                },
+                // 在 flatpickr 準備就緒後設置時間選擇器的即時監聽
+                onReady: function(selectedDates, dateStr, instance) {
+                    if ((item === null || item === void 0 ? void 0 : item.flatpickrType) === "time") {
+                        // 使用 setTimeout 確保 DOM 完全渲染
+                        setTimeout(function() {
+                            var timeContainer = instance.timeContainer;
+                            if (timeContainer) {
+                                // 尋找所有可能的時間相關輸入元素
+                                var hourInput = timeContainer.querySelector("input.flatpickr-hour");
+                                var minuteInput = timeContainer.querySelector("input.flatpickr-minute");
+                                // 創建即時更新函數
+                                var updateTimeState = function() {
+                                    // 直接從輸入框獲取值並構建時間
+                                    var hourValue = hourInput ? hourInput.value : "0";
+                                    var minuteValue = minuteInput ? minuteInput.value : "0";
+                                    if (hourValue && minuteValue) {
+                                        // 創建今天的日期並設置時間
+                                        var today = new Date();
+                                        today.setHours(parseInt(hourValue, 10), parseInt(minuteValue, 10), 0, 0);
+                                        onChange([
+                                            today
+                                        ]);
+                                    }
+                                };
+                                // 綁定多種事件以確保即時性
+                                var events = [
+                                    "input",
+                                    "change",
+                                    "keyup",
+                                    "click"
+                                ];
+                                if (hourInput) {
+                                    events.forEach(function(eventType) {
+                                        hourInput.addEventListener(eventType, updateTimeState);
+                                    });
+                                }
+                                if (minuteInput) {
+                                    events.forEach(function(eventType) {
+                                        minuteInput.addEventListener(eventType, updateTimeState);
+                                    });
+                                }
+                                // 監聽時間容器內的所有變化（包括按鈕點擊）
+                                var observer = new MutationObserver(function(mutations) {
+                                    var shouldUpdate = false;
+                                    mutations.forEach(function(mutation) {
+                                        if (mutation.type === "attributes" || mutation.type === "childList") {
+                                            shouldUpdate = true;
+                                        }
+                                    });
+                                    if (shouldUpdate) {
+                                        setTimeout(updateTimeState, 10); // 短延遲確保值已更新
+                                    }
+                                });
+                                observer.observe(timeContainer, {
+                                    attributes: true,
+                                    childList: true,
+                                    subtree: true,
+                                    attributeFilter: [
+                                        "value"
+                                    ]
+                                });
+                                // 也監聽整個時間容器的點擊事件（箭頭按鈕）
+                                timeContainer.addEventListener("click", function() {
+                                    setTimeout(updateTimeState, 10);
+                                });
+                            }
+                        }, 100);
+                    }
                 }
             }));
         }
@@ -7125,12 +7194,6 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
         item === null || item === void 0 ? void 0 : item.flatpickrType,
         onChange
     ]);
-    // const destroyFlatpickr = useCallback(() => {
-    //   if (flatpickrInstance.current) {
-    //     flatpickrInstance.current.destroy();
-    //     flatpickrInstance.current = null;
-    //   }
-    // }, []);
     var updateFlatpickr = useCallback(function(newValue) {
         if (flatpickrInstance.current) {
             // 如果值為 null 或 undefined，清除選擇
@@ -7377,7 +7440,7 @@ function _unsupported_iterable_to_array$2(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
 }
 var BaseCkeditor = dynamic(function() {
-    return import('./BaseCkeditor.esm.js');
+    return import('./BaseCkeditor.esm.js').then(function (n) { return n.a; });
 }, {
     ssr: false
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.4.28",
+  "version": "0.4.30",
   "sideEffects": [
     "*.css",
     "./src/style.css",
@@ -15,8 +15,8 @@
       "import": "./index.cjs.mjs",
       "default": "./index.cjs.js"
     },
-    "./style.css": "./index.esm.css",
-    "./index.esm.css": "./index.esm.css",
+    "./style.css": "./dist/index.esm.css",
+    "./index.esm.css": "./dist/index.esm.css",
     "./FormProvider": {
       "module": "./FormProvider.esm.js",
       "import": "./FormProvider.cjs.mjs",

package/src/CkEditor.d.ts

@@ -1 +1,2 @@
 export { default as BaseCkeditor } from './lib/Ckeditor/BaseCkeditor';
+export { default as CkEditor } from './lib/Ckeditor/index';