Skip to content

Commit 3e78905

Browse files
committed
fix: fire action end event on elememt instead of document
1 parent 9f950e7 commit 3e78905

File tree

2 files changed

+70
-70
lines changed

2 files changed

+70
-70
lines changed

demo/index.html

Lines changed: 67 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,81 +1,81 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<title>file | CoCreateJS</title>
3+
<head>
4+
<title>file | CoCreateJS</title>
55

6-
<!-- CoCreate Favicon -->
7-
<link
8-
rel="icon"
9-
type="image/png"
10-
sizes="32x32"
11-
href="../assets/favicon.ico" />
12-
<link rel="manifest" href="/manifest.webmanifest" />
13-
</head>
14-
<body>
15-
<form>
16-
<input type="file" import />
17-
<button actions="import">import</button>
18-
</form>
6+
<!-- CoCreate Favicon -->
7+
<link
8+
rel="icon"
9+
type="image/png"
10+
sizes="32x32"
11+
href="../assets/favicon.ico" />
12+
<link rel="manifest" href="/manifest.webmanifest" />
13+
</head>
14+
<body>
15+
<form>
16+
<input type="file" import />
17+
<button actions="import">import</button>
18+
</form>
1919

20-
<form>
21-
<input type="file" path="/assets/test" />
22-
<button actions="upload">upload</button>
23-
</form>
20+
<form>
21+
<input type="file" path="/assets/test" />
22+
<button actions="upload">upload</button>
23+
</form>
2424

25-
<form>
26-
<input type="file" multiple />
27-
<button actions="upload">upload</button>
28-
</form>
25+
<form>
26+
<input type="file" multiple />
27+
<button actions="upload">upload</button>
28+
</form>
2929

30-
<form>
31-
<input type="file" directory />
32-
<button actions="upload">upload</button>
33-
</form>
30+
<form>
31+
<input type="file" directory />
32+
<button actions="upload">upload</button>
33+
</form>
3434

35-
<div
36-
type="file"
37-
array="test"
38-
object=""
39-
key="image"
40-
accept="image/*"
41-
placeholder="Upload Image or Video Thumbnail"
42-
class="floating-label min-height:40px active"
43-
render-selector="[template]"
44-
active>
45-
<div template>
46-
<img src="{{image.src}}" alt="image" width="100%" />
47-
</div>
48-
</div>
35+
<div
36+
type="file"
37+
array="test"
38+
object=""
39+
key="image"
40+
accept="image/*"
41+
placeholder="Upload Image or Video Thumbnail"
42+
class="floating-label min-height:40px active"
43+
render-selector="[template]"
44+
active>
45+
<div template>
46+
<img src="{{image.src}}" alt="image" width="100%" />
47+
</div>
48+
</div>
4949

50-
<form>
51-
<input
52-
type="file"
53-
directory
54-
realtime="false"
55-
render-selector="document; [template]" />
50+
<form>
51+
<input
52+
type="file"
53+
directory
54+
realtime="false"
55+
render-document="[template]" />
5656

57-
<button actions="saveLocally">saveLocally</button>
58-
</form>
57+
<button actions="saveLocally">saveLocally</button>
58+
</form>
5959

60-
<div template file_id="{{id}}">
61-
<button actions="createFile" value="tesing.js">createFile</button>
62-
<button actions="deleteFile">deleteFile</button>
63-
<button actions="createDirectory">createDirectory</button>
64-
<button actions="deleteDirectory">deleteDirectory</button>
60+
<div template file_id="{{id}}">
61+
<button actions="createFile" value="tesing.js">createFile</button>
62+
<button actions="deleteFile">deleteFile</button>
63+
<button actions="createDirectory">createDirectory</button>
64+
<button actions="deleteDirectory">deleteDirectory</button>
6565

66-
<input file="name" value="{{name}}" />
67-
<input file="directory" value="{{directory}}" />
68-
<input file="content-type" value="{{content-type}}" />
69-
<textarea file="src" value-type="string">{{src}}</textarea>
70-
<div>id: {{id}}</div>
71-
</div>
66+
<input file="name" value="{{name}}" />
67+
<input file="directory" value="{{directory}}" />
68+
<input file="content-type" value="{{content-type}}" />
69+
<textarea file="src" value-type="string">{{src}}</textarea>
70+
<div>id: {{id}}</div>
71+
</div>
7272

73-
<form>
74-
<button actions="export" array="files">export</button>
75-
</form>
73+
<form>
74+
<button actions="export" array="files">export</button>
75+
</form>
7676

77-
<!-- <script src="../dist/CoCreate-file.js"></script> -->
78-
<script src="../../../CoCreateJS/dist/CoCreate.js"></script>
79-
<!-- <script src="https://CoCreate.app/dist/CoCreate.js"></script> -->
80-
</body>
77+
<!-- <script src="../dist/CoCreate-file.js"></script> -->
78+
<script src="../../../CoCreateJS/dist/CoCreate.js"></script>
79+
<!-- <script src="https://CoCreate.app/dist/CoCreate.js"></script> -->
80+
</body>
8181
</html>

src/client.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -859,7 +859,7 @@ async function importURL(action) {
859859
queriedElement.setValue(data.file);
860860
}
861861

862-
document.dispatchEvent(
862+
action.element.dispatchEvent(
863863
new CustomEvent(action.name, {
864864
detail: {}
865865
})
@@ -895,7 +895,7 @@ async function fileRenderAction(action) {
895895
create(file, "directory", name);
896896
} else if (action.name === "deleteDirectory") Delete(file);
897897

898-
document.dispatchEvent(
898+
action.element.dispatchEvent(
899899
new CustomEvent(action.name, {
900900
detail: {}
901901
})
@@ -1009,7 +1009,7 @@ Actions.init([
10091009
// Something...
10101010
}
10111011

1012-
document.dispatchEvent(
1012+
action.element.dispatchEvent(
10131013
new CustomEvent(action.name, {
10141014
detail: {}
10151015
})

0 commit comments

Comments
 (0)