@mekari/pixel3-dropzone 0.0.25 → 0.1.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/dist/{chunk-7XRYSQYV.mjs → chunk-GP64IBMZ.mjs} +22 -11
- package/dist/{chunk-5JNHQ27U.mjs → chunk-KTEH52UH.mjs} +4 -0
- package/dist/{chunk-GWHWG6GP.mjs → chunk-RMSZO4P3.mjs} +11 -1
- package/dist/dropzone.d.mts +9 -0
- package/dist/dropzone.d.ts +9 -0
- package/dist/dropzone.js +35 -10
- package/dist/dropzone.mjs +3 -3
- package/dist/index.js +35 -10
- package/dist/index.mjs +3 -3
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/dropzone.hooks.d.mts +2 -0
- package/dist/modules/dropzone.hooks.d.ts +2 -0
- package/dist/modules/dropzone.hooks.js +11 -1
- package/dist/modules/dropzone.hooks.mjs +1 -1
- package/dist/modules/dropzone.props.d.mts +4 -0
- package/dist/modules/dropzone.props.d.ts +4 -0
- package/dist/modules/dropzone.props.js +4 -0
- package/dist/modules/dropzone.props.mjs +1 -1
- package/package.json +5 -5
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useDropzone
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-RMSZO4P3.mjs";
|
|
4
4
|
import {
|
|
5
5
|
dropzoneEmit,
|
|
6
6
|
dropzoneProps
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-KTEH52UH.mjs";
|
|
8
8
|
import {
|
|
9
9
|
__name
|
|
10
10
|
} from "./chunk-QZ7VFGWC.mjs";
|
|
@@ -47,20 +47,31 @@ var MpDropzone = defineComponent({
|
|
|
47
47
|
previewAttrs,
|
|
48
48
|
overlayPreviewAttrs,
|
|
49
49
|
clearButtonAttrs,
|
|
50
|
-
hasPreview
|
|
50
|
+
hasPreview,
|
|
51
|
+
isDragover,
|
|
52
|
+
handleClickInput
|
|
51
53
|
} = useDropzone(props, emit);
|
|
52
54
|
return () => {
|
|
53
55
|
const children = slots.default && slots.default();
|
|
54
56
|
const {
|
|
55
57
|
variant,
|
|
58
|
+
icon,
|
|
56
59
|
placeholder,
|
|
57
60
|
description,
|
|
58
61
|
buttonText,
|
|
59
62
|
loadingText,
|
|
60
63
|
overlayVariant,
|
|
61
64
|
isLoading,
|
|
62
|
-
isInvalid
|
|
65
|
+
isInvalid,
|
|
66
|
+
isDisabled
|
|
63
67
|
} = props;
|
|
68
|
+
const slotProps = {
|
|
69
|
+
isDragover: isDragover.value,
|
|
70
|
+
isLoading,
|
|
71
|
+
isInvalid,
|
|
72
|
+
isDisabled,
|
|
73
|
+
handleClickInput
|
|
74
|
+
};
|
|
64
75
|
const overlayTextColor = computed(() => {
|
|
65
76
|
let color = "black";
|
|
66
77
|
if (overlayVariant === "white") {
|
|
@@ -93,7 +104,7 @@ var MpDropzone = defineComponent({
|
|
|
93
104
|
"color": overlayTextColor.value
|
|
94
105
|
}, _isSlot(description) ? description : {
|
|
95
106
|
default: () => [description]
|
|
96
|
-
})]), children]) : _createVNode("div", wrapperAttrs.value, [isLoading && _createVNode("div", boxAttrs.value, [_createVNode(MpSpinner, {
|
|
107
|
+
})]), children]) : _createVNode("div", wrapperAttrs.value, [isLoading && (slots.loading ? _createVNode("div", boxAttrs.value, [slots.loading(slotProps)]) : _createVNode("div", boxAttrs.value, [_createVNode(MpSpinner, {
|
|
97
108
|
"color": isNextTheme.value ? "icon.brand" : "gray.600"
|
|
98
109
|
}, null), variant !== "avatar" && _createVNode(MpText, {
|
|
99
110
|
"color": isNextTheme.value ? "text.secondary" : "gray.600"
|
|
@@ -103,7 +114,7 @@ var MpDropzone = defineComponent({
|
|
|
103
114
|
"color": isNextTheme.value ? "text.danger" : "red.400"
|
|
104
115
|
}), {
|
|
105
116
|
default: () => [_createTextVNode("Cancel")]
|
|
106
|
-
})]), !isLoading && hasPreview.value && _createVNode("div", previewAttrs.value, [_createVNode(MpIcon, _mergeProps(clearButtonAttrs.value, {
|
|
117
|
+
})])), !isLoading && hasPreview.value && _createVNode("div", previewAttrs.value, [_createVNode(MpIcon, _mergeProps(clearButtonAttrs.value, {
|
|
107
118
|
"color": isNextTheme.value ? "icon.danger" : "red.400"
|
|
108
119
|
}), null), _createVNode("div", overlayPreviewAttrs.value, [_createVNode(MpIcon, {
|
|
109
120
|
"name": "upload",
|
|
@@ -113,8 +124,8 @@ var MpDropzone = defineComponent({
|
|
|
113
124
|
"color": "white"
|
|
114
125
|
}, _isSlot(buttonText) ? buttonText : {
|
|
115
126
|
default: () => [buttonText]
|
|
116
|
-
})]), _createVNode("img", imageAttrs.value, null)]), !isLoading && !hasPreview.value && variant === "default" && _createVNode("div", boxAttrs.value, [_createVNode(MpIcon, {
|
|
117
|
-
"name": "upload",
|
|
127
|
+
})]), _createVNode("img", imageAttrs.value, null)]), !isLoading && !hasPreview.value && variant === "default" && isDragover.value && slots.dragover && _createVNode("div", boxAttrs.value, [slots.dragover(slotProps)]), !isLoading && !hasPreview.value && variant === "default" && !(isDragover.value && slots.dragover) && (slots.idle ? _createVNode("div", boxAttrs.value, [slots.idle(slotProps)]) : _createVNode("div", boxAttrs.value, [_createVNode(MpIcon, {
|
|
128
|
+
"name": icon || "upload",
|
|
118
129
|
"variant": "outline",
|
|
119
130
|
"color": iconColor.value,
|
|
120
131
|
"style": "width: 80px; height: 80px;"
|
|
@@ -130,8 +141,8 @@ var MpDropzone = defineComponent({
|
|
|
130
141
|
"color": isNextTheme.value ? "text.secondary" : "gray.600"
|
|
131
142
|
}, _isSlot(description) ? description : {
|
|
132
143
|
default: () => [description]
|
|
133
|
-
})]), !isLoading && !hasPreview.value && variant === "logo" && _createVNode("div", logoBoxAttrs.value, [_createVNode(MpIcon, {
|
|
134
|
-
"name": "img",
|
|
144
|
+
})])), !isLoading && !hasPreview.value && variant === "logo" && _createVNode("div", logoBoxAttrs.value, [_createVNode(MpIcon, {
|
|
145
|
+
"name": icon || "img",
|
|
135
146
|
"variant": "outline",
|
|
136
147
|
"color": iconColor.value
|
|
137
148
|
}, null), _createVNode(MpText, {
|
|
@@ -139,7 +150,7 @@ var MpDropzone = defineComponent({
|
|
|
139
150
|
}, _isSlot(placeholder) ? placeholder : {
|
|
140
151
|
default: () => [placeholder]
|
|
141
152
|
})]), !isLoading && !hasPreview.value && variant === "product" && _createVNode("div", productBoxAttrs.value, [_createVNode(MpIcon, {
|
|
142
|
-
"name": "add-circular",
|
|
153
|
+
"name": icon || "add-circular",
|
|
143
154
|
"variant": "outline",
|
|
144
155
|
"color": iconColor.value
|
|
145
156
|
}, null), _createVNode(MpText, {
|
|
@@ -29,6 +29,7 @@ function useDropzone(props, emit) {
|
|
|
29
29
|
const preview = ref("");
|
|
30
30
|
const showOverlay = ref(isShowOverlay.value);
|
|
31
31
|
const overlay = ref();
|
|
32
|
+
const isDragover = ref(false);
|
|
32
33
|
const getId = id.value || getUniqueId("", "dropzone").value;
|
|
33
34
|
const hasPreview = computed(() => {
|
|
34
35
|
return isShowPreview.value && preview.value;
|
|
@@ -176,6 +177,7 @@ function useDropzone(props, emit) {
|
|
|
176
177
|
if (!isEnableDragAndDrop.value) {
|
|
177
178
|
return;
|
|
178
179
|
}
|
|
180
|
+
isDragover.value = true;
|
|
179
181
|
emit("dragover", e);
|
|
180
182
|
if (hasCustomUpload.value) {
|
|
181
183
|
showOverlay.value = true;
|
|
@@ -186,6 +188,11 @@ function useDropzone(props, emit) {
|
|
|
186
188
|
if (!isEnableDragAndDrop.value) {
|
|
187
189
|
return;
|
|
188
190
|
}
|
|
191
|
+
const currentTarget = e.currentTarget;
|
|
192
|
+
const relatedTarget = e.relatedTarget;
|
|
193
|
+
if (!currentTarget || !relatedTarget || !currentTarget.contains(relatedTarget)) {
|
|
194
|
+
isDragover.value = false;
|
|
195
|
+
}
|
|
189
196
|
emit("dragleave", e);
|
|
190
197
|
if (e.target === overlay.value) {
|
|
191
198
|
showOverlay.value = false;
|
|
@@ -197,6 +204,7 @@ function useDropzone(props, emit) {
|
|
|
197
204
|
if (!isEnableDragAndDrop.value) {
|
|
198
205
|
return;
|
|
199
206
|
}
|
|
207
|
+
isDragover.value = false;
|
|
200
208
|
emit("drop", e);
|
|
201
209
|
const target = e.dataTransfer;
|
|
202
210
|
if (target && target.files) {
|
|
@@ -271,7 +279,9 @@ function useDropzone(props, emit) {
|
|
|
271
279
|
previewAttrs,
|
|
272
280
|
overlayPreviewAttrs,
|
|
273
281
|
clearButtonAttrs,
|
|
274
|
-
hasPreview
|
|
282
|
+
hasPreview,
|
|
283
|
+
isDragover,
|
|
284
|
+
handleClickInput
|
|
275
285
|
};
|
|
276
286
|
}
|
|
277
287
|
__name(useDropzone, "useDropzone");
|
package/dist/dropzone.d.mts
CHANGED
|
@@ -11,6 +11,10 @@ declare const MpDropzone: vue.DefineComponent<{
|
|
|
11
11
|
type: vue.PropType<DropzoneVariant>;
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
14
|
+
icon: {
|
|
15
|
+
type: vue.PropType<"" | "number" | "function" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-cloud-unsynced" | "data-connect" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "file-transfer" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "location-untracked" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "plugin-builder" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "recall" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "talenta-performance" | "talenta-recruitment" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "variable" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "officeless" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "dropdown" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "input" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "text-editor-block-quote" | "text-editor-inline-code" | "textarea" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "officeless-black" | "officeless-brand" | "officeless-outline" | "officeless-slate" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
14
18
|
accept: {
|
|
15
19
|
type: vue.PropType<string>;
|
|
16
20
|
};
|
|
@@ -86,6 +90,10 @@ declare const MpDropzone: vue.DefineComponent<{
|
|
|
86
90
|
type: vue.PropType<DropzoneVariant>;
|
|
87
91
|
default: string;
|
|
88
92
|
};
|
|
93
|
+
icon: {
|
|
94
|
+
type: vue.PropType<"" | "number" | "function" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-cloud-unsynced" | "data-connect" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "file-transfer" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "location-untracked" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "plugin-builder" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "recall" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "talenta-performance" | "talenta-recruitment" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "variable" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "officeless" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "dropdown" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "input" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "text-editor-block-quote" | "text-editor-inline-code" | "textarea" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "officeless-black" | "officeless-brand" | "officeless-outline" | "officeless-slate" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
|
|
95
|
+
default: string;
|
|
96
|
+
};
|
|
89
97
|
accept: {
|
|
90
98
|
type: vue.PropType<string>;
|
|
91
99
|
};
|
|
@@ -157,6 +165,7 @@ declare const MpDropzone: vue.DefineComponent<{
|
|
|
157
165
|
}, {
|
|
158
166
|
id: string;
|
|
159
167
|
variant: DropzoneVariant;
|
|
168
|
+
icon: "" | "number" | "function" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-cloud-unsynced" | "data-connect" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "file-transfer" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "location-untracked" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "plugin-builder" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "recall" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "talenta-performance" | "talenta-recruitment" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "variable" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "officeless" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "dropdown" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "input" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "text-editor-block-quote" | "text-editor-inline-code" | "textarea" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "officeless-black" | "officeless-brand" | "officeless-outline" | "officeless-slate" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending";
|
|
160
169
|
placeholder: string;
|
|
161
170
|
description: string;
|
|
162
171
|
loadingText: string;
|
package/dist/dropzone.d.ts
CHANGED
|
@@ -11,6 +11,10 @@ declare const MpDropzone: vue.DefineComponent<{
|
|
|
11
11
|
type: vue.PropType<DropzoneVariant>;
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
14
|
+
icon: {
|
|
15
|
+
type: vue.PropType<"" | "number" | "function" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-cloud-unsynced" | "data-connect" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "file-transfer" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "location-untracked" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "plugin-builder" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "recall" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "talenta-performance" | "talenta-recruitment" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "variable" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "officeless" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "dropdown" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "input" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "text-editor-block-quote" | "text-editor-inline-code" | "textarea" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "officeless-black" | "officeless-brand" | "officeless-outline" | "officeless-slate" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
14
18
|
accept: {
|
|
15
19
|
type: vue.PropType<string>;
|
|
16
20
|
};
|
|
@@ -86,6 +90,10 @@ declare const MpDropzone: vue.DefineComponent<{
|
|
|
86
90
|
type: vue.PropType<DropzoneVariant>;
|
|
87
91
|
default: string;
|
|
88
92
|
};
|
|
93
|
+
icon: {
|
|
94
|
+
type: vue.PropType<"" | "number" | "function" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-cloud-unsynced" | "data-connect" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "file-transfer" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "location-untracked" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "plugin-builder" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "recall" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "talenta-performance" | "talenta-recruitment" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "variable" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "officeless" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "dropdown" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "input" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "text-editor-block-quote" | "text-editor-inline-code" | "textarea" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "officeless-black" | "officeless-brand" | "officeless-outline" | "officeless-slate" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
|
|
95
|
+
default: string;
|
|
96
|
+
};
|
|
89
97
|
accept: {
|
|
90
98
|
type: vue.PropType<string>;
|
|
91
99
|
};
|
|
@@ -157,6 +165,7 @@ declare const MpDropzone: vue.DefineComponent<{
|
|
|
157
165
|
}, {
|
|
158
166
|
id: string;
|
|
159
167
|
variant: DropzoneVariant;
|
|
168
|
+
icon: "" | "number" | "function" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-cloud-unsynced" | "data-connect" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "file-transfer" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "location-untracked" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "plugin-builder" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "recall" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "talenta-performance" | "talenta-recruitment" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "variable" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "officeless" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "dropdown" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "input" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "text-editor-block-quote" | "text-editor-inline-code" | "textarea" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "officeless-black" | "officeless-brand" | "officeless-outline" | "officeless-slate" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending";
|
|
160
169
|
placeholder: string;
|
|
161
170
|
description: string;
|
|
162
171
|
loadingText: string;
|
package/dist/dropzone.js
CHANGED
|
@@ -41,6 +41,10 @@ var dropzoneProps = {
|
|
|
41
41
|
type: String,
|
|
42
42
|
default: "default"
|
|
43
43
|
},
|
|
44
|
+
icon: {
|
|
45
|
+
type: String,
|
|
46
|
+
default: ""
|
|
47
|
+
},
|
|
44
48
|
accept: {
|
|
45
49
|
type: String
|
|
46
50
|
},
|
|
@@ -137,6 +141,7 @@ function useDropzone(props, emit) {
|
|
|
137
141
|
const preview = (0, import_vue.ref)("");
|
|
138
142
|
const showOverlay = (0, import_vue.ref)(isShowOverlay.value);
|
|
139
143
|
const overlay = (0, import_vue.ref)();
|
|
144
|
+
const isDragover = (0, import_vue.ref)(false);
|
|
140
145
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "dropzone").value;
|
|
141
146
|
const hasPreview = (0, import_vue.computed)(() => {
|
|
142
147
|
return isShowPreview.value && preview.value;
|
|
@@ -284,6 +289,7 @@ function useDropzone(props, emit) {
|
|
|
284
289
|
if (!isEnableDragAndDrop.value) {
|
|
285
290
|
return;
|
|
286
291
|
}
|
|
292
|
+
isDragover.value = true;
|
|
287
293
|
emit("dragover", e);
|
|
288
294
|
if (hasCustomUpload.value) {
|
|
289
295
|
showOverlay.value = true;
|
|
@@ -294,6 +300,11 @@ function useDropzone(props, emit) {
|
|
|
294
300
|
if (!isEnableDragAndDrop.value) {
|
|
295
301
|
return;
|
|
296
302
|
}
|
|
303
|
+
const currentTarget = e.currentTarget;
|
|
304
|
+
const relatedTarget = e.relatedTarget;
|
|
305
|
+
if (!currentTarget || !relatedTarget || !currentTarget.contains(relatedTarget)) {
|
|
306
|
+
isDragover.value = false;
|
|
307
|
+
}
|
|
297
308
|
emit("dragleave", e);
|
|
298
309
|
if (e.target === overlay.value) {
|
|
299
310
|
showOverlay.value = false;
|
|
@@ -305,6 +316,7 @@ function useDropzone(props, emit) {
|
|
|
305
316
|
if (!isEnableDragAndDrop.value) {
|
|
306
317
|
return;
|
|
307
318
|
}
|
|
319
|
+
isDragover.value = false;
|
|
308
320
|
emit("drop", e);
|
|
309
321
|
const target = e.dataTransfer;
|
|
310
322
|
if (target && target.files) {
|
|
@@ -379,7 +391,9 @@ function useDropzone(props, emit) {
|
|
|
379
391
|
previewAttrs,
|
|
380
392
|
overlayPreviewAttrs,
|
|
381
393
|
clearButtonAttrs,
|
|
382
|
-
hasPreview
|
|
394
|
+
hasPreview,
|
|
395
|
+
isDragover,
|
|
396
|
+
handleClickInput
|
|
383
397
|
};
|
|
384
398
|
}
|
|
385
399
|
__name(useDropzone, "useDropzone");
|
|
@@ -416,20 +430,31 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
416
430
|
previewAttrs,
|
|
417
431
|
overlayPreviewAttrs,
|
|
418
432
|
clearButtonAttrs,
|
|
419
|
-
hasPreview
|
|
433
|
+
hasPreview,
|
|
434
|
+
isDragover,
|
|
435
|
+
handleClickInput
|
|
420
436
|
} = useDropzone(props, emit);
|
|
421
437
|
return () => {
|
|
422
438
|
const children = slots.default && slots.default();
|
|
423
439
|
const {
|
|
424
440
|
variant,
|
|
441
|
+
icon,
|
|
425
442
|
placeholder,
|
|
426
443
|
description,
|
|
427
444
|
buttonText,
|
|
428
445
|
loadingText,
|
|
429
446
|
overlayVariant,
|
|
430
447
|
isLoading,
|
|
431
|
-
isInvalid
|
|
448
|
+
isInvalid,
|
|
449
|
+
isDisabled
|
|
432
450
|
} = props;
|
|
451
|
+
const slotProps = {
|
|
452
|
+
isDragover: isDragover.value,
|
|
453
|
+
isLoading,
|
|
454
|
+
isInvalid,
|
|
455
|
+
isDisabled,
|
|
456
|
+
handleClickInput
|
|
457
|
+
};
|
|
433
458
|
const overlayTextColor = (0, import_vue3.computed)(() => {
|
|
434
459
|
let color = "black";
|
|
435
460
|
if (overlayVariant === "white") {
|
|
@@ -462,7 +487,7 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
462
487
|
"color": overlayTextColor.value
|
|
463
488
|
}, _isSlot(description) ? description : {
|
|
464
489
|
default: () => [description]
|
|
465
|
-
})]), children]) : (0, import_vue2.createVNode)("div", wrapperAttrs.value, [isLoading && (0, import_vue2.createVNode)("div", boxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, {
|
|
490
|
+
})]), children]) : (0, import_vue2.createVNode)("div", wrapperAttrs.value, [isLoading && (slots.loading ? (0, import_vue2.createVNode)("div", boxAttrs.value, [slots.loading(slotProps)]) : (0, import_vue2.createVNode)("div", boxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, {
|
|
466
491
|
"color": isNextTheme.value ? "icon.brand" : "gray.600"
|
|
467
492
|
}, null), variant !== "avatar" && (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
|
|
468
493
|
"color": isNextTheme.value ? "text.secondary" : "gray.600"
|
|
@@ -472,7 +497,7 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
472
497
|
"color": isNextTheme.value ? "text.danger" : "red.400"
|
|
473
498
|
}), {
|
|
474
499
|
default: () => [(0, import_vue2.createTextVNode)("Cancel")]
|
|
475
|
-
})]), !isLoading && hasPreview.value && (0, import_vue2.createVNode)("div", previewAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, (0, import_vue2.mergeProps)(clearButtonAttrs.value, {
|
|
500
|
+
})])), !isLoading && hasPreview.value && (0, import_vue2.createVNode)("div", previewAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, (0, import_vue2.mergeProps)(clearButtonAttrs.value, {
|
|
476
501
|
"color": isNextTheme.value ? "icon.danger" : "red.400"
|
|
477
502
|
}), null), (0, import_vue2.createVNode)("div", overlayPreviewAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
478
503
|
"name": "upload",
|
|
@@ -482,8 +507,8 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
482
507
|
"color": "white"
|
|
483
508
|
}, _isSlot(buttonText) ? buttonText : {
|
|
484
509
|
default: () => [buttonText]
|
|
485
|
-
})]), (0, import_vue2.createVNode)("img", imageAttrs.value, null)]), !isLoading && !hasPreview.value && variant === "default" && (0, import_vue2.createVNode)("div", boxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
486
|
-
"name": "upload",
|
|
510
|
+
})]), (0, import_vue2.createVNode)("img", imageAttrs.value, null)]), !isLoading && !hasPreview.value && variant === "default" && isDragover.value && slots.dragover && (0, import_vue2.createVNode)("div", boxAttrs.value, [slots.dragover(slotProps)]), !isLoading && !hasPreview.value && variant === "default" && !(isDragover.value && slots.dragover) && (slots.idle ? (0, import_vue2.createVNode)("div", boxAttrs.value, [slots.idle(slotProps)]) : (0, import_vue2.createVNode)("div", boxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
511
|
+
"name": icon || "upload",
|
|
487
512
|
"variant": "outline",
|
|
488
513
|
"color": iconColor.value,
|
|
489
514
|
"style": "width: 80px; height: 80px;"
|
|
@@ -499,8 +524,8 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
499
524
|
"color": isNextTheme.value ? "text.secondary" : "gray.600"
|
|
500
525
|
}, _isSlot(description) ? description : {
|
|
501
526
|
default: () => [description]
|
|
502
|
-
})]), !isLoading && !hasPreview.value && variant === "logo" && (0, import_vue2.createVNode)("div", logoBoxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
503
|
-
"name": "img",
|
|
527
|
+
})])), !isLoading && !hasPreview.value && variant === "logo" && (0, import_vue2.createVNode)("div", logoBoxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
528
|
+
"name": icon || "img",
|
|
504
529
|
"variant": "outline",
|
|
505
530
|
"color": iconColor.value
|
|
506
531
|
}, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
|
|
@@ -508,7 +533,7 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
508
533
|
}, _isSlot(placeholder) ? placeholder : {
|
|
509
534
|
default: () => [placeholder]
|
|
510
535
|
})]), !isLoading && !hasPreview.value && variant === "product" && (0, import_vue2.createVNode)("div", productBoxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
511
|
-
"name": "add-circular",
|
|
536
|
+
"name": icon || "add-circular",
|
|
512
537
|
"variant": "outline",
|
|
513
538
|
"color": iconColor.value
|
|
514
539
|
}, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
|
package/dist/dropzone.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpDropzone
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-GP64IBMZ.mjs";
|
|
4
|
+
import "./chunk-RMSZO4P3.mjs";
|
|
5
|
+
import "./chunk-KTEH52UH.mjs";
|
|
6
6
|
import "./chunk-QZ7VFGWC.mjs";
|
|
7
7
|
export {
|
|
8
8
|
MpDropzone
|
package/dist/index.js
CHANGED
|
@@ -43,6 +43,10 @@ var dropzoneProps = {
|
|
|
43
43
|
type: String,
|
|
44
44
|
default: "default"
|
|
45
45
|
},
|
|
46
|
+
icon: {
|
|
47
|
+
type: String,
|
|
48
|
+
default: ""
|
|
49
|
+
},
|
|
46
50
|
accept: {
|
|
47
51
|
type: String
|
|
48
52
|
},
|
|
@@ -139,6 +143,7 @@ function useDropzone(props, emit) {
|
|
|
139
143
|
const preview = (0, import_vue.ref)("");
|
|
140
144
|
const showOverlay = (0, import_vue.ref)(isShowOverlay.value);
|
|
141
145
|
const overlay = (0, import_vue.ref)();
|
|
146
|
+
const isDragover = (0, import_vue.ref)(false);
|
|
142
147
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "dropzone").value;
|
|
143
148
|
const hasPreview = (0, import_vue.computed)(() => {
|
|
144
149
|
return isShowPreview.value && preview.value;
|
|
@@ -286,6 +291,7 @@ function useDropzone(props, emit) {
|
|
|
286
291
|
if (!isEnableDragAndDrop.value) {
|
|
287
292
|
return;
|
|
288
293
|
}
|
|
294
|
+
isDragover.value = true;
|
|
289
295
|
emit("dragover", e);
|
|
290
296
|
if (hasCustomUpload.value) {
|
|
291
297
|
showOverlay.value = true;
|
|
@@ -296,6 +302,11 @@ function useDropzone(props, emit) {
|
|
|
296
302
|
if (!isEnableDragAndDrop.value) {
|
|
297
303
|
return;
|
|
298
304
|
}
|
|
305
|
+
const currentTarget = e.currentTarget;
|
|
306
|
+
const relatedTarget = e.relatedTarget;
|
|
307
|
+
if (!currentTarget || !relatedTarget || !currentTarget.contains(relatedTarget)) {
|
|
308
|
+
isDragover.value = false;
|
|
309
|
+
}
|
|
299
310
|
emit("dragleave", e);
|
|
300
311
|
if (e.target === overlay.value) {
|
|
301
312
|
showOverlay.value = false;
|
|
@@ -307,6 +318,7 @@ function useDropzone(props, emit) {
|
|
|
307
318
|
if (!isEnableDragAndDrop.value) {
|
|
308
319
|
return;
|
|
309
320
|
}
|
|
321
|
+
isDragover.value = false;
|
|
310
322
|
emit("drop", e);
|
|
311
323
|
const target = e.dataTransfer;
|
|
312
324
|
if (target && target.files) {
|
|
@@ -381,7 +393,9 @@ function useDropzone(props, emit) {
|
|
|
381
393
|
previewAttrs,
|
|
382
394
|
overlayPreviewAttrs,
|
|
383
395
|
clearButtonAttrs,
|
|
384
|
-
hasPreview
|
|
396
|
+
hasPreview,
|
|
397
|
+
isDragover,
|
|
398
|
+
handleClickInput
|
|
385
399
|
};
|
|
386
400
|
}
|
|
387
401
|
__name(useDropzone, "useDropzone");
|
|
@@ -418,20 +432,31 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
418
432
|
previewAttrs,
|
|
419
433
|
overlayPreviewAttrs,
|
|
420
434
|
clearButtonAttrs,
|
|
421
|
-
hasPreview
|
|
435
|
+
hasPreview,
|
|
436
|
+
isDragover,
|
|
437
|
+
handleClickInput
|
|
422
438
|
} = useDropzone(props, emit);
|
|
423
439
|
return () => {
|
|
424
440
|
const children = slots.default && slots.default();
|
|
425
441
|
const {
|
|
426
442
|
variant,
|
|
443
|
+
icon,
|
|
427
444
|
placeholder,
|
|
428
445
|
description,
|
|
429
446
|
buttonText,
|
|
430
447
|
loadingText,
|
|
431
448
|
overlayVariant,
|
|
432
449
|
isLoading,
|
|
433
|
-
isInvalid
|
|
450
|
+
isInvalid,
|
|
451
|
+
isDisabled
|
|
434
452
|
} = props;
|
|
453
|
+
const slotProps = {
|
|
454
|
+
isDragover: isDragover.value,
|
|
455
|
+
isLoading,
|
|
456
|
+
isInvalid,
|
|
457
|
+
isDisabled,
|
|
458
|
+
handleClickInput
|
|
459
|
+
};
|
|
435
460
|
const overlayTextColor = (0, import_vue3.computed)(() => {
|
|
436
461
|
let color = "black";
|
|
437
462
|
if (overlayVariant === "white") {
|
|
@@ -464,7 +489,7 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
464
489
|
"color": overlayTextColor.value
|
|
465
490
|
}, _isSlot(description) ? description : {
|
|
466
491
|
default: () => [description]
|
|
467
|
-
})]), children]) : (0, import_vue2.createVNode)("div", wrapperAttrs.value, [isLoading && (0, import_vue2.createVNode)("div", boxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, {
|
|
492
|
+
})]), children]) : (0, import_vue2.createVNode)("div", wrapperAttrs.value, [isLoading && (slots.loading ? (0, import_vue2.createVNode)("div", boxAttrs.value, [slots.loading(slotProps)]) : (0, import_vue2.createVNode)("div", boxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, {
|
|
468
493
|
"color": isNextTheme.value ? "icon.brand" : "gray.600"
|
|
469
494
|
}, null), variant !== "avatar" && (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
|
|
470
495
|
"color": isNextTheme.value ? "text.secondary" : "gray.600"
|
|
@@ -474,7 +499,7 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
474
499
|
"color": isNextTheme.value ? "text.danger" : "red.400"
|
|
475
500
|
}), {
|
|
476
501
|
default: () => [(0, import_vue2.createTextVNode)("Cancel")]
|
|
477
|
-
})]), !isLoading && hasPreview.value && (0, import_vue2.createVNode)("div", previewAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, (0, import_vue2.mergeProps)(clearButtonAttrs.value, {
|
|
502
|
+
})])), !isLoading && hasPreview.value && (0, import_vue2.createVNode)("div", previewAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, (0, import_vue2.mergeProps)(clearButtonAttrs.value, {
|
|
478
503
|
"color": isNextTheme.value ? "icon.danger" : "red.400"
|
|
479
504
|
}), null), (0, import_vue2.createVNode)("div", overlayPreviewAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
480
505
|
"name": "upload",
|
|
@@ -484,8 +509,8 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
484
509
|
"color": "white"
|
|
485
510
|
}, _isSlot(buttonText) ? buttonText : {
|
|
486
511
|
default: () => [buttonText]
|
|
487
|
-
})]), (0, import_vue2.createVNode)("img", imageAttrs.value, null)]), !isLoading && !hasPreview.value && variant === "default" && (0, import_vue2.createVNode)("div", boxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
488
|
-
"name": "upload",
|
|
512
|
+
})]), (0, import_vue2.createVNode)("img", imageAttrs.value, null)]), !isLoading && !hasPreview.value && variant === "default" && isDragover.value && slots.dragover && (0, import_vue2.createVNode)("div", boxAttrs.value, [slots.dragover(slotProps)]), !isLoading && !hasPreview.value && variant === "default" && !(isDragover.value && slots.dragover) && (slots.idle ? (0, import_vue2.createVNode)("div", boxAttrs.value, [slots.idle(slotProps)]) : (0, import_vue2.createVNode)("div", boxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
513
|
+
"name": icon || "upload",
|
|
489
514
|
"variant": "outline",
|
|
490
515
|
"color": iconColor.value,
|
|
491
516
|
"style": "width: 80px; height: 80px;"
|
|
@@ -501,8 +526,8 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
501
526
|
"color": isNextTheme.value ? "text.secondary" : "gray.600"
|
|
502
527
|
}, _isSlot(description) ? description : {
|
|
503
528
|
default: () => [description]
|
|
504
|
-
})]), !isLoading && !hasPreview.value && variant === "logo" && (0, import_vue2.createVNode)("div", logoBoxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
505
|
-
"name": "img",
|
|
529
|
+
})])), !isLoading && !hasPreview.value && variant === "logo" && (0, import_vue2.createVNode)("div", logoBoxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
530
|
+
"name": icon || "img",
|
|
506
531
|
"variant": "outline",
|
|
507
532
|
"color": iconColor.value
|
|
508
533
|
}, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
|
|
@@ -510,7 +535,7 @@ var MpDropzone = (0, import_vue3.defineComponent)({
|
|
|
510
535
|
}, _isSlot(placeholder) ? placeholder : {
|
|
511
536
|
default: () => [placeholder]
|
|
512
537
|
})]), !isLoading && !hasPreview.value && variant === "product" && (0, import_vue2.createVNode)("div", productBoxAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
513
|
-
"name": "add-circular",
|
|
538
|
+
"name": icon || "add-circular",
|
|
514
539
|
"variant": "outline",
|
|
515
540
|
"color": iconColor.value
|
|
516
541
|
}, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpDropzone
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-GP64IBMZ.mjs";
|
|
4
|
+
import "./chunk-RMSZO4P3.mjs";
|
|
5
|
+
import "./chunk-KTEH52UH.mjs";
|
|
6
6
|
import "./chunk-QZ7VFGWC.mjs";
|
|
7
7
|
import "./chunk-VE4DE26L.mjs";
|
|
8
8
|
export {
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/dropzone.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/dropzone.props.ts":{"bytes":2257,"imports":[],"format":"esm"},"src/modules/dropzone.hooks.ts":{"bytes":6820,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/dropzone.tsx":{"bytes":6617,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/dropzone.props.ts","kind":"import-statement","original":"./modules/dropzone.props"},{"path":"src/modules/dropzone.hooks.ts","kind":"import-statement","original":"./modules/dropzone.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/dropzone.types.ts":{"bytes":213,"imports":[],"format":"esm"},"src/index.ts":{"bytes":167,"imports":[{"path":"src/dropzone.tsx","kind":"import-statement","original":"./dropzone"},{"path":"src/modules/dropzone.types.ts","kind":"import-statement","original":"./modules/dropzone.types"}],"format":"esm"}},"outputs":{"dist/dropzone.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/dropzone.tsx","inputs":{"src/dropzone.tsx":{"bytesInOutput":7530},"src/modules/dropzone.props.ts":{"bytesInOutput":1323},"src/modules/dropzone.hooks.ts":{"bytesInOutput":7495}},"bytes":17451},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":125},"src/dropzone.tsx":{"bytesInOutput":7390},"src/modules/dropzone.props.ts":{"bytesInOutput":1323},"src/modules/dropzone.hooks.ts":{"bytesInOutput":7495}},"bytes":17453},"dist/modules/dropzone.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/dropzone.hooks.ts","inputs":{"src/modules/dropzone.hooks.ts":{"bytesInOutput":7655}},"bytes":8683},"dist/modules/dropzone.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/dropzone.props.ts","inputs":{"src/modules/dropzone.props.ts":{"bytesInOutput":1523}},"bytes":2479},"dist/modules/dropzone.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/dropzone.types.ts","inputs":{"src/modules/dropzone.types.ts":{"bytesInOutput":88}},"bytes":793}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/dropzone.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/dropzone.props.ts":{"bytes":2257,"imports":[],"format":"esm"},"src/modules/dropzone.hooks.ts":{"bytes":6820,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/dropzone.tsx":{"bytes":6617,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/dropzone.props.ts","kind":"import-statement","original":"./modules/dropzone.props"},{"path":"src/modules/dropzone.hooks.ts","kind":"import-statement","original":"./modules/dropzone.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/dropzone.types.ts":{"bytes":213,"imports":[],"format":"esm"},"src/index.ts":{"bytes":167,"imports":[{"path":"src/dropzone.tsx","kind":"import-statement","original":"./dropzone"},{"path":"src/modules/dropzone.types.ts","kind":"import-statement","original":"./modules/dropzone.types"}],"format":"esm"}},"outputs":{"dist/dropzone.mjs":{"imports":[{"path":"dist/chunk-GP64IBMZ.mjs","kind":"import-statement"},{"path":"dist/chunk-RMSZO4P3.mjs","kind":"import-statement"},{"path":"dist/chunk-KTEH52UH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDropzone"],"entryPoint":"src/dropzone.tsx","inputs":{},"bytes":171},"dist/index.mjs":{"imports":[{"path":"dist/chunk-GP64IBMZ.mjs","kind":"import-statement"},{"path":"dist/chunk-RMSZO4P3.mjs","kind":"import-statement"},{"path":"dist/chunk-KTEH52UH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"dist/chunk-VE4DE26L.mjs","kind":"import-statement"}],"exports":["MpDropzone"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":202},"dist/chunk-GP64IBMZ.mjs":{"imports":[{"path":"dist/chunk-RMSZO4P3.mjs","kind":"import-statement"},{"path":"dist/chunk-KTEH52UH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpDropzone"],"inputs":{"src/dropzone.tsx":{"bytesInOutput":6424}},"bytes":6646},"dist/modules/dropzone.hooks.mjs":{"imports":[{"path":"dist/chunk-RMSZO4P3.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useDropzone"],"entryPoint":"src/modules/dropzone.hooks.ts","inputs":{},"bytes":113},"dist/chunk-RMSZO4P3.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useDropzone"],"inputs":{"src/modules/dropzone.hooks.ts":{"bytesInOutput":6890}},"bytes":7000},"dist/modules/dropzone.props.mjs":{"imports":[{"path":"dist/chunk-KTEH52UH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["dropzoneEmit","dropzoneProps"],"entryPoint":"src/modules/dropzone.props.ts","inputs":{},"bytes":149},"dist/chunk-KTEH52UH.mjs":{"imports":[],"exports":["dropzoneEmit","dropzoneProps"],"inputs":{"src/modules/dropzone.props.ts":{"bytesInOutput":1323}},"bytes":1401},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/dropzone.types.mjs":{"imports":[{"path":"dist/chunk-VE4DE26L.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/dropzone.types.ts","inputs":{},"bytes":32},"dist/chunk-VE4DE26L.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/dropzone.types.ts":{"bytesInOutput":0}},"bytes":0}}}
|
|
@@ -95,6 +95,8 @@ declare function useDropzone(props: DropzoneProps, emit: DropzoenEmits): {
|
|
|
95
95
|
onClick: (e: Event) => void;
|
|
96
96
|
}>;
|
|
97
97
|
hasPreview: vue.ComputedRef<string | false>;
|
|
98
|
+
isDragover: vue.Ref<boolean>;
|
|
99
|
+
handleClickInput: () => void;
|
|
98
100
|
};
|
|
99
101
|
|
|
100
102
|
export { useDropzone };
|
|
@@ -95,6 +95,8 @@ declare function useDropzone(props: DropzoneProps, emit: DropzoenEmits): {
|
|
|
95
95
|
onClick: (e: Event) => void;
|
|
96
96
|
}>;
|
|
97
97
|
hasPreview: vue.ComputedRef<string | false>;
|
|
98
|
+
isDragover: vue.Ref<boolean>;
|
|
99
|
+
handleClickInput: () => void;
|
|
98
100
|
};
|
|
99
101
|
|
|
100
102
|
export { useDropzone };
|
|
@@ -50,6 +50,7 @@ function useDropzone(props, emit) {
|
|
|
50
50
|
const preview = (0, import_vue.ref)("");
|
|
51
51
|
const showOverlay = (0, import_vue.ref)(isShowOverlay.value);
|
|
52
52
|
const overlay = (0, import_vue.ref)();
|
|
53
|
+
const isDragover = (0, import_vue.ref)(false);
|
|
53
54
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "dropzone").value;
|
|
54
55
|
const hasPreview = (0, import_vue.computed)(() => {
|
|
55
56
|
return isShowPreview.value && preview.value;
|
|
@@ -197,6 +198,7 @@ function useDropzone(props, emit) {
|
|
|
197
198
|
if (!isEnableDragAndDrop.value) {
|
|
198
199
|
return;
|
|
199
200
|
}
|
|
201
|
+
isDragover.value = true;
|
|
200
202
|
emit("dragover", e);
|
|
201
203
|
if (hasCustomUpload.value) {
|
|
202
204
|
showOverlay.value = true;
|
|
@@ -207,6 +209,11 @@ function useDropzone(props, emit) {
|
|
|
207
209
|
if (!isEnableDragAndDrop.value) {
|
|
208
210
|
return;
|
|
209
211
|
}
|
|
212
|
+
const currentTarget = e.currentTarget;
|
|
213
|
+
const relatedTarget = e.relatedTarget;
|
|
214
|
+
if (!currentTarget || !relatedTarget || !currentTarget.contains(relatedTarget)) {
|
|
215
|
+
isDragover.value = false;
|
|
216
|
+
}
|
|
210
217
|
emit("dragleave", e);
|
|
211
218
|
if (e.target === overlay.value) {
|
|
212
219
|
showOverlay.value = false;
|
|
@@ -218,6 +225,7 @@ function useDropzone(props, emit) {
|
|
|
218
225
|
if (!isEnableDragAndDrop.value) {
|
|
219
226
|
return;
|
|
220
227
|
}
|
|
228
|
+
isDragover.value = false;
|
|
221
229
|
emit("drop", e);
|
|
222
230
|
const target = e.dataTransfer;
|
|
223
231
|
if (target && target.files) {
|
|
@@ -292,7 +300,9 @@ function useDropzone(props, emit) {
|
|
|
292
300
|
previewAttrs,
|
|
293
301
|
overlayPreviewAttrs,
|
|
294
302
|
clearButtonAttrs,
|
|
295
|
-
hasPreview
|
|
303
|
+
hasPreview,
|
|
304
|
+
isDragover,
|
|
305
|
+
handleClickInput
|
|
296
306
|
};
|
|
297
307
|
}
|
|
298
308
|
__name(useDropzone, "useDropzone");
|
|
@@ -10,6 +10,10 @@ declare const dropzoneProps: {
|
|
|
10
10
|
type: PropType<DropzoneVariant>;
|
|
11
11
|
default: string;
|
|
12
12
|
};
|
|
13
|
+
icon: {
|
|
14
|
+
type: PropType<"" | "number" | "function" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-cloud-unsynced" | "data-connect" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "file-transfer" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "location-untracked" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "plugin-builder" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "recall" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "talenta-performance" | "talenta-recruitment" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "variable" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "officeless" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "dropdown" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "input" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "text-editor-block-quote" | "text-editor-inline-code" | "textarea" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "officeless-black" | "officeless-brand" | "officeless-outline" | "officeless-slate" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
13
17
|
accept: {
|
|
14
18
|
type: PropType<string>;
|
|
15
19
|
};
|
|
@@ -10,6 +10,10 @@ declare const dropzoneProps: {
|
|
|
10
10
|
type: PropType<DropzoneVariant>;
|
|
11
11
|
default: string;
|
|
12
12
|
};
|
|
13
|
+
icon: {
|
|
14
|
+
type: PropType<"" | "number" | "function" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-cloud-unsynced" | "data-connect" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "file-transfer" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "location-untracked" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "plugin-builder" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "recall" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "talenta-performance" | "talenta-recruitment" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "variable" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "officeless" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "dropdown" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "input" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "text-editor-block-quote" | "text-editor-inline-code" | "textarea" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "officeless-black" | "officeless-brand" | "officeless-outline" | "officeless-slate" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
13
17
|
accept: {
|
|
14
18
|
type: PropType<string>;
|
|
15
19
|
};
|
package/package.json
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-dropzone",
|
|
3
3
|
"description": "Dropzone component for mekari pixel 3",
|
|
4
|
-
"version": "0.0
|
|
4
|
+
"version": "0.1.0",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@mekari/pixel3-icon": "0.1.
|
|
12
|
-
"@mekari/pixel3-spinner": "0.0.26",
|
|
11
|
+
"@mekari/pixel3-icon": "0.1.3",
|
|
13
12
|
"@mekari/pixel3-text": "0.0.22",
|
|
14
|
-
"@mekari/pixel3-
|
|
13
|
+
"@mekari/pixel3-spinner": "0.0.27",
|
|
14
|
+
"@mekari/pixel3-utils": "0.1.0",
|
|
15
15
|
"@mekari/pixel3-tooltip": "0.0.22",
|
|
16
|
-
"@mekari/pixel3-
|
|
16
|
+
"@mekari/pixel3-styled-system": "0.2.0"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"vue": "^3.4.9"
|