mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
394 lines
18 KiB
JavaScript
394 lines
18 KiB
JavaScript
|
import { a as __unplugin_components_0, _ as _export_sfc } from './chunk-6003391e.js';
|
||
|
|
import { NForm, NFormItem, NSwitch, NSlider } from 'naive-ui';
|
||
|
|
import { a as __unplugin_components_1 } from './chunk-8109fd17.js';
|
||
|
|
import { defineComponent, withCtx, unref, isRef, createVNode, createTextVNode, toDisplayString, useSSRContext } from 'vue';
|
||
|
|
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';
|
||
|
|
import { c as createToken } from './chunk-264f08b8.js';
|
||
|
|
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||
|
|
import { u as useCopy } from './chunk-77c5cc16.js';
|
||
|
|
import { u as useQueryParam } from './chunk-bc09e76f.js';
|
||
|
|
import { c as computedRefreshable } from './chunk-cc665c88.js';
|
||
|
|
import { useI18n } from 'vue-i18n/dist/vue-i18n.runtime.esm-bundler.js';
|
||
|
|
import '@vueuse/core';
|
||
|
|
import 'pinia';
|
||
|
|
import './chunk-11f44f81.js';
|
||
|
|
import './chunk-35c3d701.js';
|
||
|
|
import 'lodash';
|
||
|
|
import '@vueuse/router';
|
||
|
|
|
||
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
|
|
__name: "token-generator.tool",
|
||
|
|
__ssrInlineRender: true,
|
||
|
|
setup(__props) {
|
||
|
|
const length = useQueryParam({ name: "length", defaultValue: 64 });
|
||
|
|
const withUppercase = useQueryParam({ name: "uppercase", defaultValue: true });
|
||
|
|
const withLowercase = useQueryParam({ name: "lowercase", defaultValue: true });
|
||
|
|
const withNumbers = useQueryParam({ name: "numbers", defaultValue: true });
|
||
|
|
const withSymbols = useQueryParam({ name: "symbols", defaultValue: false });
|
||
|
|
const { t } = useI18n();
|
||
|
|
const [token, refreshToken] = computedRefreshable(
|
||
|
|
() => createToken({
|
||
|
|
length: length.value,
|
||
|
|
withUppercase: withUppercase.value,
|
||
|
|
withLowercase: withLowercase.value,
|
||
|
|
withNumbers: withNumbers.value,
|
||
|
|
withSymbols: withSymbols.value
|
||
|
|
})
|
||
|
|
);
|
||
|
|
const { copy } = useCopy({ source: token, text: t("tools.token-generator.copied") });
|
||
|
|
return (_ctx, _push, _parent, _attrs) => {
|
||
|
|
const _component_c_card = __unplugin_components_1;
|
||
|
|
const _component_n_form = NForm;
|
||
|
|
const _component_n_form_item = NFormItem;
|
||
|
|
const _component_n_switch = NSwitch;
|
||
|
|
const _component_n_slider = NSlider;
|
||
|
|
const _component_c_button = __unplugin_components_0;
|
||
|
|
_push(`<div${ssrRenderAttrs(_attrs)} data-v-1b0e7f55>`);
|
||
|
|
_push(ssrRenderComponent(_component_c_card, null, {
|
||
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
|
|
if (_push2) {
|
||
|
|
_push2(ssrRenderComponent(_component_n_form, {
|
||
|
|
"label-placement": "left",
|
||
|
|
"label-width": "140"
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(`<div flex justify-center data-v-1b0e7f55${_scopeId2}><div data-v-1b0e7f55${_scopeId2}>`);
|
||
|
|
_push3(ssrRenderComponent(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.uppercase")
|
||
|
|
}, {
|
||
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
|
|
if (_push4) {
|
||
|
|
_push4(ssrRenderComponent(_component_n_switch, {
|
||
|
|
value: unref(withUppercase),
|
||
|
|
"onUpdate:value": ($event) => isRef(withUppercase) ? withUppercase.value = $event : null
|
||
|
|
}, null, _parent4, _scopeId3));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withUppercase),
|
||
|
|
"onUpdate:value": ($event) => isRef(withUppercase) ? withUppercase.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent3, _scopeId2));
|
||
|
|
_push3(ssrRenderComponent(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.lowercase")
|
||
|
|
}, {
|
||
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
|
|
if (_push4) {
|
||
|
|
_push4(ssrRenderComponent(_component_n_switch, {
|
||
|
|
value: unref(withLowercase),
|
||
|
|
"onUpdate:value": ($event) => isRef(withLowercase) ? withLowercase.value = $event : null
|
||
|
|
}, null, _parent4, _scopeId3));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withLowercase),
|
||
|
|
"onUpdate:value": ($event) => isRef(withLowercase) ? withLowercase.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent3, _scopeId2));
|
||
|
|
_push3(`</div><div data-v-1b0e7f55${_scopeId2}>`);
|
||
|
|
_push3(ssrRenderComponent(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.numbers")
|
||
|
|
}, {
|
||
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
|
|
if (_push4) {
|
||
|
|
_push4(ssrRenderComponent(_component_n_switch, {
|
||
|
|
value: unref(withNumbers),
|
||
|
|
"onUpdate:value": ($event) => isRef(withNumbers) ? withNumbers.value = $event : null
|
||
|
|
}, null, _parent4, _scopeId3));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withNumbers),
|
||
|
|
"onUpdate:value": ($event) => isRef(withNumbers) ? withNumbers.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent3, _scopeId2));
|
||
|
|
_push3(ssrRenderComponent(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.symbols")
|
||
|
|
}, {
|
||
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
|
|
if (_push4) {
|
||
|
|
_push4(ssrRenderComponent(_component_n_switch, {
|
||
|
|
value: unref(withSymbols),
|
||
|
|
"onUpdate:value": ($event) => isRef(withSymbols) ? withSymbols.value = $event : null
|
||
|
|
}, null, _parent4, _scopeId3));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withSymbols),
|
||
|
|
"onUpdate:value": ($event) => isRef(withSymbols) ? withSymbols.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent3, _scopeId2));
|
||
|
|
_push3(`</div></div>`);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode("div", {
|
||
|
|
flex: "",
|
||
|
|
"justify-center": ""
|
||
|
|
}, [
|
||
|
|
createVNode("div", null, [
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.uppercase")
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withUppercase),
|
||
|
|
"onUpdate:value": ($event) => isRef(withUppercase) ? withUppercase.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"]),
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.lowercase")
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withLowercase),
|
||
|
|
"onUpdate:value": ($event) => isRef(withLowercase) ? withLowercase.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"])
|
||
|
|
]),
|
||
|
|
createVNode("div", null, [
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.numbers")
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withNumbers),
|
||
|
|
"onUpdate:value": ($event) => isRef(withNumbers) ? withNumbers.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"]),
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.symbols")
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withSymbols),
|
||
|
|
"onUpdate:value": ($event) => isRef(withSymbols) ? withSymbols.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"])
|
||
|
|
])
|
||
|
|
])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_component_n_form_item, {
|
||
|
|
label: `${unref(t)("tools.token-generator.length")} (${unref(length)})`,
|
||
|
|
"label-placement": "left"
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(ssrRenderComponent(_component_n_slider, {
|
||
|
|
value: unref(length),
|
||
|
|
"onUpdate:value": ($event) => isRef(length) ? length.value = $event : null,
|
||
|
|
step: 1,
|
||
|
|
min: 1,
|
||
|
|
max: 512
|
||
|
|
}, null, _parent3, _scopeId2));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_slider, {
|
||
|
|
value: unref(length),
|
||
|
|
"onUpdate:value": ($event) => isRef(length) ? length.value = $event : null,
|
||
|
|
step: 1,
|
||
|
|
min: 1,
|
||
|
|
max: 512
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(__unplugin_components_3, {
|
||
|
|
value: unref(token),
|
||
|
|
"onUpdate:value": ($event) => isRef(token) ? token.value = $event : null,
|
||
|
|
multiline: "",
|
||
|
|
placeholder: unref(t)("tools.token-generator.tokenPlaceholder"),
|
||
|
|
readonly: "",
|
||
|
|
rows: "3",
|
||
|
|
autosize: "",
|
||
|
|
class: "token-display"
|
||
|
|
}, null, _parent2, _scopeId));
|
||
|
|
_push2(`<div mt-5 flex justify-center gap-3 data-v-1b0e7f55${_scopeId}>`);
|
||
|
|
_push2(ssrRenderComponent(_component_c_button, {
|
||
|
|
onClick: ($event) => unref(copy)()
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(`${ssrInterpolate(unref(t)("tools.token-generator.button.copy"))}`);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createTextVNode(toDisplayString(unref(t)("tools.token-generator.button.copy")), 1)
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_component_c_button, { onClick: unref(refreshToken) }, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(`${ssrInterpolate(unref(t)("tools.token-generator.button.refresh"))}`);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createTextVNode(toDisplayString(unref(t)("tools.token-generator.button.refresh")), 1)
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(`</div>`);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_form, {
|
||
|
|
"label-placement": "left",
|
||
|
|
"label-width": "140"
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode("div", {
|
||
|
|
flex: "",
|
||
|
|
"justify-center": ""
|
||
|
|
}, [
|
||
|
|
createVNode("div", null, [
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.uppercase")
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withUppercase),
|
||
|
|
"onUpdate:value": ($event) => isRef(withUppercase) ? withUppercase.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"]),
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.lowercase")
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withLowercase),
|
||
|
|
"onUpdate:value": ($event) => isRef(withLowercase) ? withLowercase.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"])
|
||
|
|
]),
|
||
|
|
createVNode("div", null, [
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.numbers")
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withNumbers),
|
||
|
|
"onUpdate:value": ($event) => isRef(withNumbers) ? withNumbers.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"]),
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: unref(t)("tools.token-generator.symbols")
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(withSymbols),
|
||
|
|
"onUpdate:value": ($event) => isRef(withSymbols) ? withSymbols.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"])
|
||
|
|
])
|
||
|
|
])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}),
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: `${unref(t)("tools.token-generator.length")} (${unref(length)})`,
|
||
|
|
"label-placement": "left"
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_slider, {
|
||
|
|
value: unref(length),
|
||
|
|
"onUpdate:value": ($event) => isRef(length) ? length.value = $event : null,
|
||
|
|
step: 1,
|
||
|
|
min: 1,
|
||
|
|
max: 512
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["label"]),
|
||
|
|
createVNode(__unplugin_components_3, {
|
||
|
|
value: unref(token),
|
||
|
|
"onUpdate:value": ($event) => isRef(token) ? token.value = $event : null,
|
||
|
|
multiline: "",
|
||
|
|
placeholder: unref(t)("tools.token-generator.tokenPlaceholder"),
|
||
|
|
readonly: "",
|
||
|
|
rows: "3",
|
||
|
|
autosize: "",
|
||
|
|
class: "token-display"
|
||
|
|
}, null, 8, ["value", "onUpdate:value", "placeholder"]),
|
||
|
|
createVNode("div", {
|
||
|
|
"mt-5": "",
|
||
|
|
flex: "",
|
||
|
|
"justify-center": "",
|
||
|
|
"gap-3": ""
|
||
|
|
}, [
|
||
|
|
createVNode(_component_c_button, {
|
||
|
|
onClick: ($event) => unref(copy)()
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createTextVNode(toDisplayString(unref(t)("tools.token-generator.button.copy")), 1)
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["onClick"]),
|
||
|
|
createVNode(_component_c_button, { onClick: unref(refreshToken) }, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createTextVNode(toDisplayString(unref(t)("tools.token-generator.button.refresh")), 1)
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["onClick"])
|
||
|
|
])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent));
|
||
|
|
_push(`</div>`);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
/* unplugin-vue-components disabled */const tokenGenerator_tool_vue_vue_type_style_index_0_scoped_1b0e7f55_lang = '';
|
||
|
|
|
||
|
|
const _sfc_setup = _sfc_main.setup;
|
||
|
|
_sfc_main.setup = (props, ctx) => {
|
||
|
|
const ssrContext = useSSRContext();
|
||
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/token-generator/token-generator.tool.vue");
|
||
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||
|
|
};
|
||
|
|
const tokenGenerator_tool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1b0e7f55"]]);
|
||
|
|
|
||
|
|
export { tokenGenerator_tool as default };
|