283 lines
11 KiB
JavaScript
283 lines
11 KiB
JavaScript
import { a as __unplugin_components_0 } from './chunk-6003391e.js';
|
|
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
|
import { NFormItem } from 'naive-ui';
|
|
import { a as __unplugin_components_1 } from './chunk-8109fd17.js';
|
|
import { defineComponent, ref, computed, withCtx, unref, isRef, createVNode, createTextVNode, useSSRContext } from 'vue';
|
|
import { ssrRenderComponent } from 'vue/server-renderer';
|
|
import { escape, unescape } from 'lodash';
|
|
import { u as useCopy } from './chunk-77c5cc16.js';
|
|
import '@vueuse/core';
|
|
import 'pinia';
|
|
import './chunk-11f44f81.js';
|
|
import './chunk-35c3d701.js';
|
|
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "html-entities",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const escapeInput = ref("<title>IT Tool</title>");
|
|
const escapeOutput = computed(() => escape(escapeInput.value));
|
|
const { copy: copyEscaped } = useCopy({ source: escapeOutput });
|
|
const unescapeInput = ref("<title>IT Tool</title>");
|
|
const unescapeOutput = computed(() => unescape(unescapeInput.value));
|
|
const { copy: copyUnescaped } = useCopy({ source: unescapeOutput });
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
const _component_c_card = __unplugin_components_1;
|
|
const _component_n_form_item = NFormItem;
|
|
const _component_c_input_text = __unplugin_components_3;
|
|
const _component_c_button = __unplugin_components_0;
|
|
_push(`<!--[-->`);
|
|
_push(ssrRenderComponent(_component_c_card, { title: "Escape html entities" }, {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(ssrRenderComponent(_component_n_form_item, { label: "Your string :" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(_component_c_input_text, {
|
|
value: unref(escapeInput),
|
|
"onUpdate:value": ($event) => isRef(escapeInput) ? escapeInput.value = $event : null,
|
|
multiline: "",
|
|
placeholder: "The string to escape",
|
|
rows: "3",
|
|
autosize: "",
|
|
"raw-text": ""
|
|
}, null, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(_component_c_input_text, {
|
|
value: unref(escapeInput),
|
|
"onUpdate:value": ($event) => isRef(escapeInput) ? escapeInput.value = $event : null,
|
|
multiline: "",
|
|
placeholder: "The string to escape",
|
|
rows: "3",
|
|
autosize: "",
|
|
"raw-text": ""
|
|
}, null, 8, ["value", "onUpdate:value"])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(ssrRenderComponent(_component_n_form_item, { label: "Your string escaped :" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(_component_c_input_text, {
|
|
multiline: "",
|
|
readonly: "",
|
|
placeholder: "Your string escaped",
|
|
value: unref(escapeOutput),
|
|
rows: "3",
|
|
autosize: ""
|
|
}, null, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(_component_c_input_text, {
|
|
multiline: "",
|
|
readonly: "",
|
|
placeholder: "Your string escaped",
|
|
value: unref(escapeOutput),
|
|
rows: "3",
|
|
autosize: ""
|
|
}, null, 8, ["value"])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(`<div flex justify-center${_scopeId}>`);
|
|
_push2(ssrRenderComponent(_component_c_button, {
|
|
onClick: ($event) => unref(copyEscaped)()
|
|
}, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(` Copy `);
|
|
} else {
|
|
return [
|
|
createTextVNode(" Copy ")
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(`</div>`);
|
|
} else {
|
|
return [
|
|
createVNode(_component_n_form_item, { label: "Your string :" }, {
|
|
default: withCtx(() => [
|
|
createVNode(_component_c_input_text, {
|
|
value: unref(escapeInput),
|
|
"onUpdate:value": ($event) => isRef(escapeInput) ? escapeInput.value = $event : null,
|
|
multiline: "",
|
|
placeholder: "The string to escape",
|
|
rows: "3",
|
|
autosize: "",
|
|
"raw-text": ""
|
|
}, null, 8, ["value", "onUpdate:value"])
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_component_n_form_item, { label: "Your string escaped :" }, {
|
|
default: withCtx(() => [
|
|
createVNode(_component_c_input_text, {
|
|
multiline: "",
|
|
readonly: "",
|
|
placeholder: "Your string escaped",
|
|
value: unref(escapeOutput),
|
|
rows: "3",
|
|
autosize: ""
|
|
}, null, 8, ["value"])
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode("div", {
|
|
flex: "",
|
|
"justify-center": ""
|
|
}, [
|
|
createVNode(_component_c_button, {
|
|
onClick: ($event) => unref(copyEscaped)()
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" Copy ")
|
|
]),
|
|
_: 1
|
|
}, 8, ["onClick"])
|
|
])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
_push(ssrRenderComponent(_component_c_card, { title: "Unescape html entities" }, {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(ssrRenderComponent(_component_n_form_item, { label: "Your escaped string :" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(_component_c_input_text, {
|
|
value: unref(unescapeInput),
|
|
"onUpdate:value": ($event) => isRef(unescapeInput) ? unescapeInput.value = $event : null,
|
|
multiline: "",
|
|
placeholder: "The string to unescape",
|
|
rows: "3",
|
|
autosize: "",
|
|
"raw-text": ""
|
|
}, null, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(_component_c_input_text, {
|
|
value: unref(unescapeInput),
|
|
"onUpdate:value": ($event) => isRef(unescapeInput) ? unescapeInput.value = $event : null,
|
|
multiline: "",
|
|
placeholder: "The string to unescape",
|
|
rows: "3",
|
|
autosize: "",
|
|
"raw-text": ""
|
|
}, null, 8, ["value", "onUpdate:value"])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(ssrRenderComponent(_component_n_form_item, { label: "Your string unescaped :" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(_component_c_input_text, {
|
|
value: unref(unescapeOutput),
|
|
multiline: "",
|
|
readonly: "",
|
|
placeholder: "Your string unescaped",
|
|
rows: "3",
|
|
autosize: ""
|
|
}, null, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(_component_c_input_text, {
|
|
value: unref(unescapeOutput),
|
|
multiline: "",
|
|
readonly: "",
|
|
placeholder: "Your string unescaped",
|
|
rows: "3",
|
|
autosize: ""
|
|
}, null, 8, ["value"])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(`<div flex justify-center${_scopeId}>`);
|
|
_push2(ssrRenderComponent(_component_c_button, {
|
|
onClick: ($event) => unref(copyUnescaped)()
|
|
}, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(` Copy `);
|
|
} else {
|
|
return [
|
|
createTextVNode(" Copy ")
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(`</div>`);
|
|
} else {
|
|
return [
|
|
createVNode(_component_n_form_item, { label: "Your escaped string :" }, {
|
|
default: withCtx(() => [
|
|
createVNode(_component_c_input_text, {
|
|
value: unref(unescapeInput),
|
|
"onUpdate:value": ($event) => isRef(unescapeInput) ? unescapeInput.value = $event : null,
|
|
multiline: "",
|
|
placeholder: "The string to unescape",
|
|
rows: "3",
|
|
autosize: "",
|
|
"raw-text": ""
|
|
}, null, 8, ["value", "onUpdate:value"])
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_component_n_form_item, { label: "Your string unescaped :" }, {
|
|
default: withCtx(() => [
|
|
createVNode(_component_c_input_text, {
|
|
value: unref(unescapeOutput),
|
|
multiline: "",
|
|
readonly: "",
|
|
placeholder: "Your string unescaped",
|
|
rows: "3",
|
|
autosize: ""
|
|
}, null, 8, ["value"])
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode("div", {
|
|
flex: "",
|
|
"justify-center": ""
|
|
}, [
|
|
createVNode(_component_c_button, {
|
|
onClick: ($event) => unref(copyUnescaped)()
|
|
}, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" Copy ")
|
|
]),
|
|
_: 1
|
|
}, 8, ["onClick"])
|
|
])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
_push(`<!--]-->`);
|
|
};
|
|
}
|
|
});
|
|
|
|
const _sfc_setup = _sfc_main.setup;
|
|
_sfc_main.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/html-entities/html-entities.vue");
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
|
};
|
|
|
|
export { _sfc_main as default };
|