element-plus
Version:
A Component Library for Vue 3
295 lines (290 loc) • 11.8 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var table_vue_vue_type_script_lang = require('./table.vue2.js');
var vue = require('vue');
var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
const _hoisted_1 = ["data-prefix"];
const _hoisted_2 = {
ref: "hiddenColumns",
class: "hidden-columns"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_hColgroup = vue.resolveComponent("hColgroup");
const _component_table_header = vue.resolveComponent("table-header");
const _component_table_body = vue.resolveComponent("table-body");
const _component_table_footer = vue.resolveComponent("table-footer");
const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
const _directive_mousewheel = vue.resolveDirective("mousewheel");
return vue.openBlock(), vue.createElementBlock("div", {
ref: "tableWrapper",
class: vue.normalizeClass([
{
[_ctx.ns.m("fit")]: _ctx.fit,
[_ctx.ns.m("striped")]: _ctx.stripe,
[_ctx.ns.m("border")]: _ctx.border || _ctx.isGroup,
[_ctx.ns.m("hidden")]: _ctx.isHidden,
[_ctx.ns.m("group")]: _ctx.isGroup,
[_ctx.ns.m("fluid-height")]: _ctx.maxHeight,
[_ctx.ns.m("scrollable-x")]: _ctx.layout.scrollX.value,
[_ctx.ns.m("scrollable-y")]: _ctx.layout.scrollY.value,
[_ctx.ns.m("enable-row-hover")]: !_ctx.store.states.isComplex.value,
[_ctx.ns.m("enable-row-transition")]: (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100,
"has-footer": _ctx.showSummary
},
_ctx.ns.m(_ctx.tableSize),
_ctx.className,
_ctx.ns.b(),
_ctx.ns.m(`layout-${_ctx.tableLayout}`)
]),
style: vue.normalizeStyle(_ctx.style),
"data-prefix": _ctx.ns.namespace.value,
onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args))
}, [
vue.createElementVNode(
"div",
{
ref: "tableInnerWrapper",
class: vue.normalizeClass(_ctx.ns.e("inner-wrapper"))
},
[
vue.createElementVNode(
"div",
_hoisted_2,
[
vue.renderSlot(_ctx.$slots, "default")
],
512
/* NEED_PATCH */
),
_ctx.showHeader && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
"div",
{
key: 0,
ref: "headerWrapper",
class: vue.normalizeClass(_ctx.ns.e("header-wrapper"))
},
[
vue.createElementVNode(
"table",
{
ref: "tableHeader",
class: vue.normalizeClass(_ctx.ns.e("header")),
style: vue.normalizeStyle(_ctx.tableBodyStyles),
border: "0",
cellpadding: "0",
cellspacing: "0"
},
[
vue.createVNode(_component_hColgroup, {
columns: _ctx.store.states.columns.value,
"table-layout": _ctx.tableLayout
}, null, 8, ["columns", "table-layout"]),
vue.createVNode(_component_table_header, {
ref: "tableHeaderRef",
border: _ctx.border,
"default-sort": _ctx.defaultSort,
store: _ctx.store,
"append-filter-panel-to": _ctx.appendFilterPanelTo,
"allow-drag-last-column": _ctx.allowDragLastColumn,
onSetDragVisible: _ctx.setDragVisible
}, null, 8, ["border", "default-sort", "store", "append-filter-panel-to", "allow-drag-last-column", "onSetDragVisible"])
],
6
/* CLASS, STYLE */
)
],
2
/* CLASS */
)), [
[_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
]) : vue.createCommentVNode("v-if", true),
vue.createElementVNode(
"div",
{
ref: "bodyWrapper",
class: vue.normalizeClass(_ctx.ns.e("body-wrapper"))
},
[
vue.createVNode(_component_el_scrollbar, {
ref: "scrollBarRef",
"view-style": _ctx.scrollbarViewStyle,
"wrap-style": _ctx.scrollbarStyle,
always: _ctx.scrollbarAlwaysOn,
tabindex: _ctx.scrollbarTabindex,
native: _ctx.nativeScrollbar,
onScroll: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("scroll", $event))
}, {
default: vue.withCtx(() => [
vue.createElementVNode(
"table",
{
ref: "tableBody",
class: vue.normalizeClass(_ctx.ns.e("body")),
cellspacing: "0",
cellpadding: "0",
border: "0",
style: vue.normalizeStyle({
width: _ctx.bodyWidth,
tableLayout: _ctx.tableLayout
})
},
[
vue.createVNode(_component_hColgroup, {
columns: _ctx.store.states.columns.value,
"table-layout": _ctx.tableLayout
}, null, 8, ["columns", "table-layout"]),
_ctx.showHeader && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_header, {
key: 0,
ref: "tableHeaderRef",
class: vue.normalizeClass(_ctx.ns.e("body-header")),
border: _ctx.border,
"default-sort": _ctx.defaultSort,
store: _ctx.store,
"append-filter-panel-to": _ctx.appendFilterPanelTo,
onSetDragVisible: _ctx.setDragVisible
}, null, 8, ["class", "border", "default-sort", "store", "append-filter-panel-to", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
vue.createVNode(_component_table_body, {
context: _ctx.context,
highlight: _ctx.highlightCurrentRow,
"row-class-name": _ctx.rowClassName,
"tooltip-effect": _ctx.tooltipEffect,
"tooltip-options": _ctx.tooltipOptions,
"row-style": _ctx.rowStyle,
store: _ctx.store,
stripe: _ctx.stripe
}, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"]),
_ctx.showSummary && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_footer, {
key: 1,
class: vue.normalizeClass(_ctx.ns.e("body-footer")),
border: _ctx.border,
"default-sort": _ctx.defaultSort,
store: _ctx.store,
"sum-text": _ctx.computedSumText,
"summary-method": _ctx.summaryMethod
}, null, 8, ["class", "border", "default-sort", "store", "sum-text", "summary-method"])) : vue.createCommentVNode("v-if", true)
],
6
/* CLASS, STYLE */
),
_ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock(
"div",
{
key: 0,
ref: "emptyBlock",
style: vue.normalizeStyle(_ctx.emptyBlockStyle),
class: vue.normalizeClass(_ctx.ns.e("empty-block"))
},
[
vue.createElementVNode(
"span",
{
class: vue.normalizeClass(_ctx.ns.e("empty-text"))
},
[
vue.renderSlot(_ctx.$slots, "empty", {}, () => [
vue.createTextVNode(
vue.toDisplayString(_ctx.computedEmptyText),
1
/* TEXT */
)
])
],
2
/* CLASS */
)
],
6
/* CLASS, STYLE */
)) : vue.createCommentVNode("v-if", true),
_ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock(
"div",
{
key: 1,
ref: "appendWrapper",
class: vue.normalizeClass(_ctx.ns.e("append-wrapper"))
},
[
vue.renderSlot(_ctx.$slots, "append")
],
2
/* CLASS */
)) : vue.createCommentVNode("v-if", true)
]),
_: 3
/* FORWARDED */
}, 8, ["view-style", "wrap-style", "always", "tabindex", "native"])
],
2
/* CLASS */
),
_ctx.showSummary && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
"div",
{
key: 1,
ref: "footerWrapper",
class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
},
[
vue.createElementVNode(
"table",
{
class: vue.normalizeClass(_ctx.ns.e("footer")),
cellspacing: "0",
cellpadding: "0",
border: "0",
style: vue.normalizeStyle(_ctx.tableBodyStyles)
},
[
vue.createVNode(_component_hColgroup, {
columns: _ctx.store.states.columns.value,
"table-layout": _ctx.tableLayout
}, null, 8, ["columns", "table-layout"]),
vue.createVNode(_component_table_footer, {
border: _ctx.border,
"default-sort": _ctx.defaultSort,
store: _ctx.store,
"sum-text": _ctx.computedSumText,
"summary-method": _ctx.summaryMethod
}, null, 8, ["border", "default-sort", "store", "sum-text", "summary-method"])
],
6
/* CLASS, STYLE */
)
],
2
/* CLASS */
)), [
[vue.vShow, !_ctx.isEmpty],
[_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
]) : vue.createCommentVNode("v-if", true),
_ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock(
"div",
{
key: 2,
class: vue.normalizeClass(_ctx.ns.e("border-left-patch"))
},
null,
2
/* CLASS */
)) : vue.createCommentVNode("v-if", true)
],
2
/* CLASS */
),
vue.withDirectives(vue.createElementVNode(
"div",
{
ref: "resizeProxy",
class: vue.normalizeClass(_ctx.ns.e("column-resize-proxy"))
},
null,
2
/* CLASS */
), [
[vue.vShow, _ctx.resizeProxyVisible]
])
], 46, _hoisted_1);
}
var Table = /* @__PURE__ */ _pluginVue_exportHelper.default(table_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
exports.default = Table;
//# sourceMappingURL=table.vue.js.map