updatedocs

lian-yue · lian-yue · commit 48d9d0ea6c7b · 2024-08-11T01:39:47.000+08:00
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">&#25302;&#25341;&#21040;&#36825;&#37324;&#19978;&#20256;</span>
+    <span v-show="$refs.upload && $refs.upload.dropActive">&#25302;&#25341;&#21040;&#27492;&#22788;&#19978;&#20256;</span>
+  </app>
+  ```
+
+
+### dropElementActive
+
+&#26159;&#21542;&#25302;&#25341;&#21040;&#23481;&#22120;&#32452;&#20214;&#20869;
+
+* **&#31867;&#22411;:** `Boolean`
+
+* **&#21482;&#35835;:** `true`
+
+* **&#40664;&#35748;&#20540;:** `false`
+
+* **&#31034;&#20363;:**
+  ```html
+  <app>
+    <file-upload ref="upload" :drop="true"></file-upload>
+    <span v-show="$refs.upload && $refs.upload.dropActive && $refs.upload.dropElementActive">&#24050;&#25302;&#21040;&#27492;&#22788; &#37322;&#25918;&#40736;&#26631;&#21363;&#21487;&#28155;&#21152;&#25991;&#20214;</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">

-Original file line number
+Diff line change
   ```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>
   ```