vuefinder 1.3.3 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -13
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -32,24 +32,52 @@ app.use(VueFinder)
|
|
|
32
32
|
app.mount('#app')
|
|
33
33
|
|
|
34
34
|
```
|
|
35
|
-
|
|
36
|
-
```
|
|
35
|
+
Vue Template
|
|
36
|
+
```vue
|
|
37
37
|
...
|
|
38
38
|
<div>
|
|
39
|
-
<vue-finder id='my_vuefinder'
|
|
39
|
+
<vue-finder id='my_vuefinder' :request="request"></vue-finder>
|
|
40
40
|
</div>
|
|
41
41
|
...
|
|
42
|
+
|
|
43
|
+
<script setup>
|
|
44
|
+
const request = "http://vuefinder-php.test"
|
|
45
|
+
|
|
46
|
+
// Or ...
|
|
47
|
+
const request = {
|
|
48
|
+
// ----- CHANGE ME! -----
|
|
49
|
+
// [REQUIRED] Url for development server endpoint
|
|
50
|
+
baseUrl: "http://vuefinder-php.test",
|
|
51
|
+
// ----- CHANGE ME! -----
|
|
52
|
+
|
|
53
|
+
// Additional headers & params & body
|
|
54
|
+
headers: { "X-ADDITIONAL-HEADER": 'yes' },
|
|
55
|
+
params: { additionalParam1: 'yes' },
|
|
56
|
+
body: { additionalBody1: ['yes'] },
|
|
57
|
+
|
|
58
|
+
// And/or transform request callback
|
|
59
|
+
transformRequest: req => {
|
|
60
|
+
if (req.method === 'get') {
|
|
61
|
+
req.params.vf = "1"
|
|
62
|
+
}
|
|
63
|
+
return req;
|
|
64
|
+
},
|
|
65
|
+
|
|
66
|
+
// XSRF Token header name
|
|
67
|
+
xsrfHeaderName: "X-CSRF-TOKEN",
|
|
68
|
+
}
|
|
69
|
+
</script>
|
|
42
70
|
```
|
|
43
71
|
|
|
44
72
|
### Props
|
|
45
73
|
|
|
46
|
-
| Prop | Value | Default | Description
|
|
47
|
-
|
|
48
|
-
| id | string | _null_ | required
|
|
49
|
-
|
|
|
50
|
-
| locale | string | en | optional - default language code
|
|
51
|
-
| dark | boolean | false | optional - makes theme dark as default
|
|
52
|
-
| max-file-size | string | 10mb | optional - client side max file upload
|
|
74
|
+
| Prop | Value | Default | Description |
|
|
75
|
+
|---------------|:-------:|---------|:----------------------------------------------------|
|
|
76
|
+
| id | string | _null_ | required |
|
|
77
|
+
| request | object | _null_ | required - backend url or request object, see above |
|
|
78
|
+
| locale | string | en | optional - default language code |
|
|
79
|
+
| dark | boolean | false | optional - makes theme dark as default |
|
|
80
|
+
| max-file-size | string | 10mb | optional - client side max file upload |
|
|
53
81
|
|
|
54
82
|
### Features
|
|
55
83
|
- Multi adapter/storage (see https://github.com/thephpleague/flysystem)
|
|
@@ -86,13 +114,13 @@ Html
|
|
|
86
114
|
- PHP: [VueFinder Php Library](https://github.com/n1crack/vuefinder-php)
|
|
87
115
|
|
|
88
116
|
### Roadmap
|
|
117
|
+
- [x] restyle the modals
|
|
118
|
+
- [x] add more languages (only en/tr/ru at the moment. PRs are welcomed.)
|
|
119
|
+
- [x] emit select event, with @select get selected files for online editors like tinymce/ckeditor
|
|
89
120
|
- [ ] code refactoring (cleanup the duplications, make reusable components)
|
|
90
|
-
- [ ] restyle the modals
|
|
91
|
-
- [ ] add more languages (only en/tr/ru at the moment. PRs are welcomed.)
|
|
92
121
|
- [ ] copy/move to a folder (modal, treeview)
|
|
93
122
|
- [ ] transfer items between filesystem adapters
|
|
94
123
|
- [ ] show/hide components (toolbar/statusbar etc.)
|
|
95
|
-
- [ ] emit select event, with @select get selected files for online editors like tinymce/ckeditor
|
|
96
124
|
- [ ] drag&drop on folders at address bar
|
|
97
125
|
- [ ] update DragSelect plugin for using its dropzone support
|
|
98
126
|
|