mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
🔧:build SSR dist and deploy
This commit is contained in:
parent
76c26901d7
commit
c59ad6aedb
465 changed files with 214127 additions and 2 deletions
79
dist/server/chunks/chunk-aab02bfe.js
vendored
Normal file
79
dist/server/chunks/chunk-aab02bfe.js
vendored
Normal file
|
@ -0,0 +1,79 @@
|
|||
import { defineComponent, toRefs, computed, mergeProps, unref, useSSRContext } from 'vue';
|
||||
import { ssrRenderAttrs, ssrRenderAttr, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrRenderSlot } from 'vue/server-renderer';
|
||||
import _ from 'lodash';
|
||||
|
||||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||||
__name: "c-table",
|
||||
__ssrInlineRender: true,
|
||||
props: {
|
||||
data: { default: () => [] },
|
||||
headers: { default: void 0 },
|
||||
hideHeaders: { type: Boolean, default: false },
|
||||
description: { default: "Data table" }
|
||||
},
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const { data, headers: rawHeaders, hideHeaders } = toRefs(props);
|
||||
const headers = computed(() => {
|
||||
if (rawHeaders.value) {
|
||||
if (Array.isArray(rawHeaders.value)) {
|
||||
return rawHeaders.value.map((value) => {
|
||||
if (typeof value === "string") {
|
||||
return { key: value, label: value };
|
||||
}
|
||||
const { key, label } = value;
|
||||
return {
|
||||
key,
|
||||
label: label ?? key
|
||||
};
|
||||
});
|
||||
}
|
||||
return _.map(rawHeaders.value, (value, key) => ({
|
||||
key,
|
||||
label: value
|
||||
}));
|
||||
}
|
||||
return _.chain(data.value).map((row) => Object.keys(row)).flatten().uniq().map((key) => ({ key, label: key })).value();
|
||||
});
|
||||
return (_ctx, _push, _parent, _attrs) => {
|
||||
_push(`<div${ssrRenderAttrs(mergeProps({ class: "relative overflow-x-auto rounded" }, _attrs))}><table class="w-full border-collapse text-left text-sm text-gray-500 dark:text-gray-400" role="table"${ssrRenderAttr("aria-label", _ctx.description)}>`);
|
||||
if (!unref(hideHeaders)) {
|
||||
_push(`<thead class="bg-#ffffff uppercase text-gray-700 dark:bg-#333333 dark:text-gray-400" border-b="1px solid dark:transparent #efeff5"><tr><!--[-->`);
|
||||
ssrRenderList(unref(headers), (header) => {
|
||||
_push(`<th scope="col" class="px-6 py-3 text-xs">${ssrInterpolate(header.label)}</th>`);
|
||||
});
|
||||
_push(`<!--]--></tr></thead>`);
|
||||
} else {
|
||||
_push(`<!---->`);
|
||||
}
|
||||
_push(`<tbody><!--[-->`);
|
||||
ssrRenderList(unref(data), (row, i) => {
|
||||
_push(`<tr border-b="1px solid dark:#282828 #efeff5" class="${ssrRenderClass([{
|
||||
"important:border-b-none": i === unref(data).length - 1
|
||||
}, "bg-white dark:bg-#232323"])}"><!--[-->`);
|
||||
ssrRenderList(unref(headers), (header) => {
|
||||
_push(`<td class="px-6 py-4">`);
|
||||
ssrRenderSlot(_ctx.$slots, header.key, {
|
||||
row,
|
||||
headers: unref(headers),
|
||||
value: row[header.key]
|
||||
}, () => {
|
||||
_push(`${ssrInterpolate(row[header.key])}`);
|
||||
}, _push, _parent);
|
||||
_push(`</td>`);
|
||||
});
|
||||
_push(`<!--]--></tr>`);
|
||||
});
|
||||
_push(`<!--]--></tbody></table></div>`);
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
const _sfc_setup = _sfc_main.setup;
|
||||
_sfc_main.setup = (props, ctx) => {
|
||||
const ssrContext = useSSRContext();
|
||||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/ui/c-table/c-table.vue");
|
||||
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||||
};
|
||||
|
||||
export { _sfc_main as _ };
|
Loading…
Add table
Add a link
Reference in a new issue