@sunggang/ui-lib 0.4.11 → 0.4.13

package/DropImage.cjs.js

@@ -16287,7 +16287,7 @@ function _object_spread_props$1(target, source) {
     return target;
 }
 var PrimaryDragDropImage = function(param) {
-    var imageUrls = param.imageUrls, handleRemove = param.handleRemove, isDropDisabled = param.isDropDisabled, _param_maxTotalImages = param.maxTotalImages, maxTotalImages = _param_maxTotalImages === void 0 ? 1 : _param_maxTotalImages, _param_showLimitWarning = param.showLimitWarning, showLimitWarning = _param_showLimitWarning === void 0 ? false : _param_showLimitWarning;
+    var imageUrls = param.imageUrls, handleRemove = param.handleRemove, isDropDisabled = param.isDropDisabled; param.maxTotalImages; var _param_showLimitWarning = param.showLimitWarning, showLimitWarning = _param_showLimitWarning === void 0 ? false : _param_showLimitWarning;
     return /*#__PURE__*/ jsxRuntime.jsx(ConnectedDroppable, {
         droppableId: "droppable-imageUrls",
         direction: "horizontal",
@@ -16336,13 +16336,9 @@ var PrimaryDragDropImage = function(param) {
                             provided.placeholder
                         ]
                     }),
-                    showLimitWarning && /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    showLimitWarning && /*#__PURE__*/ jsxRuntime.jsx("div", {
                         className: "pt-1 text-[#F24822] font-medium",
-                        children: [
-                            "註：已到達最大上傳量",
-                            maxTotalImages,
-                            "張，請刪除部分照片再上傳。"
-                        ]
+                        children: "若需要更換照片，請先刪除目前照片，再重新執行上傳作業。"
                     })
                 ]
             }));
@@ -16461,7 +16457,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var DropImage = function(param) {
-    var _param_preview = param.preview, preview = _param_preview === void 0 ? true : _param_preview, setFiles = param.setFiles, imageUrls = param.imageUrls, setImageUrls = param.setImageUrls, _param_imageStyleType = param.imageStyleType, imageStyleType = _param_imageStyleType === void 0 ? "base" : _param_imageStyleType, _param_limitSize = param.limitSize, limitSize = _param_limitSize === void 0 ? 0 : _param_limitSize, _param_maxFiles = param.maxFiles, maxFiles = _param_maxFiles === void 0 ? 10 : _param_maxFiles, _param_maxTotalImages = param.maxTotalImages, maxTotalImages = _param_maxTotalImages === void 0 ? 10 : _param_maxTotalImages;
+    var _param_preview = param.preview, preview = _param_preview === void 0 ? true : _param_preview, setFiles = param.setFiles, imageUrls = param.imageUrls, setImageUrls = param.setImageUrls, _param_imageStyleType = param.imageStyleType, imageStyleType = _param_imageStyleType === void 0 ? "base" : _param_imageStyleType, _param_limitSize = param.limitSize, limitSize = _param_limitSize === void 0 ? 0 : _param_limitSize, _param_maxFiles = param.maxFiles, maxFiles = _param_maxFiles === void 0 ? 10 : _param_maxFiles, _param_maxTotalImages = param.maxTotalImages, maxTotalImages = _param_maxTotalImages === void 0 ? 10 : _param_maxTotalImages, _param_showLimitWarning = param.showLimitWarning, showLimitWarning = _param_showLimitWarning === void 0 ? false : _param_showLimitWarning;
     var _useState = _sliced_to_array(React.useState([]), 2), previewFiles = _useState[0], setPreviewFiles = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(null), 2), uploadError = _useState1[0], setUploadError = _useState1[1];
     React.useEffect(function() {
@@ -16815,7 +16811,7 @@ var DropImage = function(param) {
                                 imageUrls: previewFiles,
                                 handleRemove: handleRemove,
                                 maxTotalImages: maxTotalImages,
-                                showLimitWarning: !canUploadMore
+                                showLimitWarning: showLimitWarning
                             })
                         ]
                     })

package/DropImage.esm.js

