修复编辑预览

resources/assets/css/index.css

@@ -1 +1 @@
-.file-list-wrap[data-v-91edc86c]{margin-top:2px!important}.custom-upload-dragger[data-v-91edc86c]{max-width:400px}.n-modal-container{z-index:99999999!important}.modal-container[data-v-3eb8027e]{display:flex;flex-direction:column}.modal-container .cropper-container[data-v-3eb8027e]{width:480px;height:270px}.modal-container .cropper-container img[data-v-3eb8027e]{max-width:100%;display:block;visibility:hidden}.modal-container .large[data-v-3eb8027e]{width:960px!important;height:540px!important}.modal-container .cropper-controls[data-v-3eb8027e]{height:50px;display:flex;align-items:center}.modal-container .cropper-controls .controls-first[data-v-3eb8027e]{margin-left:12px}.file-list-wrap[data-v-c1d912c8]{margin-top:2px!important}.preview[data-v-c1d912c8]{width:138px;height:138px;border:1px solid #dae1e7;border-radius:10px;background-color:#f1f1f1;display:flex;justify-content:center;align-items:center}.preview img[data-v-c1d912c8]{max-width:100%;max-height:100%;border-radius:4px;padding:1px}.preview[data-v-c1d912c8]:hover{border:1px dashed #2dd3c4}.custom-upload-dragger[data-v-c1d912c8]{width:138px;height:138px;display:flex;justify-content:center;align-items:center;border-radius:10px}.custom-upload-dragger .btn-plus[data-v-c1d912c8]{font-size:88px;color:#b0b0b0}.modal-container[data-v-c1d912c8]{display:flex;flex-direction:column}.modal-container .cropper-container[data-v-c1d912c8]{width:480px;height:270px}.modal-container .cropper-container img[data-v-c1d912c8]{max-width:100%;display:block;visibility:hidden}.modal-container .cropper-controls[data-v-c1d912c8]{height:50px;display:flex;align-items:center}.modal-container .cropper-controls .controls-first[data-v-c1d912c8]{margin-left:12px}
+.file-list-wrap[data-v-91edc86c]{margin-top:2px!important}.custom-upload-dragger[data-v-91edc86c]{max-width:400px}.n-modal-container{z-index:99999999!important}.modal-container[data-v-3eb8027e]{display:flex;flex-direction:column}.modal-container .cropper-container[data-v-3eb8027e]{width:480px;height:270px}.modal-container .cropper-container img[data-v-3eb8027e]{max-width:100%;display:block;visibility:hidden}.modal-container .large[data-v-3eb8027e]{width:960px!important;height:540px!important}.modal-container .cropper-controls[data-v-3eb8027e]{height:50px;display:flex;align-items:center}.modal-container .cropper-controls .controls-first[data-v-3eb8027e]{margin-left:12px}.file-list-wrap[data-v-43e9c320]{margin-top:2px!important}.preview[data-v-43e9c320]{width:138px;height:138px;border:1px solid #dae1e7;border-radius:10px;background-color:#f1f1f1;display:flex;justify-content:center;align-items:center}.preview img[data-v-43e9c320]{max-width:100%;max-height:100%;border-radius:4px;padding:1px}.preview[data-v-43e9c320]:hover{border:1px dashed #2dd3c4}.custom-upload-dragger[data-v-43e9c320]{width:138px;height:138px;display:flex;justify-content:center;align-items:center;border-radius:10px}.custom-upload-dragger .btn-plus[data-v-43e9c320]{font-size:88px;color:#b0b0b0}.modal-container[data-v-43e9c320]{display:flex;flex-direction:column}.modal-container .cropper-container[data-v-43e9c320]{width:480px;height:270px}.modal-container .cropper-container img[data-v-43e9c320]{max-width:100%;display:block;visibility:hidden}.modal-container .cropper-controls[data-v-43e9c320]{height:50px;display:flex;align-items:center}.modal-container .cropper-controls .controls-first[data-v-43e9c320]{margin-left:12px}

src/Field/Image.php

@@ -3,6 +3,7 @@
 namespace Weiwait\DcatVue\Field;
 
 use Dcat\Admin\Form\Field;
+use Dcat\Admin\Support\Helper;
 use Weiwait\DcatVue\Models\WeiwaitUpload;
 
 class Image extends Field\Image
@@ -31,6 +32,10 @@ class Image extends Field\Image
 
         $this->withProvides();
 
+        if (! empty($this->value())) {
+            $this->setupPreviewOptions();
+        }
+
         $this->addVariables([
             'provides' => $this->variables(),
         ]);
@@ -121,4 +126,15 @@ class Image extends Field\Image
 
         return $this;
     }
+
+    protected function initialPreviewConfig(): array
+    {
+        $previews = [];
+
+        foreach (Helper::array($this->value()) as $value) {
+            $previews[] = $this->objectUrl($value);
+        }
+
+        return $previews;
+    }
 }

src/Field/MultipleImage.php

@@ -3,6 +3,7 @@
 namespace Weiwait\DcatVue\Field;
 
 use Dcat\Admin\Form\Field;
+use Dcat\Admin\Support\Helper;
 use Weiwait\DcatVue\Models\WeiwaitUpload;
 
 class MultipleImage extends Field\MultipleImage
@@ -31,6 +32,10 @@ class MultipleImage extends Field\MultipleImage
 
         $this->withProvides();
 
+        if (! empty($this->value())) {
+            $this->setupPreviewOptions();
+        }
+
         $this->addVariables([
             'provides' => $this->variables(),
         ]);
@@ -121,4 +126,15 @@ class MultipleImage extends Field\MultipleImage
 
         return $this;
     }
+
+    protected function initialPreviewConfig(): array
+    {
+        $previews = [];
+
+        foreach (Helper::array($this->value()) as $value) {
+            $previews[] = $this->objectUrl($value);
+        }
+
+        return $previews;
+    }
 }

version.php

@@ -14,5 +14,8 @@ return [
     ],
     '1.1.2' => [
         '增加表单必填(required)'
-    ]
+    ],
+    '1.1.3' => [
+        '修复编辑预览'
+    ],
 ];