mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
48 lines
1.8 KiB
JavaScript
48 lines
1.8 KiB
JavaScript
![]() |
import { _ as _sfc_main$1 } from './chunk-8109fd17.js';
|
||
|
import { defineComponent, toRefs, computed, mergeProps, unref, withCtx, createVNode, toDisplayString, useSSRContext } from 'vue';
|
||
|
import { ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';
|
||
|
import { u as useCopy } from './chunk-77c5cc16.js';
|
||
|
|
||
|
const initialText = "Copy to clipboard";
|
||
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
|
__name: "SpanCopyable",
|
||
|
__ssrInlineRender: true,
|
||
|
props: {
|
||
|
value: { default: "" }
|
||
|
},
|
||
|
setup(__props) {
|
||
|
const props = __props;
|
||
|
const { value } = toRefs(props);
|
||
|
const { copy, isJustCopied } = useCopy({ source: value, createToast: false });
|
||
|
const tooltipText = computed(() => isJustCopied.value ? "Copied!" : initialText);
|
||
|
return (_ctx, _push, _parent, _attrs) => {
|
||
|
const _component_c_tooltip = _sfc_main$1;
|
||
|
_push(ssrRenderComponent(_component_c_tooltip, mergeProps({ tooltip: unref(tooltipText) }, _attrs), {
|
||
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
|
if (_push2) {
|
||
|
_push2(`<span cursor-pointer font-mono${_scopeId}>${ssrInterpolate(unref(value))}</span>`);
|
||
|
} else {
|
||
|
return [
|
||
|
createVNode("span", {
|
||
|
"cursor-pointer": "",
|
||
|
"font-mono": "",
|
||
|
onClick: ($event) => unref(copy)()
|
||
|
}, toDisplayString(unref(value)), 9, ["onClick"])
|
||
|
];
|
||
|
}
|
||
|
}),
|
||
|
_: 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/components/SpanCopyable.vue");
|
||
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||
|
};
|
||
|
|
||
|
export { _sfc_main as _ };
|