@varlet/ui
Version:
A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
91 lines (90 loc) • 2.95 kB
JavaScript
import { defineComponent } from "vue";
import { createNamespace } from "../utils/components.mjs";
import { props } from "./props.mjs";
const { name, n } = createNamespace("form-details");
import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderSlot as _renderSlot, createBlock as _createBlock } from "vue";
const _hoisted_1 = { key: 0 };
const _hoisted_2 = { key: 0 };
function __render__(_ctx, _cache) {
return _openBlock(), _createBlock(_Transition, {
name: _ctx.n()
}, {
default: _withCtx(() => [
_ctx.errorMessage || _ctx.extraMessage || _ctx.$slots["extra-message"] ? (_openBlock(), _createElementBlock(
"div",
{
key: 0,
class: _normalizeClass(_ctx.n())
},
[
_createElementVNode(
"div",
{
class: _normalizeClass(_ctx.n("error-message"))
},
[
_createVNode(_Transition, {
name: _ctx.n("message")
}, {
default: _withCtx(() => [
_ctx.errorMessage ? (_openBlock(), _createElementBlock(
"div",
_hoisted_1,
_toDisplayString(_ctx.errorMessage),
1
/* TEXT */
)) : _createCommentVNode("v-if", true)
]),
_: 1
/* STABLE */
}, 8, ["name"])
],
2
/* CLASS */
),
_createElementVNode(
"div",
{
class: _normalizeClass(_ctx.n("extra-message"))
},
[
_createVNode(_Transition, {
name: _ctx.n("message")
}, {
default: _withCtx(() => [
_renderSlot(_ctx.$slots, "extra-message", {}, () => [
_ctx.extraMessage ? (_openBlock(), _createElementBlock(
"div",
_hoisted_2,
_toDisplayString(_ctx.extraMessage),
1
/* TEXT */
)) : _createCommentVNode("v-if", true)
])
]),
_: 3
/* FORWARDED */
}, 8, ["name"])
],
2
/* CLASS */
)
],
2
/* CLASS */
)) : _createCommentVNode("v-if", true)
]),
_: 3
/* FORWARDED */
}, 8, ["name"]);
}
const __sfc__ = defineComponent({
name,
props,
setup: () => ({ n })
});
__sfc__.render = __render__;
var stdin_default = __sfc__;
export {
stdin_default as default
};