@@ -16277,7 +16277,7 @@ function _object_spread_props$1(target, source) {
     return target;
 }
 var PrimaryDragDropImage = function(param) {
-    var imageUrls = param.imageUrls, handleRemove = param.handleRemove, isDropDisabled = param.isDropDisabled, _param_maxTotalImages = param.maxTotalImages, maxTotalImages = _param_maxTotalImages === void 0 ? 1 : _param_maxTotalImages, _param_showLimitWarning = param.showLimitWarning, showLimitWarning = _param_showLimitWarning === void 0 ? false : _param_showLimitWarning;
+    var imageUrls = param.imageUrls, handleRemove = param.handleRemove, isDropDisabled = param.isDropDisabled; param.maxTotalImages; var _param_showLimitWarning = param.showLimitWarning, showLimitWarning = _param_showLimitWarning === void 0 ? false : _param_showLimitWarning;
     return /*#__PURE__*/ jsx(ConnectedDroppable, {
         droppableId: "droppable-imageUrls",
         direction: "horizontal",
@@ -16326,13 +16326,9 @@ var PrimaryDragDropImage = function(param) {
                             provided.placeholder
                         ]
                     }),
-                    showLimitWarning && /*#__PURE__*/ jsxs("div", {
+                    showLimitWarning && /*#__PURE__*/ jsx("div", {
                         className: "pt-1 text-[#F24822] font-medium",
-                        children: [
-                            "註：已到達最大上傳量",
-                            maxTotalImages,
-                            "張，請刪除部分照片再上傳。"
-                        ]
+                        children: "若需要更換照片，請先刪除目前照片，再重新執行上傳作業。"
                     })
                 ]
             }));
@@ -16451,7 +16447,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var DropImage = function(param) {
-    var _param_preview = param.preview, preview = _param_preview === void 0 ? true : _param_preview, setFiles = param.setFiles, imageUrls = param.imageUrls, setImageUrls = param.setImageUrls, _param_imageStyleType = param.imageStyleType, imageStyleType = _param_imageStyleType === void 0 ? "base" : _param_imageStyleType, _param_limitSize = param.limitSize, limitSize = _param_limitSize === void 0 ? 0 : _param_limitSize, _param_maxFiles = param.maxFiles, maxFiles = _param_maxFiles === void 0 ? 10 : _param_maxFiles, _param_maxTotalImages = param.maxTotalImages, maxTotalImages = _param_maxTotalImages === void 0 ? 10 : _param_maxTotalImages;
+    var _param_preview = param.preview, preview = _param_preview === void 0 ? true : _param_preview, setFiles = param.setFiles, imageUrls = param.imageUrls, setImageUrls = param.setImageUrls, _param_imageStyleType = param.imageStyleType, imageStyleType = _param_imageStyleType === void 0 ? "base" : _param_imageStyleType, _param_limitSize = param.limitSize, limitSize = _param_limitSize === void 0 ? 0 : _param_limitSize, _param_maxFiles = param.maxFiles, maxFiles = _param_maxFiles === void 0 ? 10 : _param_maxFiles, _param_maxTotalImages = param.maxTotalImages, maxTotalImages = _param_maxTotalImages === void 0 ? 10 : _param_maxTotalImages, _param_showLimitWarning = param.showLimitWarning, showLimitWarning = _param_showLimitWarning === void 0 ? false : _param_showLimitWarning;
     var _useState = _sliced_to_array(useState([]), 2), previewFiles = _useState[0], setPreviewFiles = _useState[1];
     var _useState1 = _sliced_to_array(useState(null), 2), uploadError = _useState1[0], setUploadError = _useState1[1];
     useEffect(function() {
@@ -16805,7 +16801,7 @@ var DropImage = function(param) {
                                 imageUrls: previewFiles,
                                 handleRemove: handleRemove,
                                 maxTotalImages: maxTotalImages,
-                                showLimitWarning: !canUploadMore
+                                showLimitWarning: showLimitWarning
                             })
                         ]
                     })

package/index.cjs.css

@@ -3126,9 +3126,6 @@ video {
 .\[module\:ui\/template\~TemplateBinding\#callback\] {
   module: ui/template~TemplateBinding#callback;
 }
-
-/* Import all UI component styles */
-@import './styles/index.css';
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }

package/index.esm.css

@@ -3126,9 +3126,6 @@ video {
 .\[module\:ui\/template\~TemplateBinding\#callback\] {
   module: ui/template~TemplateBinding#callback;
 }
-
-/* Import all UI component styles */
-@import './styles/index.css';
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.4.11",
+  "version": "0.4.13",
   "main": "./index.cjs.js",
   "module": "./index.esm.js",
   "types": "./dist/src/index.d.ts",

package/src/lib/DropImage/index.stories.d.ts

@@ -7,6 +7,7 @@ export interface ImageItem {
 }
 export interface DropImageProps {
     preview: boolean;
+    showLimitWarning?: boolean;
     limitSize?: number;
     maxFiles?: number;
     maxTotalImages?: number;