mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 22:07:10 -04:00
309 lines
14 KiB
JavaScript
309 lines
14 KiB
JavaScript
|
import { NFormItem, NInputNumber, NAlert, NDivider, NInputGroup, NInputGroupLabel } from 'naive-ui';
|
||
|
|
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||
|
|
import { a as __unplugin_components_1 } from './chunk-8109fd17.js';
|
||
|
|
import { defineComponent, ref, computed, withCtx, unref, isRef, createVNode, createTextVNode, toDisplayString, mergeProps, openBlock, createBlock, createCommentVNode, useSSRContext } from 'vue';
|
||
|
|
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';
|
||
|
|
import { _ as _sfc_main$1 } from './chunk-de61ec1c.js';
|
||
|
|
import { c as convertBase } from './chunk-5f44352e.js';
|
||
|
|
import _ from 'lodash';
|
||
|
|
import { _ as _export_sfc } from './chunk-6003391e.js';
|
||
|
|
import './chunk-11f44f81.js';
|
||
|
|
import './chunk-35c3d701.js';
|
||
|
|
import '@vueuse/core';
|
||
|
|
import './chunk-95ec8cf7.js';
|
||
|
|
import './chunk-77c5cc16.js';
|
||
|
|
import 'pinia';
|
||
|
|
|
||
|
|
function getErrorMessageIfThrows(cb) {
|
||
|
|
try {
|
||
|
|
cb();
|
||
|
|
return void 0;
|
||
|
|
} catch (err) {
|
||
|
|
if (_.isString(err)) {
|
||
|
|
return err;
|
||
|
|
}
|
||
|
|
if (_.isError(err)) {
|
||
|
|
return err.message;
|
||
|
|
}
|
||
|
|
if (_.isObject(err) && _.has(err, "message")) {
|
||
|
|
return err.message;
|
||
|
|
}
|
||
|
|
return "An error as occurred.";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
|
|
__name: "integer-base-converter",
|
||
|
|
__ssrInlineRender: true,
|
||
|
|
setup(__props) {
|
||
|
|
const inputProps = {
|
||
|
|
"labelPosition": "left",
|
||
|
|
"labelWidth": "170px",
|
||
|
|
"labelAlign": "right",
|
||
|
|
"readonly": true,
|
||
|
|
"mb-2": ""
|
||
|
|
};
|
||
|
|
const input = ref("42");
|
||
|
|
const inputBase = ref(10);
|
||
|
|
const outputBase = ref(42);
|
||
|
|
function errorlessConvert(...args) {
|
||
|
|
try {
|
||
|
|
return convertBase(...args);
|
||
|
|
} catch (err) {
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const error = computed(
|
||
|
|
() => getErrorMessageIfThrows(
|
||
|
|
() => convertBase({ value: input.value, fromBase: inputBase.value, toBase: outputBase.value })
|
||
|
|
)
|
||
|
|
);
|
||
|
|
return (_ctx, _push, _parent, _attrs) => {
|
||
|
|
const _component_c_card = __unplugin_components_1;
|
||
|
|
const _component_c_input_text = __unplugin_components_3;
|
||
|
|
const _component_n_form_item = NFormItem;
|
||
|
|
const _component_n_input_number = NInputNumber;
|
||
|
|
const _component_n_alert = NAlert;
|
||
|
|
const _component_n_divider = NDivider;
|
||
|
|
const _component_n_input_group = NInputGroup;
|
||
|
|
const _component_n_input_group_label = NInputGroupLabel;
|
||
|
|
_push(`<div${ssrRenderAttrs(_attrs)} data-v-4b84bbcf>`);
|
||
|
|
_push(ssrRenderComponent(_component_c_card, null, {
|
||
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
|
|
if (_push2) {
|
||
|
|
_push2(ssrRenderComponent(_component_c_input_text, {
|
||
|
|
value: unref(input),
|
||
|
|
"onUpdate:value": ($event) => isRef(input) ? input.value = $event : null,
|
||
|
|
label: "Input number",
|
||
|
|
placeholder: "Put your number here (ex: 42)",
|
||
|
|
"label-position": "left",
|
||
|
|
"label-width": "110px",
|
||
|
|
"mb-2": "",
|
||
|
|
"label-align": "right"
|
||
|
|
}, null, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_component_n_form_item, {
|
||
|
|
label: "Input base",
|
||
|
|
"label-placement": "left",
|
||
|
|
"label-width": "110",
|
||
|
|
"show-feedback": false
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(ssrRenderComponent(_component_n_input_number, {
|
||
|
|
value: unref(inputBase),
|
||
|
|
"onUpdate:value": ($event) => isRef(inputBase) ? inputBase.value = $event : null,
|
||
|
|
max: "64",
|
||
|
|
min: "2",
|
||
|
|
placeholder: "Put your input base here (ex: 10)",
|
||
|
|
"w-full": ""
|
||
|
|
}, null, _parent3, _scopeId2));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_input_number, {
|
||
|
|
value: unref(inputBase),
|
||
|
|
"onUpdate:value": ($event) => isRef(inputBase) ? inputBase.value = $event : null,
|
||
|
|
max: "64",
|
||
|
|
min: "2",
|
||
|
|
placeholder: "Put your input base here (ex: 10)",
|
||
|
|
"w-full": ""
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
if (unref(error)) {
|
||
|
|
_push2(ssrRenderComponent(_component_n_alert, {
|
||
|
|
style: { "margin-top": "25px" },
|
||
|
|
type: "error"
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(`${ssrInterpolate(unref(error))}`);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createTextVNode(toDisplayString(unref(error)), 1)
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
} else {
|
||
|
|
_push2(`<!---->`);
|
||
|
|
}
|
||
|
|
_push2(ssrRenderComponent(_component_n_divider, null, null, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_sfc_main$1, mergeProps({ label: "Binary (2)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 2 }),
|
||
|
|
placeholder: "Binary version will be here..."
|
||
|
|
}), null, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_sfc_main$1, mergeProps({ label: "Octal (8)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 8 }),
|
||
|
|
placeholder: "Octal version will be here..."
|
||
|
|
}), null, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_sfc_main$1, mergeProps({ label: "Decimal (10)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 10 }),
|
||
|
|
placeholder: "Decimal version will be here..."
|
||
|
|
}), null, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_sfc_main$1, mergeProps({ label: "Hexadecimal (16)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 16 }),
|
||
|
|
placeholder: "Hexadecimal version will be here..."
|
||
|
|
}), null, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_sfc_main$1, mergeProps({ label: "Base64 (64)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 64 }),
|
||
|
|
placeholder: "Base64 version will be here..."
|
||
|
|
}), null, _parent2, _scopeId));
|
||
|
|
_push2(`<div flex items-baseline data-v-4b84bbcf${_scopeId}>`);
|
||
|
|
_push2(ssrRenderComponent(_component_n_input_group, { style: { "width": "160px", "margin-right": "10px" } }, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(ssrRenderComponent(_component_n_input_group_label, null, {
|
||
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
|
|
if (_push4) {
|
||
|
|
_push4(` Custom: `);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createTextVNode(" Custom: ")
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent3, _scopeId2));
|
||
|
|
_push3(ssrRenderComponent(_component_n_input_number, {
|
||
|
|
value: unref(outputBase),
|
||
|
|
"onUpdate:value": ($event) => isRef(outputBase) ? outputBase.value = $event : null,
|
||
|
|
max: "64",
|
||
|
|
min: "2"
|
||
|
|
}, null, _parent3, _scopeId2));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_input_group_label, null, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createTextVNode(" Custom: ")
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}),
|
||
|
|
createVNode(_component_n_input_number, {
|
||
|
|
value: unref(outputBase),
|
||
|
|
"onUpdate:value": ($event) => isRef(outputBase) ? outputBase.value = $event : null,
|
||
|
|
max: "64",
|
||
|
|
min: "2"
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_sfc_main$1, mergeProps({ "flex-1": "" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: unref(outputBase) }),
|
||
|
|
placeholder: `Base ${unref(outputBase)} will be here...`
|
||
|
|
}), null, _parent2, _scopeId));
|
||
|
|
_push2(`</div>`);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_c_input_text, {
|
||
|
|
value: unref(input),
|
||
|
|
"onUpdate:value": ($event) => isRef(input) ? input.value = $event : null,
|
||
|
|
label: "Input number",
|
||
|
|
placeholder: "Put your number here (ex: 42)",
|
||
|
|
"label-position": "left",
|
||
|
|
"label-width": "110px",
|
||
|
|
"mb-2": "",
|
||
|
|
"label-align": "right"
|
||
|
|
}, null, 8, ["value", "onUpdate:value"]),
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: "Input base",
|
||
|
|
"label-placement": "left",
|
||
|
|
"label-width": "110",
|
||
|
|
"show-feedback": false
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_input_number, {
|
||
|
|
value: unref(inputBase),
|
||
|
|
"onUpdate:value": ($event) => isRef(inputBase) ? inputBase.value = $event : null,
|
||
|
|
max: "64",
|
||
|
|
min: "2",
|
||
|
|
placeholder: "Put your input base here (ex: 10)",
|
||
|
|
"w-full": ""
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}),
|
||
|
|
unref(error) ? (openBlock(), createBlock(_component_n_alert, {
|
||
|
|
key: 0,
|
||
|
|
style: { "margin-top": "25px" },
|
||
|
|
type: "error"
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createTextVNode(toDisplayString(unref(error)), 1)
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
})) : createCommentVNode("", true),
|
||
|
|
createVNode(_component_n_divider),
|
||
|
|
createVNode(_sfc_main$1, mergeProps({ label: "Binary (2)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 2 }),
|
||
|
|
placeholder: "Binary version will be here..."
|
||
|
|
}), null, 16, ["value"]),
|
||
|
|
createVNode(_sfc_main$1, mergeProps({ label: "Octal (8)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 8 }),
|
||
|
|
placeholder: "Octal version will be here..."
|
||
|
|
}), null, 16, ["value"]),
|
||
|
|
createVNode(_sfc_main$1, mergeProps({ label: "Decimal (10)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 10 }),
|
||
|
|
placeholder: "Decimal version will be here..."
|
||
|
|
}), null, 16, ["value"]),
|
||
|
|
createVNode(_sfc_main$1, mergeProps({ label: "Hexadecimal (16)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 16 }),
|
||
|
|
placeholder: "Hexadecimal version will be here..."
|
||
|
|
}), null, 16, ["value"]),
|
||
|
|
createVNode(_sfc_main$1, mergeProps({ label: "Base64 (64)" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: 64 }),
|
||
|
|
placeholder: "Base64 version will be here..."
|
||
|
|
}), null, 16, ["value"]),
|
||
|
|
createVNode("div", {
|
||
|
|
flex: "",
|
||
|
|
"items-baseline": ""
|
||
|
|
}, [
|
||
|
|
createVNode(_component_n_input_group, { style: { "width": "160px", "margin-right": "10px" } }, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_input_group_label, null, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createTextVNode(" Custom: ")
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}),
|
||
|
|
createVNode(_component_n_input_number, {
|
||
|
|
value: unref(outputBase),
|
||
|
|
"onUpdate:value": ($event) => isRef(outputBase) ? outputBase.value = $event : null,
|
||
|
|
max: "64",
|
||
|
|
min: "2"
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}),
|
||
|
|
createVNode(_sfc_main$1, mergeProps({ "flex-1": "" }, inputProps, {
|
||
|
|
value: errorlessConvert({ value: unref(input), fromBase: unref(inputBase), toBase: unref(outputBase) }),
|
||
|
|
placeholder: `Base ${unref(outputBase)} will be here...`
|
||
|
|
}), null, 16, ["value", "placeholder"])
|
||
|
|
])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent));
|
||
|
|
_push(`</div>`);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
/* unplugin-vue-components disabled */const integerBaseConverter_vue_vue_type_style_index_0_scoped_4b84bbcf_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/integer-base-converter/integer-base-converter.vue");
|
||
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||
|
|
};
|
||
|
|
const integerBaseConverter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b84bbcf"]]);
|
||
|
|
|
||
|
|
export { integerBaseConverter as default };
|