mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
🔧：build SSR dist and deploy
This commit is contained in:
NEO
parent
76c26901d7
commit
c59ad6aedb
465 changed files with 214127 additions and 2 deletions
458
dist/server/chunks/chunk-f465de26.js
vendored
Normal file
458
dist/server/chunks/chunk-f465de26.js
vendored
Normal file
|
|
@ -0,0 +1,458 @@
|
|||
import { a as __unplugin_components_0$1 } from './chunk-6003391e.js';
|
||||
import { NGrid, NGi, NForm, NFormItem, NColorPicker, NImage } from 'naive-ui';
|
||||
import { _ as __unplugin_components_0 } from './chunk-89a4876c.js';
|
||||
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||||
import { a as __unplugin_components_1 } from './chunk-8109fd17.js';
|
||||
import { defineComponent, ref, withCtx, unref, isRef, createVNode, createTextVNode, useSSRContext } from 'vue';
|
||||
import { ssrRenderComponent } from 'vue/server-renderer';
|
||||
import { u as useQRCode } from './chunk-aa632c49.js';
|
||||
import { u as useDownloadFileFromBase64 } from './chunk-cce4ae69.js';
|
||||
import '@vueuse/core';
|
||||
import 'pinia';
|
||||
import './chunk-bb5bb4f6.js';
|
||||
import './chunk-2ce6ed5e.js';
|
||||
import 'fuse.js';
|
||||
import './chunk-11f44f81.js';
|
||||
import './chunk-35c3d701.js';
|
||||
import 'lodash';
|
||||
import 'qrcode';
|
||||
import 'mime-types';
|
||||
|
||||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||||
__name: "qr-code-generator",
|
||||
__ssrInlineRender: true,
|
||||
setup(__props) {
|
||||
const foreground = ref("#000000ff");
|
||||
const background = ref("#ffffffff");
|
||||
const errorCorrectionLevel = ref("medium");
|
||||
const errorCorrectionLevels = ["low", "medium", "quartile", "high"];
|
||||
const text = ref("https://it-tools.tech");
|
||||
const { qrcode } = useQRCode({
|
||||
text,
|
||||
color: {
|
||||
background,
|
||||
foreground
|
||||
},
|
||||
errorCorrectionLevel,
|
||||
options: { width: 1024 }
|
||||
});
|
||||
const { download } = useDownloadFileFromBase64({ source: qrcode, filename: "qr-code.png" });
|
||||
return (_ctx, _push, _parent, _attrs) => {
|
||||
const _component_c_card = __unplugin_components_1;
|
||||
const _component_n_grid = NGrid;
|
||||
const _component_n_gi = NGi;
|
||||
const _component_c_input_text = __unplugin_components_3;
|
||||
const _component_n_form = NForm;
|
||||
const _component_n_form_item = NFormItem;
|
||||
const _component_n_color_picker = NColorPicker;
|
||||
const _component_c_select = __unplugin_components_0;
|
||||
const _component_n_image = NImage;
|
||||
const _component_c_button = __unplugin_components_0$1;
|
||||
_push(ssrRenderComponent(_component_c_card, _attrs, {
|
||||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||||
if (_push2) {
|
||||
_push2(ssrRenderComponent(_component_n_grid, {
|
||||
"x-gap": "12",
|
||||
"y-gap": "12",
|
||||
cols: "1 600:3"
|
||||
}, {
|
||||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||||
if (_push3) {
|
||||
_push3(ssrRenderComponent(_component_n_gi, { span: "2" }, {
|
||||
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||||
if (_push4) {
|
||||
_push4(ssrRenderComponent(_component_c_input_text, {
|
||||
value: unref(text),
|
||||
"onUpdate:value": ($event) => isRef(text) ? text.value = $event : null,
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
label: "Text:",
|
||||
multiline: "",
|
||||
rows: "1",
|
||||
autosize: "",
|
||||
placeholder: "Your link or text...",
|
||||
"mb-6": ""
|
||||
}, null, _parent4, _scopeId3));
|
||||
_push4(ssrRenderComponent(_component_n_form, {
|
||||
"label-width": "130",
|
||||
"label-placement": "left"
|
||||
}, {
|
||||
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
||||
if (_push5) {
|
||||
_push5(ssrRenderComponent(_component_n_form_item, { label: "Foreground color:" }, {
|
||||
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
|
||||
if (_push6) {
|
||||
_push6(ssrRenderComponent(_component_n_color_picker, {
|
||||
value: unref(foreground),
|
||||
"onUpdate:value": ($event) => isRef(foreground) ? foreground.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, _parent6, _scopeId5));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(foreground),
|
||||
"onUpdate:value": ($event) => isRef(foreground) ? foreground.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent5, _scopeId4));
|
||||
_push5(ssrRenderComponent(_component_n_form_item, { label: "Background color:" }, {
|
||||
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
|
||||
if (_push6) {
|
||||
_push6(ssrRenderComponent(_component_n_color_picker, {
|
||||
value: unref(background),
|
||||
"onUpdate:value": ($event) => isRef(background) ? background.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, _parent6, _scopeId5));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(background),
|
||||
"onUpdate:value": ($event) => isRef(background) ? background.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent5, _scopeId4));
|
||||
_push5(ssrRenderComponent(_component_c_select, {
|
||||
value: unref(errorCorrectionLevel),
|
||||
"onUpdate:value": ($event) => isRef(errorCorrectionLevel) ? errorCorrectionLevel.value = $event : null,
|
||||
label: "Error resistance:",
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
options: errorCorrectionLevels.map((value) => ({ label: value, value }))
|
||||
}, null, _parent5, _scopeId4));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_n_form_item, { label: "Foreground color:" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(foreground),
|
||||
"onUpdate:value": ($event) => isRef(foreground) ? foreground.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_n_form_item, { label: "Background color:" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(background),
|
||||
"onUpdate:value": ($event) => isRef(background) ? background.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_c_select, {
|
||||
value: unref(errorCorrectionLevel),
|
||||
"onUpdate:value": ($event) => isRef(errorCorrectionLevel) ? errorCorrectionLevel.value = $event : null,
|
||||
label: "Error resistance:",
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
options: errorCorrectionLevels.map((value) => ({ label: value, value }))
|
||||
}, null, 8, ["value", "onUpdate:value", "options"])
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent4, _scopeId3));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_c_input_text, {
|
||||
value: unref(text),
|
||||
"onUpdate:value": ($event) => isRef(text) ? text.value = $event : null,
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
label: "Text:",
|
||||
multiline: "",
|
||||
rows: "1",
|
||||
autosize: "",
|
||||
placeholder: "Your link or text...",
|
||||
"mb-6": ""
|
||||
}, null, 8, ["value", "onUpdate:value"]),
|
||||
createVNode(_component_n_form, {
|
||||
"label-width": "130",
|
||||
"label-placement": "left"
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_form_item, { label: "Foreground color:" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(foreground),
|
||||
"onUpdate:value": ($event) => isRef(foreground) ? foreground.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_n_form_item, { label: "Background color:" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(background),
|
||||
"onUpdate:value": ($event) => isRef(background) ? background.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_c_select, {
|
||||
value: unref(errorCorrectionLevel),
|
||||
"onUpdate:value": ($event) => isRef(errorCorrectionLevel) ? errorCorrectionLevel.value = $event : null,
|
||||
label: "Error resistance:",
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
options: errorCorrectionLevels.map((value) => ({ label: value, value }))
|
||||
}, null, 8, ["value", "onUpdate:value", "options"])
|
||||
]),
|
||||
_: 1
|
||||
})
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent3, _scopeId2));
|
||||
_push3(ssrRenderComponent(_component_n_gi, null, {
|
||||
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||||
if (_push4) {
|
||||
_push4(`<div flex flex-col items-center gap-3${_scopeId3}>`);
|
||||
_push4(ssrRenderComponent(_component_n_image, {
|
||||
src: unref(qrcode),
|
||||
width: "200"
|
||||
}, null, _parent4, _scopeId3));
|
||||
_push4(ssrRenderComponent(_component_c_button, { onClick: unref(download) }, {
|
||||
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
||||
if (_push5) {
|
||||
_push5(` Download qr-code `);
|
||||
} else {
|
||||
return [
|
||||
createTextVNode(" Download qr-code ")
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent4, _scopeId3));
|
||||
_push4(`</div>`);
|
||||
} else {
|
||||
return [
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"flex-col": "",
|
||||
"items-center": "",
|
||||
"gap-3": ""
|
||||
}, [
|
||||
createVNode(_component_n_image, {
|
||||
src: unref(qrcode),
|
||||
width: "200"
|
||||
}, null, 8, ["src"]),
|
||||
createVNode(_component_c_button, { onClick: unref(download) }, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(" Download qr-code ")
|
||||
]),
|
||||
_: 1
|
||||
}, 8, ["onClick"])
|
||||
])
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent3, _scopeId2));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_n_gi, { span: "2" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_c_input_text, {
|
||||
value: unref(text),
|
||||
"onUpdate:value": ($event) => isRef(text) ? text.value = $event : null,
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
label: "Text:",
|
||||
multiline: "",
|
||||
rows: "1",
|
||||
autosize: "",
|
||||
placeholder: "Your link or text...",
|
||||
"mb-6": ""
|
||||
}, null, 8, ["value", "onUpdate:value"]),
|
||||
createVNode(_component_n_form, {
|
||||
"label-width": "130",
|
||||
"label-placement": "left"
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_form_item, { label: "Foreground color:" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(foreground),
|
||||
"onUpdate:value": ($event) => isRef(foreground) ? foreground.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_n_form_item, { label: "Background color:" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(background),
|
||||
"onUpdate:value": ($event) => isRef(background) ? background.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_c_select, {
|
||||
value: unref(errorCorrectionLevel),
|
||||
"onUpdate:value": ($event) => isRef(errorCorrectionLevel) ? errorCorrectionLevel.value = $event : null,
|
||||
label: "Error resistance:",
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
options: errorCorrectionLevels.map((value) => ({ label: value, value }))
|
||||
}, null, 8, ["value", "onUpdate:value", "options"])
|
||||
]),
|
||||
_: 1
|
||||
})
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_n_gi, null, {
|
||||
default: withCtx(() => [
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"flex-col": "",
|
||||
"items-center": "",
|
||||
"gap-3": ""
|
||||
}, [
|
||||
createVNode(_component_n_image, {
|
||||
src: unref(qrcode),
|
||||
width: "200"
|
||||
}, null, 8, ["src"]),
|
||||
createVNode(_component_c_button, { onClick: unref(download) }, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(" Download qr-code ")
|
||||
]),
|
||||
_: 1
|
||||
}, 8, ["onClick"])
|
||||
])
|
||||
]),
|
||||
_: 1
|
||||
})
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent2, _scopeId));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_n_grid, {
|
||||
"x-gap": "12",
|
||||
"y-gap": "12",
|
||||
cols: "1 600:3"
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_gi, { span: "2" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_c_input_text, {
|
||||
value: unref(text),
|
||||
"onUpdate:value": ($event) => isRef(text) ? text.value = $event : null,
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
label: "Text:",
|
||||
multiline: "",
|
||||
rows: "1",
|
||||
autosize: "",
|
||||
placeholder: "Your link or text...",
|
||||
"mb-6": ""
|
||||
}, null, 8, ["value", "onUpdate:value"]),
|
||||
createVNode(_component_n_form, {
|
||||
"label-width": "130",
|
||||
"label-placement": "left"
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_form_item, { label: "Foreground color:" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(foreground),
|
||||
"onUpdate:value": ($event) => isRef(foreground) ? foreground.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_n_form_item, { label: "Background color:" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_color_picker, {
|
||||
value: unref(background),
|
||||
"onUpdate:value": ($event) => isRef(background) ? background.value = $event : null,
|
||||
modes: ["hex"]
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_c_select, {
|
||||
value: unref(errorCorrectionLevel),
|
||||
"onUpdate:value": ($event) => isRef(errorCorrectionLevel) ? errorCorrectionLevel.value = $event : null,
|
||||
label: "Error resistance:",
|
||||
"label-position": "left",
|
||||
"label-width": "130px",
|
||||
"label-align": "right",
|
||||
options: errorCorrectionLevels.map((value) => ({ label: value, value }))
|
||||
}, null, 8, ["value", "onUpdate:value", "options"])
|
||||
]),
|
||||
_: 1
|
||||
})
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
createVNode(_component_n_gi, null, {
|
||||
default: withCtx(() => [
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"flex-col": "",
|
||||
"items-center": "",
|
||||
"gap-3": ""
|
||||
}, [
|
||||
createVNode(_component_n_image, {
|
||||
src: unref(qrcode),
|
||||
width: "200"
|
||||
}, null, 8, ["src"]),
|
||||
createVNode(_component_c_button, { onClick: unref(download) }, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(" Download qr-code ")
|
||||
]),
|
||||
_: 1
|
||||
}, 8, ["onClick"])
|
||||
])
|
||||
]),
|
||||
_: 1
|
||||
})
|
||||
]),
|
||||
_: 1
|
||||
})
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent));
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
const _sfc_setup = _sfc_main.setup;
|
||||
_sfc_main.setup = (props, ctx) => {
|
||||
const ssrContext = useSSRContext();
|
||||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/qr-code-generator/qr-code-generator.vue");
|
||||
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||||
};
|
||||
|
||||
export { _sfc_main as default };
|
||||
Loading…
Add table
Add a link
Reference in a new issue