updatedocs

lian-yue · Aug 10, 2024 · 48d9d0e · 48d9d0e
1 parent 11af97d
commit 48d9d0e
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 7 deletions.
diff --git a/docs/docs/en.md b/docs/docs/en.md
@@ -1144,6 +1144,25 @@ Is dragging
   ```
 
 
+### dropElementActive
+
+Is Dragged to container
+
+* **Type:** `Boolean`
+
+* **Read only:** `true`
+
+* **Default:** `false`
+
+* **Usage:**
+  ```html
+  <app>
+    <file-upload ref="upload" :drop="true"></file-upload>
+    <span v-show="$refs.upload && $refs.upload.dropActive && $refs.upload.dropElementActive">Already dragged here, release the mouse to add the file</span>
+  </app>
+  ```
+
+
 
 
 

diff --git a/docs/docs/zh-cn.md b/docs/docs/zh-cn.md
@@ -930,7 +930,26 @@ Add, update, remove pre-filter
   ```html
   <app>
     <file-upload ref="upload" :drop="true"></file-upload>
-    <span v-show="$refs.upload && $refs.upload.dropActive">拖拽到这里上传</span>
+    <span v-show="$refs.upload && $refs.upload.dropActive">拖拽到此处上传</span>
+  </app>
+  ```
+
+
+### dropElementActive
+
+是否拖拽到容器组件内
+
+* **类型:** `Boolean`
+
+* **只读:** `true`
+
+* **默认值:** `false`
+
+* **示例:**
+  ```html
+  <app>
+    <file-upload ref="upload" :drop="true"></file-upload>
+    <span v-show="$refs.upload && $refs.upload.dropActive && $refs.upload.dropElementActive">已拖到此处 释放鼠标即可添加文件</span>
   </app>
   ```
 

diff --git a/docs/views/examples/Multiple.vue b/docs/views/examples/Multiple.vue
@@ -6,9 +6,9 @@
         :class="{ 'drop-element-active': $refs.upload1 && $refs.upload1.dropElementActive }">
         <h3>
           {{ $refs.upload1 && $refs.upload1.dropElementActive ?
-          "Drop files to upload1 (element)"
+          "Release the mouse to add to upload1 (element)"
           :
-          "Drop files to upload1" }}
+          "Drag and drop here to upload1" }}
         </h3>
       </div>
 
@@ -22,7 +22,7 @@
           <span v-else></span>
         </li>
       </ul>
-      <h5 class="drop-title">Drag and drop files into the container to upload</h5>
+      <h5 class="drop-title">Drag and drop files into the container to upload1</h5>
       <div class="example-btn">
         <file-upload class="btn btn-primary" input-id="file1" post-action="/upload/post" v-model="files1" ref="upload1"
           drop=".upload-drop-container-1" :drop-directory="true" :multiple="true">
@@ -57,9 +57,9 @@
         <h3>
           {{ $refs.upload2 && $refs.upload2.dropElementActive
           ?
-          "Drop files to upload2 (element)"
+          "Release the mouse to add to upload2 (element)"
           :
-          "Drop files to upload2" }}
+          "Drag and drop here to upload2" }}
         </h3>
       </div>
       <ul>
@@ -72,7 +72,7 @@
           <span v-else></span>
         </li>
       </ul>
-      <h5 class="drop-title">Drag and drop files into the container to upload</h5>
+      <h5 class="drop-title">Drag and drop files into the container to upload2</h5>
       <div class="example-btn">
         <file-upload class="btn btn-primary" input-id="file2" post-action="/upload/post" v-model="files2" ref="upload2"
           drop=".upload-drop-container-2" :drop-directory="true" :multiple="true">