poptong
83b162d2bd
Some checks failed
🚀 Deploy - Demo / deployment (push) Has been cancelled
- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경 - Nginx 리버스 프록시 설정 파일 추가 - 배포 가이드 업데이트
843 lines
33 KiB
JavaScript
843 lines
33 KiB
JavaScript
import { defineComponent, withCtx, createVNode, createTextVNode, createBlock, openBlock, Fragment, renderList, toDisplayString, mergeProps, useSSRContext } from 'vue';
|
|
import { ssrRenderComponent, ssrRenderList, ssrInterpolate } from 'vue/server-renderer';
|
|
import { V as VTable } from './VTable-CfOk5VYL.mjs';
|
|
import { V as VRow, a as VCol } from './VRow-MQIguEmB.mjs';
|
|
import { B as VCard, C as VCardText } from './server.mjs';
|
|
import '../nitro/nitro.mjs';
|
|
import 'node:http';
|
|
import 'node:https';
|
|
import 'node:events';
|
|
import 'node:buffer';
|
|
import 'node:fs';
|
|
import 'node:path';
|
|
import 'node:crypto';
|
|
import 'node:url';
|
|
import '../routes/renderer.mjs';
|
|
import 'vue-bundle-renderer/runtime';
|
|
import 'devalue';
|
|
import '@unhead/ssr';
|
|
import 'unhead';
|
|
import '@unhead/shared';
|
|
import 'pinia';
|
|
import 'vue-router';
|
|
|
|
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
__name: "DemoSimpleTableBasics",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const desserts = [
|
|
{
|
|
dessert: "Frozen Yogurt",
|
|
calories: 159,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Ice cream sandwich",
|
|
calories: 237,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Eclair",
|
|
calories: 262,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Cupcake",
|
|
calories: 305,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Gingerbread",
|
|
calories: 356,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
}
|
|
];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(ssrRenderComponent(VTable, _attrs, {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(`<thead${_scopeId}><tr${_scopeId}><th class="text-uppercase"${_scopeId}> Desserts (100g Servings) </th><th${_scopeId}> calories </th><th${_scopeId}> Fat(g) </th><th${_scopeId}> Carbs(g) </th><th${_scopeId}> protein(g) </th></tr></thead><tbody${_scopeId}><!--[-->`);
|
|
ssrRenderList(desserts, (item) => {
|
|
_push2(`<tr${_scopeId}><td${_scopeId}>${ssrInterpolate(item.dessert)}</td><td${_scopeId}>${ssrInterpolate(item.calories)}</td><td${_scopeId}>${ssrInterpolate(item.fat)}</td><td${_scopeId}>${ssrInterpolate(item.carbs)}</td><td${_scopeId}>${ssrInterpolate(item.protein)}</td></tr>`);
|
|
});
|
|
_push2(`<!--]--></tbody>`);
|
|
} else {
|
|
return [
|
|
createVNode("thead", null, [
|
|
createVNode("tr", null, [
|
|
createVNode("th", { class: "text-uppercase" }, " Desserts (100g Servings) "),
|
|
createVNode("th", null, " calories "),
|
|
createVNode("th", null, " Fat(g) "),
|
|
createVNode("th", null, " Carbs(g) "),
|
|
createVNode("th", null, " protein(g) ")
|
|
])
|
|
]),
|
|
createVNode("tbody", null, [
|
|
(openBlock(), createBlock(Fragment, null, renderList(desserts, (item) => {
|
|
return createVNode("tr", {
|
|
key: item.dessert
|
|
}, [
|
|
createVNode("td", null, toDisplayString(item.dessert), 1),
|
|
createVNode("td", null, toDisplayString(item.calories), 1),
|
|
createVNode("td", null, toDisplayString(item.fat), 1),
|
|
createVNode("td", null, toDisplayString(item.carbs), 1),
|
|
createVNode("td", null, toDisplayString(item.protein), 1)
|
|
]);
|
|
}), 64))
|
|
])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup$5 = _sfc_main$5.setup;
|
|
_sfc_main$5.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/pages/tables/DemoSimpleTableBasics.vue");
|
|
return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
|
|
};
|
|
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
__name: "DemoSimpleTableDensity",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const desserts = [
|
|
{
|
|
dessert: "Frozen Yogurt",
|
|
calories: 159,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Ice cream sandwich",
|
|
calories: 237,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Eclair",
|
|
calories: 262,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Cupcake",
|
|
calories: 305,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Gingerbread",
|
|
calories: 356,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
}
|
|
];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(ssrRenderComponent(VTable, mergeProps({ density: "compact" }, _attrs), {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(`<thead${_scopeId}><tr${_scopeId}><th class="text-uppercase"${_scopeId}> Desserts (100g Servings) </th><th${_scopeId}> calories </th><th${_scopeId}> Fat(g) </th><th${_scopeId}> Carbs(g) </th><th${_scopeId}> protein(g) </th></tr></thead><tbody${_scopeId}><!--[-->`);
|
|
ssrRenderList(desserts, (item) => {
|
|
_push2(`<tr${_scopeId}><td${_scopeId}>${ssrInterpolate(item.dessert)}</td><td${_scopeId}>${ssrInterpolate(item.calories)}</td><td${_scopeId}>${ssrInterpolate(item.fat)}</td><td${_scopeId}>${ssrInterpolate(item.carbs)}</td><td${_scopeId}>${ssrInterpolate(item.protein)}</td></tr>`);
|
|
});
|
|
_push2(`<!--]--></tbody>`);
|
|
} else {
|
|
return [
|
|
createVNode("thead", null, [
|
|
createVNode("tr", null, [
|
|
createVNode("th", { class: "text-uppercase" }, " Desserts (100g Servings) "),
|
|
createVNode("th", null, " calories "),
|
|
createVNode("th", null, " Fat(g) "),
|
|
createVNode("th", null, " Carbs(g) "),
|
|
createVNode("th", null, " protein(g) ")
|
|
])
|
|
]),
|
|
createVNode("tbody", null, [
|
|
(openBlock(), createBlock(Fragment, null, renderList(desserts, (item) => {
|
|
return createVNode("tr", {
|
|
key: item.dessert
|
|
}, [
|
|
createVNode("td", null, toDisplayString(item.dessert), 1),
|
|
createVNode("td", null, toDisplayString(item.calories), 1),
|
|
createVNode("td", null, toDisplayString(item.fat), 1),
|
|
createVNode("td", null, toDisplayString(item.carbs), 1),
|
|
createVNode("td", null, toDisplayString(item.protein), 1)
|
|
]);
|
|
}), 64))
|
|
])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup$4 = _sfc_main$4.setup;
|
|
_sfc_main$4.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/pages/tables/DemoSimpleTableDensity.vue");
|
|
return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
|
|
};
|
|
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
__name: "DemoSimpleTableFixedHeader",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const desserts = [
|
|
{
|
|
dessert: "Frozen Yogurt",
|
|
calories: 159,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Ice cream sandwich",
|
|
calories: 237,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Eclair",
|
|
calories: 262,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Cupcake",
|
|
calories: 305,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Gingerbread",
|
|
calories: 356,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
}
|
|
];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(ssrRenderComponent(VTable, mergeProps({
|
|
height: "250",
|
|
"fixed-header": ""
|
|
}, _attrs), {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(`<thead${_scopeId}><tr${_scopeId}><th class="text-uppercase"${_scopeId}> Desserts (100g Servings) </th><th${_scopeId}> calories </th><th${_scopeId}> Fat(g) </th><th${_scopeId}> Carbs(g) </th><th${_scopeId}> protein(g) </th></tr></thead><tbody${_scopeId}><!--[-->`);
|
|
ssrRenderList(desserts, (item) => {
|
|
_push2(`<tr${_scopeId}><td${_scopeId}>${ssrInterpolate(item.dessert)}</td><td${_scopeId}>${ssrInterpolate(item.calories)}</td><td${_scopeId}>${ssrInterpolate(item.fat)}</td><td${_scopeId}>${ssrInterpolate(item.carbs)}</td><td${_scopeId}>${ssrInterpolate(item.protein)}</td></tr>`);
|
|
});
|
|
_push2(`<!--]--></tbody>`);
|
|
} else {
|
|
return [
|
|
createVNode("thead", null, [
|
|
createVNode("tr", null, [
|
|
createVNode("th", { class: "text-uppercase" }, " Desserts (100g Servings) "),
|
|
createVNode("th", null, " calories "),
|
|
createVNode("th", null, " Fat(g) "),
|
|
createVNode("th", null, " Carbs(g) "),
|
|
createVNode("th", null, " protein(g) ")
|
|
])
|
|
]),
|
|
createVNode("tbody", null, [
|
|
(openBlock(), createBlock(Fragment, null, renderList(desserts, (item) => {
|
|
return createVNode("tr", {
|
|
key: item.dessert
|
|
}, [
|
|
createVNode("td", null, toDisplayString(item.dessert), 1),
|
|
createVNode("td", null, toDisplayString(item.calories), 1),
|
|
createVNode("td", null, toDisplayString(item.fat), 1),
|
|
createVNode("td", null, toDisplayString(item.carbs), 1),
|
|
createVNode("td", null, toDisplayString(item.protein), 1)
|
|
]);
|
|
}), 64))
|
|
])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup$3 = _sfc_main$3.setup;
|
|
_sfc_main$3.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/pages/tables/DemoSimpleTableFixedHeader.vue");
|
|
return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
|
|
};
|
|
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
__name: "DemoSimpleTableHeight",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const desserts = [
|
|
{
|
|
dessert: "Frozen Yogurt",
|
|
calories: 159,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Ice cream sandwich",
|
|
calories: 237,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Eclair",
|
|
calories: 262,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Cupcake",
|
|
calories: 305,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Gingerbread",
|
|
calories: 356,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
}
|
|
];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(ssrRenderComponent(VTable, mergeProps({ height: "250" }, _attrs), {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(`<thead${_scopeId}><tr${_scopeId}><th${_scopeId}> Desserts (100g Servings) </th><th${_scopeId}> calories </th><th${_scopeId}> Fat(g) </th><th${_scopeId}> Carbs(g) </th><th${_scopeId}> protein(g) </th></tr></thead><tbody${_scopeId}><!--[-->`);
|
|
ssrRenderList(desserts, (item) => {
|
|
_push2(`<tr${_scopeId}><td${_scopeId}>${ssrInterpolate(item.dessert)}</td><td${_scopeId}>${ssrInterpolate(item.calories)}</td><td${_scopeId}>${ssrInterpolate(item.fat)}</td><td${_scopeId}>${ssrInterpolate(item.carbs)}</td><td${_scopeId}>${ssrInterpolate(item.protein)}</td></tr>`);
|
|
});
|
|
_push2(`<!--]--></tbody>`);
|
|
} else {
|
|
return [
|
|
createVNode("thead", null, [
|
|
createVNode("tr", null, [
|
|
createVNode("th", null, " Desserts (100g Servings) "),
|
|
createVNode("th", null, " calories "),
|
|
createVNode("th", null, " Fat(g) "),
|
|
createVNode("th", null, " Carbs(g) "),
|
|
createVNode("th", null, " protein(g) ")
|
|
])
|
|
]),
|
|
createVNode("tbody", null, [
|
|
(openBlock(), createBlock(Fragment, null, renderList(desserts, (item) => {
|
|
return createVNode("tr", {
|
|
key: item.dessert
|
|
}, [
|
|
createVNode("td", null, toDisplayString(item.dessert), 1),
|
|
createVNode("td", null, toDisplayString(item.calories), 1),
|
|
createVNode("td", null, toDisplayString(item.fat), 1),
|
|
createVNode("td", null, toDisplayString(item.carbs), 1),
|
|
createVNode("td", null, toDisplayString(item.protein), 1)
|
|
]);
|
|
}), 64))
|
|
])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup$2 = _sfc_main$2.setup;
|
|
_sfc_main$2.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/pages/tables/DemoSimpleTableHeight.vue");
|
|
return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
|
|
};
|
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
__name: "DemoSimpleTableTheme",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const desserts = [
|
|
{
|
|
dessert: "Frozen Yogurt",
|
|
calories: 159,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Ice cream sandwich",
|
|
calories: 237,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Eclair",
|
|
calories: 262,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Cupcake",
|
|
calories: 305,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
},
|
|
{
|
|
dessert: "Gingerbread",
|
|
calories: 356,
|
|
fat: 6,
|
|
carbs: 24,
|
|
protein: 4
|
|
}
|
|
];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(ssrRenderComponent(VTable, mergeProps({
|
|
theme: "dark",
|
|
class: "rounded-0"
|
|
}, _attrs), {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(`<thead${_scopeId}><tr${_scopeId}><th${_scopeId}> Desserts (100g Servings) </th><th class="text-uppercase"${_scopeId}> calories </th><th class="text-uppercase"${_scopeId}> Fat(g) </th><th class="text-uppercase"${_scopeId}> Carbs(g) </th><th class="text-uppercase"${_scopeId}> protein(g) </th></tr></thead><tbody${_scopeId}><!--[-->`);
|
|
ssrRenderList(desserts, (item) => {
|
|
_push2(`<tr${_scopeId}><td${_scopeId}>${ssrInterpolate(item.dessert)}</td><td${_scopeId}>${ssrInterpolate(item.calories)}</td><td${_scopeId}>${ssrInterpolate(item.fat)}</td><td${_scopeId}>${ssrInterpolate(item.carbs)}</td><td${_scopeId}>${ssrInterpolate(item.protein)}</td></tr>`);
|
|
});
|
|
_push2(`<!--]--></tbody>`);
|
|
} else {
|
|
return [
|
|
createVNode("thead", null, [
|
|
createVNode("tr", null, [
|
|
createVNode("th", null, " Desserts (100g Servings) "),
|
|
createVNode("th", { class: "text-uppercase" }, " calories "),
|
|
createVNode("th", { class: "text-uppercase" }, " Fat(g) "),
|
|
createVNode("th", { class: "text-uppercase" }, " Carbs(g) "),
|
|
createVNode("th", { class: "text-uppercase" }, " protein(g) ")
|
|
])
|
|
]),
|
|
createVNode("tbody", null, [
|
|
(openBlock(), createBlock(Fragment, null, renderList(desserts, (item) => {
|
|
return createVNode("tr", {
|
|
key: item.dessert
|
|
}, [
|
|
createVNode("td", null, toDisplayString(item.dessert), 1),
|
|
createVNode("td", null, toDisplayString(item.calories), 1),
|
|
createVNode("td", null, toDisplayString(item.fat), 1),
|
|
createVNode("td", null, toDisplayString(item.carbs), 1),
|
|
createVNode("td", null, toDisplayString(item.protein), 1)
|
|
]);
|
|
}), 64))
|
|
])
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup$1 = _sfc_main$1.setup;
|
|
_sfc_main$1.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("views/pages/tables/DemoSimpleTableTheme.vue");
|
|
return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
|
|
};
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "tables",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(ssrRenderComponent(VRow, _attrs, {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(ssrRenderComponent(VCol, { cols: "12" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(VCard, { title: "Basic" }, {
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
|
if (_push4) {
|
|
_push4(ssrRenderComponent(_sfc_main$5, null, null, _parent4, _scopeId3));
|
|
} else {
|
|
return [
|
|
createVNode(_sfc_main$5)
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(VCard, { title: "Basic" }, {
|
|
default: withCtx(() => [
|
|
createVNode(_sfc_main$5)
|
|
]),
|
|
_: 1
|
|
})
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(ssrRenderComponent(VCol, { cols: "12" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(VCard, { title: "Theme" }, {
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
|
if (_push4) {
|
|
_push4(ssrRenderComponent(VCardText, null, {
|
|
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
|
if (_push5) {
|
|
_push5(` use <code${_scopeId4}>theme</code> prop to switch table to the dark theme. `);
|
|
} else {
|
|
return [
|
|
createTextVNode(" use "),
|
|
createVNode("code", null, "theme"),
|
|
createTextVNode(" prop to switch table to the dark theme. ")
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent4, _scopeId3));
|
|
_push4(ssrRenderComponent(_sfc_main$1, null, null, _parent4, _scopeId3));
|
|
} else {
|
|
return [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" use "),
|
|
createVNode("code", null, "theme"),
|
|
createTextVNode(" prop to switch table to the dark theme. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$1)
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(VCard, { title: "Theme" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" use "),
|
|
createVNode("code", null, "theme"),
|
|
createTextVNode(" prop to switch table to the dark theme. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$1)
|
|
]),
|
|
_: 1
|
|
})
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(ssrRenderComponent(VCol, { cols: "12" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(VCard, { title: "Density" }, {
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
|
if (_push4) {
|
|
_push4(ssrRenderComponent(VCardText, null, {
|
|
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
|
if (_push5) {
|
|
_push5(` You can show a dense version of the table by using the <code${_scopeId4}>density</code> prop. `);
|
|
} else {
|
|
return [
|
|
createTextVNode(" You can show a dense version of the table by using the "),
|
|
createVNode("code", null, "density"),
|
|
createTextVNode(" prop. ")
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent4, _scopeId3));
|
|
_push4(ssrRenderComponent(_sfc_main$4, null, null, _parent4, _scopeId3));
|
|
} else {
|
|
return [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can show a dense version of the table by using the "),
|
|
createVNode("code", null, "density"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$4)
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(VCard, { title: "Density" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can show a dense version of the table by using the "),
|
|
createVNode("code", null, "density"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$4)
|
|
]),
|
|
_: 1
|
|
})
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(ssrRenderComponent(VCol, { cols: "12" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(VCard, { title: "Height" }, {
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
|
if (_push4) {
|
|
_push4(ssrRenderComponent(VCardText, null, {
|
|
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
|
if (_push5) {
|
|
_push5(` You can set the height of the table by using the <code${_scopeId4}>height</code> prop. `);
|
|
} else {
|
|
return [
|
|
createTextVNode(" You can set the height of the table by using the "),
|
|
createVNode("code", null, "height"),
|
|
createTextVNode(" prop. ")
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent4, _scopeId3));
|
|
_push4(ssrRenderComponent(_sfc_main$2, null, null, _parent4, _scopeId3));
|
|
} else {
|
|
return [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can set the height of the table by using the "),
|
|
createVNode("code", null, "height"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$2)
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(VCard, { title: "Height" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can set the height of the table by using the "),
|
|
createVNode("code", null, "height"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$2)
|
|
]),
|
|
_: 1
|
|
})
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
_push2(ssrRenderComponent(VCol, { cols: "12" }, {
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
|
if (_push3) {
|
|
_push3(ssrRenderComponent(VCard, { title: "Fixed Header" }, {
|
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
|
if (_push4) {
|
|
_push4(ssrRenderComponent(VCardText, null, {
|
|
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
|
if (_push5) {
|
|
_push5(` You can fix the header of table by using the <code${_scopeId4}>fixed-header</code> prop. `);
|
|
} else {
|
|
return [
|
|
createTextVNode(" You can fix the header of table by using the "),
|
|
createVNode("code", null, "fixed-header"),
|
|
createTextVNode(" prop. ")
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent4, _scopeId3));
|
|
_push4(ssrRenderComponent(_sfc_main$3, null, null, _parent4, _scopeId3));
|
|
} else {
|
|
return [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can fix the header of table by using the "),
|
|
createVNode("code", null, "fixed-header"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$3)
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent3, _scopeId2));
|
|
} else {
|
|
return [
|
|
createVNode(VCard, { title: "Fixed Header" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can fix the header of table by using the "),
|
|
createVNode("code", null, "fixed-header"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$3)
|
|
]),
|
|
_: 1
|
|
})
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent2, _scopeId));
|
|
} else {
|
|
return [
|
|
createVNode(VCol, { cols: "12" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCard, { title: "Basic" }, {
|
|
default: withCtx(() => [
|
|
createVNode(_sfc_main$5)
|
|
]),
|
|
_: 1
|
|
})
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(VCol, { cols: "12" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCard, { title: "Theme" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" use "),
|
|
createVNode("code", null, "theme"),
|
|
createTextVNode(" prop to switch table to the dark theme. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$1)
|
|
]),
|
|
_: 1
|
|
})
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(VCol, { cols: "12" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCard, { title: "Density" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can show a dense version of the table by using the "),
|
|
createVNode("code", null, "density"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$4)
|
|
]),
|
|
_: 1
|
|
})
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(VCol, { cols: "12" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCard, { title: "Height" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can set the height of the table by using the "),
|
|
createVNode("code", null, "height"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$2)
|
|
]),
|
|
_: 1
|
|
})
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(VCol, { cols: "12" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCard, { title: "Fixed Header" }, {
|
|
default: withCtx(() => [
|
|
createVNode(VCardText, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(" You can fix the header of table by using the "),
|
|
createVNode("code", null, "fixed-header"),
|
|
createTextVNode(" prop. ")
|
|
]),
|
|
_: 1
|
|
}),
|
|
createVNode(_sfc_main$3)
|
|
]),
|
|
_: 1
|
|
})
|
|
]),
|
|
_: 1
|
|
})
|
|
];
|
|
}
|
|
}),
|
|
_: 1
|
|
}, _parent));
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup = _sfc_main.setup;
|
|
_sfc_main.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/tables.vue");
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
|
};
|
|
|
|
export { _sfc_main as default };
|