ocn-vue-components
Version:
A collection of Vue 3 components with @vorms/core
42 lines (41 loc) • 1.43 kB
JavaScript
import { openBlock as t, createElementBlock as s, Fragment as c, renderList as i, createElementVNode as e, createTextVNode as a, toDisplayString as d } from "vue";
const p = /* @__PURE__ */ e("th", {
scope: "col",
class: "px-6 py-3 font-medium tracking-wider"
}, "#", -1), h = ["onClick"], m = { class: "flex items-center" }, _ = /* @__PURE__ */ e("svg", {
xmlns: "http://www.w3.org/2000/svg",
class: "w-3 h-3 ml-1",
"aria-hidden": "true",
fill: "currentColor",
viewBox: "0 0 320 512"
}, [
/* @__PURE__ */ e("path", { d: "M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z" })
], -1), g = {
__name: "TableHeader",
props: {
headers: {
type: Object,
required: !0
}
},
emits: ["sortList"],
setup(o, { emit: l }) {
return (u, k) => (t(), s(c, null, [
p,
(t(!0), s(c, null, i(o.headers, (n, w, r) => (t(), s("th", {
scope: "col",
class: "px-6 py-3",
key: r,
onClick: (x) => l("sortList", r)
}, [
e("div", m, [
a(d(n) + " ", 1),
_
])
], 8, h))), 128))
], 64));
}
};
export {
g as default
};