55 lines
2.4 KiB
JavaScript
55 lines
2.4 KiB
JavaScript
import { a as __unplugin_components_0 } from './chunk-6003391e.js';
|
|
import { defineComponent, toRefs, ref, mergeProps, unref, withCtx, createTextVNode, useSSRContext } from 'vue';
|
|
import { ssrRenderAttrs, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderSlot, ssrInterpolate, ssrRenderComponent } from 'vue/server-renderer';
|
|
import 'lodash';
|
|
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "c-file-upload",
|
|
__ssrInlineRender: true,
|
|
props: {
|
|
multiple: { type: Boolean, default: false },
|
|
accept: { default: void 0 },
|
|
title: { default: "Drag and drop files here, or click to select files" }
|
|
},
|
|
emits: ["filesUpload", "fileUpload"],
|
|
setup(__props, { emit }) {
|
|
const props = __props;
|
|
const { multiple } = toRefs(props);
|
|
const isOverDropZone = ref(false);
|
|
ref(null);
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
const _component_c_button = __unplugin_components_0;
|
|
_push(`<div${ssrRenderAttrs(mergeProps({
|
|
class: ["flex flex-col cursor-pointer items-center justify-center border-2px border-gray-300 border-opacity-50 rounded-lg border-dashed p-8 transition-colors", {
|
|
"border-primary border-opacity-100": unref(isOverDropZone)
|
|
}]
|
|
}, _attrs))}><input type="file" class="hidden"${ssrIncludeBooleanAttr(unref(multiple)) ? " multiple" : ""}${ssrRenderAttr("accept", _ctx.accept)}>`);
|
|
ssrRenderSlot(_ctx.$slots, "default", {}, () => {
|
|
_push(`<span op-70>${ssrInterpolate(_ctx.title)}</span><div my-4 w-full flex items-center justify-center op-70><div class="h-1px max-w-100px flex-1 bg-gray-300 op-50"></div><div class="mx-2 text-gray-400"> or </div><div class="h-1px max-w-100px flex-1 bg-gray-300 op-50"></div></div>`);
|
|
_push(ssrRenderComponent(_component_c_button, null, {
|
|
default: withCtx((_2, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(` Browse files `);
|
|
} else {
|
|
return [
|
|
createTextVNode(" Browse files ")
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
}, _push, _parent);
|
|
_push(`</div>`);
|
|
};
|
|
}
|
|
});
|
|
|
|
const _sfc_setup = _sfc_main.setup;
|
|
_sfc_main.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/ui/c-file-upload/c-file-upload.vue");
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
|
};
|
|
|
|
export { _sfc_main as _ };
|