Changes between Version 23 and Version 24 of UZ

Timestamp:

2022.10.05 20:08:03 (2 years ago)

Author:

js29a

Comment:

--

UZ

@@ -29 +29 @@
 Described component is based on a simple state machine. It has no UI by itself so you need to provide some UI on your own. To accomplish this not only component instantation is needed but there is also need to fill its //slots//. The component has several config options from which actually only one needs to be provided (i.e. target upload URL). Other options control component behavior but they will be explained later. After providing target upload URL there is need to fill component slots by your own UI. Here I will describe generic browser UI only. If you are familiar with e.g. Quasar you can implement the UI on your own.
 
+In case of doubt please refer to source:/uz/src/UploadTest.vue file. It's complex because it demonstrates all the features. You'll probably use only some of them. Feel free to experiment.
+
 == Basic component usage
 
@@ -45 +47 @@
 
 As you see nothing will appear in browser. Why? You need to provide some UI. To remain generic the component has no UI by itself. This allows it to be extremely flexible. You need to use //slots// and provide some CSS styles. To remain concise this step is demonstrated in the repository (source:/uz/src/UploadTest.vue). After creating the UI and navigating to proper URL you should see the uploader.
+
+In general there are two control options - using slots or to mix slots with control outside of the component. File source:/uz/src/UploadTest.vue demonstrates both of them.
 
 == Component properties
@@ -97 +101 @@
 == Exposed items
 
-||= item =||= purpose =||= kind =||
+||= item =||= purpose =||||= kind =||
 || pick || launches standard file picker || callback || no args ||
 || reset || resets to //idle// state || callback || no args ||
 || start || begin files upload || callback || no args ||
 || abort || abort pending files upload || callback || no args ||
-|| can_pick || is file picking allowed? || computed property || boolean ||
-|| can_start || is upload start allowed? || computed property || boolean ||
-|| can_abort || is upload abort allowed? || computed property || boolean ||
-|| can_reset || is component reset allowed? || computed property || boolean ||
+|| can_pick || is file picking allowed? || computed || boolean ||
+|| can_start || is upload start allowed? || computed || boolean ||
+|| can_abort || is upload abort allowed? || computed || boolean ||
+|| can_reset || is component reset allowed? || computed || boolean ||
 
 == Emitted events