@sunggang/ui-lib 0.3.8 → 0.3.10

package/BaseCkeditor.esm.js

@@ -66794,7 +66794,7 @@ var BaseCkeditor = function(param) {
     var _item_validateOption;
     var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors;
     return /*#__PURE__*/ jsx(Controller, {
-        name: item.name,
+        name: item === null || item === void 0 ? void 0 : item.name,
         control: control,
         rules: (item === null || item === void 0 ? void 0 : (_item_validateOption = item.validateOption) === null || _item_validateOption === void 0 ? void 0 : _item_validateOption.required) ? {
             required: item === null || item === void 0 ? void 0 : item.errorText
@@ -66821,8 +66821,18 @@ var BaseCkeditor = function(param) {
                             onChange(data);
                         },
                         onReady: function(editor) {
-                            if (item === null || item === void 0 ? void 0 : item.disabled) {
-                                editor.enableReadOnlyMode(item.name);
+                            if ((item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled)) {
+                                editor.enableReadOnlyMode(item === null || item === void 0 ? void 0 : item.name);
+                            }
+                            var editorElement = editor.ui.view.editable.element;
+                            if (editorElement) {
+                                editorElement.style.minHeight = (item === null || item === void 0 ? void 0 : item.height) || "200px";
+                                editorElement.style.backgroundColor = (item === null || item === void 0 ? void 0 : item.bgColor) || "white";
+                                // Focus時高度維持一樣
+                                editor.ui.view.editable.on("change:isFocused", function() {
+                                    editorElement.style.minHeight = (item === null || item === void 0 ? void 0 : item.height) || "200px";
+                                    editorElement.style.backgroundColor = (item === null || item === void 0 ? void 0 : item.bgColor) || "white";
+                                });
                             }
                         }
                     }),

package/index.esm.css

@@ -1065,6 +1065,9 @@ video {
 .max-w-xl {
   max-width: 36rem;
 }
+.flex-1 {
+  flex: 1 1 0%;
+}
 .flex-none {
   flex: none;
 }

package/index.esm2.js

@@ -76886,17 +76886,20 @@ var BaseTemplate = function(param) {
     var imageSource = tempImage || imageUrl;
     var isDisabled = (item === null || item === void 0 ? void 0 : item.disabled) || (item === null || item === void 0 ? void 0 : item.disable);
     return /*#__PURE__*/ jsx("div", {
-        className: "max-w-sm mx-auto bg-white rounded-lg shadow-md overflow-hidden items-center",
+        className: "bg-white rounded-lg shadow-md overflow-hidden items-center",
         children: /*#__PURE__*/ jsx("div", {
-            className: "px-4 py-6 w-72 h-56",
+            className: "px-4 py-6 h-56",
             children: imageSource ? /*#__PURE__*/ jsx("img", {
-                className: "w-full h-full object-contain border-dashed border-2 border-gray-400 p-6 rounded-lg",
+                className: [
+                    "w-full h-full object-contain border-dashed border-2 border-gray-400 p-6 rounded-lg",
+                    isDisabled ? "opacity-50 cursor-not-allowed" : ""
+                ].join(" "),
                 src: imageSource,
                 alt: "uploaded or default"
             }) : /*#__PURE__*/ jsx("div", {
                 id: "image-preview",
                 className: [
-                    "max-w-sm p-6 bg-gray-100 border-dashed border-2 border-gray-400 rounded-lg items-center mx-auto text-center",
+                    "p-6 bg-gray-100 border-dashed border-2 border-gray-400 rounded-lg items-center mx-auto text-center",
                     isDisabled ? "opacity-50 cursor-not-allowed" : ""
                 ].join(" "),
                 children: /*#__PURE__*/ jsxs("div", {
@@ -76978,7 +76981,7 @@ function _unsupported_iterable_to_array$1(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
 }
 var CustomUpload = function(param) {
-    var className = param.className, item = param.item, field = param.field;
+    var item = param.item, field = param.field;
     var imageMimeType = /image\/(png|jpg|jpeg)/i;
     var DEFAULT_IMAGE_SIZE_LIMIT_IN_BYTES = 5120000;
     var _useState = _sliced_to_array$1(useState(null), 2), modal = _useState[0], setModal = _useState[1];
@@ -77018,15 +77021,14 @@ var CustomUpload = function(param) {
         field.onChange(currentFile);
     };
     var previewUrl = _instanceof(field.value, File) ? URL.createObjectURL(field.value) : typeof field.value === "string" ? field.value : null;
-    return /*#__PURE__*/ jsxs("div", {
-        className: [
-            "w-fit",
-            className
-        ].join(" "),
+    return /*#__PURE__*/ jsxs(Fragment$1, {
         children: [
             /*#__PURE__*/ jsx("div", {
                 className: "mb-2",
                 children: /*#__PURE__*/ jsxs("button", {
+                    className: [
+                        (item === null || item === void 0 ? void 0 : item.className) || "w-full"
+                    ].join(" "),
                     type: "button",
                     onClick: handleImageClick,
                     children: [
@@ -77046,7 +77048,7 @@ var CustomUpload = function(param) {
                     ]
                 })
             }),
-            field.value && /*#__PURE__*/ jsx("button", {
+            !(item === null || item === void 0 ? void 0 : item.hiddenIcon) && field.value && /*#__PURE__*/ jsx("button", {
                 type: "button",
                 className: "w-6 h-6 text-[#000]",
                 onClick: function() {
@@ -77744,7 +77746,7 @@ var CustomUploadField = function(param) {
             var field = param.field, fieldState = param.fieldState;
             var _fieldState_error;
             return /*#__PURE__*/ jsxs("div", {
-                className: "flex flex-col gap-1",
+                className: "flex flex-1 flex-col gap-1",
                 children: [
                     (item === null || item === void 0 ? void 0 : item.label) && /*#__PURE__*/ jsx("label", {
                         className: "font-medium",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",

package/src/lib/Form/UploadImage/CustomUpload.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 interface CustomUploadProps {
-    className?: string;
     item: any;
     field: any;
 }

package/src/lib/Form/types.d.ts

@@ -49,6 +49,7 @@ export interface FormItem {
     icon?: string;
     option?: Options;
     hiddenArrow?: boolean;
+    hiddenIcon?: boolean;
     radioOptions?: RadioOption[];
     direction?: 'horizontal' | 'vertical';
     step?: string;
@@ -70,6 +71,8 @@ export interface FormItem {
         fieldName?: string;
         authToken?: string;
     };
+    height?: string;
+    bgColor?: string;
     disabled?: boolean;
 }
 export interface FormType {