@sunggang/ui-lib 0.3.2 → 0.3.4

package/BaseCkeditor.esm.js

@@ -19,6 +19,7 @@ import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
 import '@mui/material';
+import 'input-otp';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';
@@ -13932,6 +13933,32 @@ function _ts_values(o) {
                 ]);
                 var a = s;
             },
+            203: function(t, e, n) {
+                n.d(e, {
+                    A: function() {
+                        return a;
+                    }
+                });
+                var o = n(4991), i = n.n(o), r = n(6314), s = n.n(r)()(i());
+                s.push([
+                    t.id,
+                    ".ckEditorModal{background:rgba(0,0,0,.5);height:100vh;left:0;position:absolute;position:fixed;top:0;width:100vw;z-index:100}.ckEditorModalContent{background:#fff;border-radius:.5rem;height:160px;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:360px}.ckEditorModalTitle{font-size:1.5rem;font-weight:500}.ckEditorModalTextArea{padding:1rem}.ckEditorModalText{color:#565656;padding:.25rem}.ckEditorCloseButton{background-color:#d3d3d3;border-radius:.25rem;cursor:pointer;font-weight:700;line-height:1.5rem;margin-left:auto;text-align:center;width:1.5rem}.ckEditorCloseButton:hover{background-color:#a9a9a9}",
+                    "",
+                    {
+                        version: 3,
+                        sources: [
+                            "webpack://./src/style.css"
+                        ],
+                        names: [],
+                        mappings: "AAAA,eAME,yBAA8B,CAF9B,YAAa,CAFb,MAAQ,CAGR,iBAAkB,CAGlB,cAAe,CAPf,KAAO,CAEP,WAAY,CAIZ,WAEF,CAEA,sBACE,eAAgB,CAQhB,mBAAqB,CAPrB,YAAa,CACb,QAAS,CAKT,YAAa,CAJb,iBAAkB,CAClB,OAAQ,CACR,8BAAgC,CAChC,WAGF,CAEA,oBACE,gBAAiB,CACjB,eACF,CAEA,uBACE,YACF,CAEA,mBACE,aAAc,CACd,cACF,CAEA,qBAME,wBAA2B,CAD3B,oBAAsB,CADtB,cAAe,CAIf,eAAgB,CANhB,kBAAmB,CAKnB,gBAAiB,CAJjB,iBAAkB,CAFlB,YAQF,CAEA,2BACE,wBACF",
+                        sourcesContent: [
+                            ".ckEditorModal {\n  top: 0%;\n  left: 0%;\n  width: 100vw;\n  height: 100vh;\n  position: absolute;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 100;\n  position: fixed;\n}\n\n.ckEditorModalContent {\n  background: #fff;\n  height: 160px;\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 360px;\n  padding: 1rem;\n  border-radius: 0.5rem;\n}\n\n.ckEditorModalTitle {\n  font-size: 1.5rem;\n  font-weight: 500;\n}\n\n.ckEditorModalTextArea {\n  padding: 1rem;\n}\n\n.ckEditorModalText {\n  color: #565656;\n  padding: 0.25rem;\n}\n\n.ckEditorCloseButton {\n  width: 1.5rem;\n  line-height: 1.5rem;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 0.25rem;\n  background-color: lightgray;\n  margin-left: auto;\n  font-weight: 700;\n}\n\n.ckEditorCloseButton:hover {\n  background-color: darkgray;\n}\n"
+                        ],
+                        sourceRoot: ""
+                    }
+                ]);
+                var a = s;
+            },
             426: function(t, e, n) {
                 n.d(e, {
                     A: function() {
@@ -16063,7 +16090,7 @@ function _ts_values(o) {
         var o = {};
         n.d(o, {
             default: function() {
-                return lD;
+                return cD;
             }
         });
         var i = function i() {
@@ -54035,7 +54062,7 @@ function _ts_values(o) {
         ];
         var wC = {
             normalizeStyles: function normalizeStyles(t) {
-                return (t.configuredStyles.options || []).map(function(t) {
+                var e = (t.configuredStyles.options || []).map(function(t) {
                     return function(t) {
                         t = "string" == typeof t ? pC[t] ? _object_spread({}, pC[t]) : {
                             name: t
@@ -54071,6 +54098,7 @@ function _ts_values(o) {
                         return !0;
                     }(e, t);
                 });
+                return e;
             },
             getDefaultStylesConfiguration: function getDefaultStylesConfiguration(t, e) {
                 return t && e ? {
@@ -63834,13 +63862,22 @@ function _ts_values(o) {
             ]);
             return oD;
         }(ge);
-        var iD = 512e3;
-        var rD = /*#__PURE__*/ function() {
-            function rD(t, e) {
-                _class_call_check(this, rD);
-                this.loader = t, this.uploadUrl = e.uploadUrl || "https://dev-api-web.sunggang.com.tw/file_upload/upload_pic/event", this.fieldName = e.fieldName || "pic_file", this.authToken = e.authToken;
+        var iD = n(203), rD = {
+            injectType: "singletonStyleTag",
+            attributes: {
+                "data-cke": !0
+            },
+            insert: "head",
+            singleton: !0
+        };
+        Xr()(iD.A, rD);
+        iD.A.locals;
+        var sD = /*#__PURE__*/ function() {
+            function sD(t, e) {
+                _class_call_check(this, sD);
+                this.loader = t, this.uploadUrl = (e === null || e === void 0 ? void 0 : e.uploadUrl) || "https://dev-api-web.sunggang.com.tw/file_upload/upload_pic/event", this.fieldName = (e === null || e === void 0 ? void 0 : e.fieldName) || "pic_file", this.authToken = e === null || e === void 0 ? void 0 : e.authToken, this.imageSize = (e === null || e === void 0 ? void 0 : e.imageSize) || 512e3;
             }
-            _create_class(rD, [
+            _create_class(sD, [
                 {
                     key: "upload",
                     value: function upload() {
@@ -63867,7 +63904,7 @@ function _ts_values(o) {
                 {
                     key: "_errorContent",
                     value: function _errorContent(t) {
-                        return '\n        <div class="ckEditorModalTitle">選擇的檔案大小超過限制!</div>\n        <hr />\n        <div  class="ckEditorModalTextArea">\n            <div class="ckEditorModalText">\n                選擇的檔案大小：\n                '.concat((t.size / 1024 / 1024).toFixed(3), 'MB\n            </div>\n                \n            <div class="ckEditorModalText">\n                上限：\n                ').concat((500 / 1024).toFixed(3), "MB\n            </div>\n        </div>\n    ");
+                        return '\n        <div class="ckEditorModalTitle">選擇的檔案大小超過限制!</div>\n        <hr />\n        <div  class="ckEditorModalTextArea">\n            <div class="ckEditorModalText">\n                選擇的檔案大小：\n                '.concat((t.size / 1024 / 1024).toFixed(3), 'MB\n            </div>\n                \n            <div class="ckEditorModalText">\n                上限：\n                ').concat((this.imageSize / 1024 / 1024).toFixed(3), "MB\n            </div>\n        </div>\n    ");
                     }
                 },
                 {
@@ -63884,8 +63921,8 @@ function _ts_values(o) {
                     key: "_initRequest",
                     value: function _initRequest(t, e) {
                         var _$n = this.xhr = new XMLHttpRequest;
-                        if (e.size > iD) return this._renderModal(this._errorContent(e)), void t();
-                        _$n.open("POST", "https://dev-api-web.sunggang.com.tw/file_upload/upload_pic/event"), _$n.responseType = "json";
+                        if (e.size > this.imageSize) return this._renderModal(this._errorContent(e)), void t();
+                        _$n.open("POST", this.uploadUrl), _$n.responseType = "json";
                     }
                 },
                 {
@@ -63910,17 +63947,24 @@ function _ts_values(o) {
                 {
                     key: "_sendRequest",
                     value: function _sendRequest(t) {
-                        var _n_state;
+                        var _o_state;
                         var e = new FormData;
-                        e.append(this.fieldName, t, t.name), console.log(this.fieldName), console.log(this.uploadUrl);
-                        var _$n = JSON.parse(localStorage.getItem("sg-auth-storage")), o = (_$n === null || _$n === void 0 ? void 0 : (_n_state = _$n.state) === null || _n_state === void 0 ? void 0 : _n_state.access_token) || _$n, i = this.authToken || o;
-                        i && this.xhr.setRequestHeader("Authorization", i), this.xhr.send(e);
+                        e.append(this.fieldName, t, t.name), console.log(this.fieldName), console.log(this.uploadUrl), console.log(this.imageSize);
+                        var _$n = localStorage.getItem("sg-auth-storage");
+                        var o = {};
+                        try {
+                            o = JSON.parse(_$n || "{}");
+                        } catch (t) {
+                            console.warn("Failed to parse auth storage:", t);
+                        }
+                        var i = (o === null || o === void 0 ? void 0 : (_o_state = o.state) === null || _o_state === void 0 ? void 0 : _o_state.access_token) || o, r = this.authToken || i;
+                        r && this.xhr.setRequestHeader("Authorization", r), this.xhr.send(e);
                     }
                 }
             ]);
-            return rD;
+            return sD;
         }();
-        var sD = {
+        var aD = {
             columns: 9,
             documentColors: 9,
             colors: [
@@ -64394,16 +64438,16 @@ function _ts_values(o) {
                 }
             ]
         };
-        var aD = /*#__PURE__*/ function(fg) {
-            _inherits(aD, fg);
-            var _super = _create_super(aD);
-            function aD() {
-                _class_call_check(this, aD);
+        var lD = /*#__PURE__*/ function(fg) {
+            _inherits(lD, fg);
+            var _super = _create_super(lD);
+            function lD() {
+                _class_call_check(this, lD);
                 return _super.apply(this, arguments);
             }
-            return aD;
+            return lD;
         }(fg);
-        aD.builtinPlugins = [
+        lD.builtinPlugins = [
             /*#__PURE__*/ function(ge) {
                 _inherits(_class, ge);
                 var _super = _create_super(_class);
@@ -66642,15 +66686,16 @@ function _ts_values(o) {
                 ]);
                 return _class;
             }(ge)
-        ], aD.defaultConfig = {
+        ], lD.defaultConfig = {
             extraPlugins: [
                 function(t) {
                     t.plugins.get("FileRepository").createUploadAdapter = function(e) {
-                        var _ref = t.config.get("customUpload") || {}, _$n = _ref.uploadUrl, o = _ref.fieldName, i = _ref.authToken;
-                        return new rD(e, {
+                        var _ref = t.config.get("customUpload") || {}, _$n = _ref.uploadUrl, o = _ref.fieldName, i = _ref.authToken, r = _ref.imageSize;
+                        return new sD(e, {
                             uploadUrl: _$n,
                             fieldName: o,
-                            authToken: i
+                            authToken: i,
+                            imageSize: r
                         });
                     };
                 }
@@ -66691,8 +66736,8 @@ function _ts_values(o) {
                 ],
                 shouldNotGroupWhenFull: !0
             },
-            fontColor: _object_spread({}, sD),
-            fontBackgroundColor: _object_spread({}, sD),
+            fontColor: _object_spread({}, aD),
+            fontBackgroundColor: _object_spread({}, aD),
             fontSize: {
                 options: [
                     9,
@@ -66736,7 +66781,7 @@ function _ts_values(o) {
                 ]
             }
         };
-        var lD = aD;
+        var cD = lD;
         return o = o.default;
     }();
 }); 
@@ -66769,7 +66814,7 @@ var BaseCkeditor = function(param) {
                         editor: Editor,
                         data: value,
                         config: {
-                            customUpload: config
+                            customUpload: config || (item === null || item === void 0 ? void 0 : item.config)
                         },
                         onChange: function(_, editor) {
                             var data = editor.getData();

package/index.esm.js

@@ -1,4 +1,4 @@
-export { B as BaseSwitch, s as BaseTable, z as BigCalender, o as Button, K as City, C as Controller, E as CustomSelect, l as CustomUpload, r as DataTable, n as DateRangePicker, A as DnDCalendar, k as DropDown, D as DropImage, F as FieldLabel, N as Fields, P as Form, I as FormProvider, L as LiffContext, G as LiffProvider, R as ReactDateRange, t as Regex, O as Row, S as Spin, m as Switch, T as TabsPanel, M as Textarea, U as UiLibrary, q as buttonVariants, J as useForm, u as useFormContext, H as useLiffContext, v as validateMsg, x as verifyId, w as verifyTaiwanIdIntermediateString, y as verifyTaxId } from './index.esm2.js';
+export { B as BaseSwitch, w as BaseTable, G as BigCalender, q as Button, P as City, C as Controller, J as CustomSelect, l as CustomUpload, t as DataTable, n as DateRangePicker, H as DnDCalendar, x as Drawer, k as DropDown, D as DropImage, F as FieldLabel, V as Fields, X as Form, N as FormProvider, I as InputOTPs, L as LiffContext, K as LiffProvider, R as ReactDateRange, y as Regex, W as Row, o as SingleDatePicker, S as Spin, s as StackCards, m as Switch, T as TabsPanel, Q as Textarea, U as UiLibrary, r as buttonVariants, O as useForm, u as useFormContext, M as useLiffContext, v as validateMsg, A as verifyId, z as verifyTaiwanIdIntermediateString, E as verifyTaxId } from './index.esm2.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@iconify/react';
@@ -19,6 +19,7 @@ import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
 import '@mui/material';
+import 'input-otp';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';