@adminforth/upload 2.15.1 → 2.15.3

package/build.log

@@ -12,5 +12,5 @@ custom/preview.vue
 custom/tsconfig.json
 custom/uploader.vue
 
-sent 68,569 bytes  received 153 bytes  137,444.00 bytes/sec
-total size is 68,007  speedup is 0.99
+sent 68,577 bytes  received 153 bytes  137,460.00 bytes/sec
+total size is 68,023  speedup is 0.99

package/custom/preview.vue

@@ -127,7 +127,7 @@ const maxWidth = computed(() => {
     ? (props.meta.maxShowWidth || props.meta.maxWidth)
     : (props.meta.maxListWidth || props.meta.maxWidth);
 
-  return width ? { maxWidth: width } : {};
+  return width ? { maxWidth: `min(100%, ${width})` } : {};
 });
 
 const minWidth = computed(() => {

package/dist/custom/preview.vue

@@ -127,7 +127,7 @@ const maxWidth = computed(() => {
     ? (props.meta.maxShowWidth || props.meta.maxWidth)
     : (props.meta.maxListWidth || props.meta.maxWidth);
 
-  return width ? { maxWidth: width } : {};
+  return width ? { maxWidth: `min(100%, ${width})` } : {};
 });
 
 const minWidth = computed(() => {

package/dist/index.js

@@ -40,7 +40,13 @@ export default class UploadPlugin extends AdminForthPlugin {
                 const pkName = (_a = this.resourceConfig.columns.find((column) => column.primaryKey)) === null || _a === void 0 ? void 0 : _a.name;
                 record = yield this.adminforth.resource(this.resourceConfig.resourceId).get([Filters.EQ(pkName, recordPk)]);
             }
-            const filePath = this.options.filePath({ originalFilename, originalExtension, contentType, record });
+            const sanitizeFileName = (name) => {
+                return name
+                    .normalize("NFKD")
+                    .replace(/[^a-zA-Z0-9._-]/g, "_");
+            };
+            const fileName = sanitizeFileName(originalFilename);
+            const filePath = this.options.filePath({ originalFilename: fileName, originalExtension, contentType, record });
             if (filePath.startsWith('/')) {
                 throw new Error('s3Path should not start with /, please adjust s3path function to not return / at the start of the path');
             }

package/index.ts

@@ -60,7 +60,13 @@ export default class UploadPlugin extends AdminForthPlugin {
           )
         }
 
-        const filePath: string = this.options.filePath({ originalFilename, originalExtension, contentType, record });
+        const sanitizeFileName = (name) => {
+          return name
+            .normalize("NFKD")                
+            .replace(/[^a-zA-Z0-9._-]/g, "_")
+        }        
+        const fileName = sanitizeFileName(originalFilename);  
+        const filePath: string = this.options.filePath({ originalFilename: fileName, originalExtension, contentType, record });
         if (filePath.startsWith('/')) {
           throw new Error('s3Path should not start with /, please adjust s3path function to not return / at the start of the path');
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/upload",
-  "version": "2.15.1",
+  "version": "2.15.3",
   "description": "Plugin for uploading files for adminforth",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",