前端初始化
This commit is contained in:
+15
@@ -0,0 +1,15 @@
|
||||
import { Translator } from "../../../../hooks/use-locale/index.js";
|
||||
import { UseNamespaceReturn } from "../../../../hooks/use-namespace/index.js";
|
||||
import { TableV2Props } from "../table.js";
|
||||
import { TableV2RowCellRenderParam } from "../components/row.js";
|
||||
import { UseTableReturn } from "../use-table.js";
|
||||
import { FunctionalComponent, UnwrapNestedRefs } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/cell.d.ts
|
||||
type CellRendererProps = TableV2RowCellRenderParam & Pick<TableV2Props, 'cellProps' | 'expandColumnKey' | 'indentSize' | 'iconSize' | 'rowKey'> & UnwrapNestedRefs<Pick<UseTableReturn, 'expandedRowKeys'>> & {
|
||||
ns: UseNamespaceReturn;
|
||||
t: Translator;
|
||||
};
|
||||
declare const CellRenderer: FunctionalComponent<CellRendererProps>;
|
||||
//#endregion
|
||||
export { CellRenderer as default };
|
||||
+73
@@ -0,0 +1,73 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
require("../constants.js");
|
||||
const require_private = require("../private.js");
|
||||
const require_utils = require("../utils.js");
|
||||
const require_cell = require("../components/cell.js");
|
||||
const require_expand_icon = require("../components/expand-icon.js");
|
||||
let lodash_unified = require("lodash-unified");
|
||||
let vue = require("vue");
|
||||
let _vue_shared = require("@vue/shared");
|
||||
//#region ../../packages/components/table-v2/src/renderers/cell.tsx
|
||||
const CellRenderer = ({ columns, column, columnIndex, depth, expandIconProps, isScrolling, rowData, rowIndex, style, expandedRowKeys, ns, t, cellProps: _cellProps, expandColumnKey, indentSize, iconSize, rowKey }, { slots }) => {
|
||||
const cellStyle = require_utils.enforceUnit(style);
|
||||
if (column.placeholderSign === require_private.placeholderSign) return (0, vue.createVNode)("div", {
|
||||
"class": ns.em("row-cell", "placeholder"),
|
||||
"style": cellStyle
|
||||
}, null);
|
||||
const { cellRenderer, dataKey, dataGetter } = column;
|
||||
const cellData = (0, _vue_shared.isFunction)(dataGetter) ? dataGetter({
|
||||
columns,
|
||||
column,
|
||||
columnIndex,
|
||||
rowData,
|
||||
rowIndex
|
||||
}) : (0, lodash_unified.get)(rowData, dataKey ?? "");
|
||||
const extraCellProps = require_utils.tryCall(_cellProps, {
|
||||
cellData,
|
||||
columns,
|
||||
column,
|
||||
columnIndex,
|
||||
rowIndex,
|
||||
rowData
|
||||
});
|
||||
const cellProps = {
|
||||
class: ns.e("cell-text"),
|
||||
columns,
|
||||
column,
|
||||
columnIndex,
|
||||
cellData,
|
||||
isScrolling,
|
||||
rowData,
|
||||
rowIndex
|
||||
};
|
||||
const columnCellRenderer = require_utils.componentToSlot(cellRenderer);
|
||||
const Cell = columnCellRenderer ? columnCellRenderer(cellProps) : (0, vue.renderSlot)(slots, "default", cellProps, () => [(0, vue.createVNode)(require_cell.default, cellProps, null)]);
|
||||
const kls = [
|
||||
ns.e("row-cell"),
|
||||
column.class,
|
||||
column.align === "center" && ns.is("align-center"),
|
||||
column.align === "right" && ns.is("align-right")
|
||||
];
|
||||
const expandable = rowIndex >= 0 && expandColumnKey && column.key === expandColumnKey;
|
||||
const expanded = rowIndex >= 0 && expandedRowKeys.includes(rowData[rowKey]);
|
||||
let IconOrPlaceholder;
|
||||
const iconStyle = `margin-inline-start: ${depth * indentSize}px;`;
|
||||
if (expandable) if ((0, _vue_shared.isObject)(expandIconProps)) IconOrPlaceholder = (0, vue.createVNode)(require_expand_icon.default, (0, vue.mergeProps)(expandIconProps, {
|
||||
"class": [ns.e("expand-icon"), ns.is("expanded", expanded)],
|
||||
"size": iconSize,
|
||||
"expanded": expanded,
|
||||
"ariaLabel": t(expanded ? "el.table.collapseRowLabel" : "el.table.expandRowLabel"),
|
||||
"style": iconStyle,
|
||||
"expandable": true
|
||||
}), null);
|
||||
else IconOrPlaceholder = (0, vue.createVNode)("div", { "style": [iconStyle, `width: ${iconSize}px; height: ${iconSize}px;`].join(" ") }, null);
|
||||
return (0, vue.createVNode)("div", (0, vue.mergeProps)({
|
||||
"class": kls,
|
||||
"style": cellStyle
|
||||
}, extraCellProps, { "role": "cell" }), [IconOrPlaceholder, Cell]);
|
||||
};
|
||||
CellRenderer.inheritAttrs = false;
|
||||
//#endregion
|
||||
exports.default = CellRenderer;
|
||||
|
||||
//# sourceMappingURL=cell.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
+10
@@ -0,0 +1,10 @@
|
||||
import { CSSProperties, FunctionalComponent } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/empty.d.ts
|
||||
type EmptyRendererProps = {
|
||||
class?: JSX.IntrinsicAttributes['class'];
|
||||
style?: CSSProperties;
|
||||
};
|
||||
declare const Footer: FunctionalComponent<EmptyRendererProps>;
|
||||
//#endregion
|
||||
export { Footer as default };
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_index = require("../../../empty/index.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/empty.tsx
|
||||
const Footer = (props, { slots }) => {
|
||||
const defaultSlot = (0, vue.renderSlot)(slots, "default", {}, () => [(0, vue.createVNode)(require_index.ElEmpty, null, null)]);
|
||||
return (0, vue.createVNode)("div", {
|
||||
"class": props.class,
|
||||
"style": props.style
|
||||
}, [defaultSlot]);
|
||||
};
|
||||
Footer.displayName = "ElTableV2Empty";
|
||||
//#endregion
|
||||
exports.default = Footer;
|
||||
|
||||
//# sourceMappingURL=empty.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"empty.js","names":["renderSlot","createVNode","_createVNode","ElEmpty","Footer","props","slots","defaultSlot","class","style","displayName"],"sources":["../../../../../../../packages/components/table-v2/src/renderers/empty.tsx"],"sourcesContent":["import { renderSlot } from 'vue'\nimport ElEmpty from '@element-plus/components/empty'\n\nimport type { CSSProperties, FunctionalComponent } from 'vue'\n\ntype EmptyRendererProps = {\n class?: JSX.IntrinsicAttributes['class']\n style?: CSSProperties\n}\n\nconst Footer: FunctionalComponent<EmptyRendererProps> = (props, { slots }) => {\n const defaultSlot = renderSlot(slots, 'default', {}, () => [<ElEmpty />])\n return (\n <div class={props.class} style={props.style}>\n {defaultSlot}\n </div>\n )\n}\n\nFooter.displayName = 'ElTableV2Empty'\n\nexport default Footer\n"],"mappings":";;;;AAUA,MAAMI,UAAmDC,OAAO,EAAEC,YAAY;CAC5E,MAAMC,eAAAA,GAAAA,IAAAA,YAAyBD,OAAO,WAAW,EAAE,QAAQ,EAAA,GAAA,IAAA,aAAAH,cAAAA,SAAA,MAAA,KAAA,CAAa,CAAC;CACzE,QAAA,GAAA,IAAA,aAAA,OAAA;EAAA,SACcE,MAAMG;EAAK,SAASH,MAAMI;EAAK,EAAA,CACxCF,YAAW,CAAA;;AAKlBH,OAAOM,cAAc"}
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
import { CSSProperties, FunctionalComponent } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/footer.d.ts
|
||||
type FooterRendererProps = {
|
||||
class?: JSX.IntrinsicAttributes['class'];
|
||||
style: CSSProperties;
|
||||
};
|
||||
declare const Footer: FunctionalComponent<FooterRendererProps>;
|
||||
//#endregion
|
||||
export { Footer as default };
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/footer.tsx
|
||||
const Footer = (props, { slots }) => {
|
||||
return (0, vue.createVNode)("div", {
|
||||
"class": props.class,
|
||||
"style": props.style
|
||||
}, [slots.default?.()]);
|
||||
};
|
||||
Footer.displayName = "ElTableV2Footer";
|
||||
//#endregion
|
||||
exports.default = Footer;
|
||||
|
||||
//# sourceMappingURL=footer.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"footer.js","names":["Footer","props","slots","_createVNode","class","style","default","displayName"],"sources":["../../../../../../../packages/components/table-v2/src/renderers/footer.tsx"],"sourcesContent":["import type { CSSProperties, FunctionalComponent } from 'vue'\n\ntype FooterRendererProps = {\n class?: JSX.IntrinsicAttributes['class']\n style: CSSProperties\n}\n\nconst Footer: FunctionalComponent<FooterRendererProps> = (props, { slots }) => {\n return (\n <div class={props.class} style={props.style}>\n {slots.default?.()}\n </div>\n )\n}\n\nFooter.displayName = 'ElTableV2Footer'\n\nexport default Footer\n"],"mappings":";;;AAOA,MAAMA,UAAoDC,OAAO,EAAEC,YAAY;CAC7E,QAAA,GAAA,IAAA,aAAA,OAAA;EAAA,SACcD,MAAMG;EAAK,SAASH,MAAMI;EAAK,EAAA,CACxCH,MAAMI,WAAW,CAAA,CAAA;;AAKxBN,OAAOO,cAAc"}
|
||||
+18
@@ -0,0 +1,18 @@
|
||||
import { Translator } from "../../../../hooks/use-locale/index.js";
|
||||
import { UseNamespaceReturn } from "../../../../hooks/use-namespace/index.js";
|
||||
import { TableV2Props } from "../table.js";
|
||||
import { TableV2HeaderRowCellRendererParams } from "../components/header-row.js";
|
||||
import { UseTableReturn } from "../use-table.js";
|
||||
import { FunctionalComponent, UnwrapNestedRefs } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/header-cell.d.ts
|
||||
type HeaderCellRendererProps = TableV2HeaderRowCellRendererParams & UnwrapNestedRefs<Pick<UseTableReturn, 'onColumnSorted'>> & Pick<TableV2Props, 'sortBy' | 'sortState' | 'headerCellProps'> & {
|
||||
ns: UseNamespaceReturn;
|
||||
t: Translator;
|
||||
};
|
||||
declare const HeaderCellRenderer: FunctionalComponent<HeaderCellRendererProps>;
|
||||
type HeaderCellSlotProps = HeaderCellRendererProps & {
|
||||
class: string;
|
||||
};
|
||||
//#endregion
|
||||
export { HeaderCellRendererProps, HeaderCellSlotProps, HeaderCellRenderer as default };
|
||||
+65
@@ -0,0 +1,65 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_constants = require("../constants.js");
|
||||
const require_private = require("../private.js");
|
||||
const require_utils = require("../utils.js");
|
||||
const require_header_cell = require("../components/header-cell.js");
|
||||
const require_sort_icon = require("../components/sort-icon.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/header-cell.tsx
|
||||
const HeaderCellRenderer = (props, { slots }) => {
|
||||
const { column, ns, t, style, onColumnSorted } = props;
|
||||
const cellStyle = require_utils.enforceUnit(style);
|
||||
if (column.placeholderSign === require_private.placeholderSign) return (0, vue.createVNode)("div", {
|
||||
"class": ns.em("header-row-cell", "placeholder"),
|
||||
"style": cellStyle
|
||||
}, null);
|
||||
const { headerCellRenderer, headerClass, sortable } = column;
|
||||
/**
|
||||
* render Cell children
|
||||
*/
|
||||
const cellProps = {
|
||||
...props,
|
||||
class: ns.e("header-cell-text")
|
||||
};
|
||||
const columnCellRenderer = require_utils.componentToSlot(headerCellRenderer);
|
||||
const Cell = columnCellRenderer ? columnCellRenderer(cellProps) : (0, vue.renderSlot)(slots, "default", cellProps, () => [(0, vue.createVNode)(require_header_cell.default, cellProps, null)]);
|
||||
/**
|
||||
* Render cell container and sort indicator
|
||||
*/
|
||||
const { sortBy, sortState, headerCellProps } = props;
|
||||
let sorting, sortOrder, ariaSort;
|
||||
if (sortState) {
|
||||
const order = sortState[column.key];
|
||||
sorting = Boolean(require_constants.oppositeOrderMap[order]);
|
||||
sortOrder = sorting ? order : "asc";
|
||||
} else {
|
||||
sorting = column.key === sortBy.key;
|
||||
sortOrder = sorting ? sortBy.order : "asc";
|
||||
}
|
||||
if (sortOrder === "asc") ariaSort = "ascending";
|
||||
else if (sortOrder === "desc") ariaSort = "descending";
|
||||
else ariaSort = void 0;
|
||||
const cellKls = [
|
||||
ns.e("header-cell"),
|
||||
require_utils.tryCall(headerClass, props, ""),
|
||||
column.align === "center" && ns.is("align-center"),
|
||||
column.align === "right" && ns.is("align-right"),
|
||||
sortable && ns.is("sortable")
|
||||
];
|
||||
return (0, vue.createVNode)("div", (0, vue.mergeProps)({
|
||||
...require_utils.tryCall(headerCellProps, props),
|
||||
onClick: column.sortable ? onColumnSorted : void 0,
|
||||
ariaSort: sortable ? ariaSort : void 0,
|
||||
class: cellKls,
|
||||
style: cellStyle,
|
||||
["data-key"]: column.key
|
||||
}, { "role": "columnheader" }), [Cell, sortable && (0, vue.createVNode)(require_sort_icon.default, {
|
||||
"class": [ns.e("sort-icon"), sorting && ns.is("sorting")],
|
||||
"sortOrder": sortOrder,
|
||||
"ariaLabel": t("el.table.sortLabel", { column: column.title || "" })
|
||||
}, null)]);
|
||||
};
|
||||
//#endregion
|
||||
exports.default = HeaderCellRenderer;
|
||||
|
||||
//# sourceMappingURL=header-cell.js.map
|
||||
Generated
Vendored
+1
File diff suppressed because one or more lines are too long
+12
@@ -0,0 +1,12 @@
|
||||
import { UseNamespaceReturn } from "../../../../hooks/use-namespace/index.js";
|
||||
import { TableV2Props } from "../table.js";
|
||||
import { TableV2HeaderRendererParams } from "../components/header.js";
|
||||
import { FunctionalComponent } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/header.d.ts
|
||||
type HeaderRendererProps = TableV2HeaderRendererParams & Pick<TableV2Props, 'headerClass' | 'headerProps'> & {
|
||||
ns: UseNamespaceReturn;
|
||||
};
|
||||
declare const HeaderRenderer: FunctionalComponent<HeaderRendererProps>;
|
||||
//#endregion
|
||||
export { HeaderRenderer as default };
|
||||
+31
@@ -0,0 +1,31 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_utils = require("../utils.js");
|
||||
const require_header_row = require("../components/header-row.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/header.tsx
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
|
||||
}
|
||||
const HeaderRenderer = ({ columns, columnsStyles, headerIndex, style, headerClass, headerProps, ns }, { slots }) => {
|
||||
const param = {
|
||||
columns,
|
||||
headerIndex
|
||||
};
|
||||
const kls = [
|
||||
ns.e("header-row"),
|
||||
require_utils.tryCall(headerClass, param, ""),
|
||||
ns.is("customized", Boolean(slots.header))
|
||||
];
|
||||
return (0, vue.createVNode)(require_header_row.default, {
|
||||
...require_utils.tryCall(headerProps, param),
|
||||
columnsStyles,
|
||||
class: kls,
|
||||
columns,
|
||||
headerIndex,
|
||||
style
|
||||
}, _isSlot(slots) ? slots : { default: () => [slots] });
|
||||
};
|
||||
//#endregion
|
||||
exports.default = HeaderRenderer;
|
||||
|
||||
//# sourceMappingURL=header.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"header.js","names":["HeaderRow","tryCall","_isSlot","s","Object","prototype","toString","call","_isVNode","HeaderRenderer","columns","columnsStyles","headerIndex","style","headerClass","headerProps","ns","slots","param","kls","e","is","Boolean","header","extraProps","class","_createVNode","default"],"sources":["../../../../../../../packages/components/table-v2/src/renderers/header.tsx"],"sourcesContent":["import { HeaderRow } from '../components'\nimport { tryCall } from '../utils'\n\nimport type { FunctionalComponent } from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { TableV2HeaderRendererParams } from '../components'\nimport type { TableV2Props } from '../table'\n\ntype HeaderRendererProps = TableV2HeaderRendererParams &\n Pick<TableV2Props, 'headerClass' | 'headerProps'> & {\n ns: UseNamespaceReturn\n }\n\nconst HeaderRenderer: FunctionalComponent<HeaderRendererProps> = (\n {\n columns,\n columnsStyles,\n headerIndex,\n style,\n // derived from root\n headerClass,\n headerProps,\n\n ns,\n },\n { slots }\n) => {\n const param = { columns, headerIndex }\n\n const kls = [\n ns.e('header-row'),\n tryCall(headerClass, param, ''),\n ns.is('customized', Boolean(slots.header)),\n ]\n\n const extraProps = {\n ...tryCall(headerProps, param),\n columnsStyles,\n class: kls,\n columns,\n headerIndex,\n style,\n }\n\n return <HeaderRow {...extraProps}>{slots}</HeaderRow>\n}\n\nexport default HeaderRenderer\n"],"mappings":";;;;;AACkC,SAAAE,QAAAC,GAAA;CAAA,OAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,EAAA,KAAA,qBAAA,EAAA,GAAA,IAAA,SAAAA,EAAA;;AAYlC,MAAMM,kBACJ,EACEC,SACAC,eACAC,aACAC,OAEAC,aACAC,aAEAC,MAEF,EAAEC,YACC;CACH,MAAMC,QAAQ;EAAER;EAASE;EAAa;CAEtC,MAAMO,MAAM;EACVH,GAAGI,EAAE,aAAa;EAClBnB,cAAAA,QAAQa,aAAaI,OAAO,GAAG;EAC/BF,GAAGK,GAAG,cAAcC,QAAQL,MAAMM,OAAO,CAAC;EAC3C;CAWD,QAAA,GAAA,IAAA,aAAAvB,mBAAAA,SAAsBwB;EARpB,GAAGvB,cAAAA,QAAQc,aAAaG,MAAM;EAC9BP;EACAc,OAAON;EACPT;EACAE;EACAC;EAG8B,EAAAX,QAAGe,MAAK,GAALA,QAAK,EAAAU,eAAA,CAALV,MAAK,EAAA,CAAA"}
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
import { TableV2GridProps } from "../grid.js";
|
||||
import { TableGridInstance } from "../table-grid.js";
|
||||
import { FunctionalComponent, Ref } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/left-table.d.ts
|
||||
type LeftTableProps = TableV2GridProps & {
|
||||
leftTableRef: Ref<TableGridInstance | undefined>;
|
||||
};
|
||||
declare const LeftTable: FunctionalComponent<LeftTableProps>;
|
||||
//#endregion
|
||||
export { LeftTable as default };
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_table_grid = require("../table-grid.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/left-table.tsx
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
|
||||
}
|
||||
const LeftTable = (props, { slots }) => {
|
||||
if (!props.columns.length) return;
|
||||
const { leftTableRef, ...rest } = props;
|
||||
return (0, vue.createVNode)(require_table_grid.default, (0, vue.mergeProps)({ "ref": leftTableRef }, rest), _isSlot(slots) ? slots : { default: () => [slots] });
|
||||
};
|
||||
//#endregion
|
||||
exports.default = LeftTable;
|
||||
|
||||
//# sourceMappingURL=left-table.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"left-table.js","names":["Table","_isSlot","s","Object","prototype","toString","call","_isVNode","LeftTable","props","slots","columns","length","leftTableRef","rest","_createVNode","_mergeProps","default"],"sources":["../../../../../../../packages/components/table-v2/src/renderers/left-table.tsx"],"sourcesContent":["import Table from '../table-grid'\n\nimport type { FunctionalComponent, Ref } from 'vue'\nimport type { TableV2GridProps } from '../grid'\nimport type { TableGridInstance } from '../table-grid'\n\ntype LeftTableProps = TableV2GridProps & {\n leftTableRef: Ref<TableGridInstance | undefined>\n}\n\nconst LeftTable: FunctionalComponent<LeftTableProps> = (props, { slots }) => {\n if (!props.columns.length) return\n\n const { leftTableRef, ...rest } = props\n\n return (\n <Table ref={leftTableRef} {...rest}>\n {slots}\n </Table>\n )\n}\n\nexport default LeftTable\n"],"mappings":";;;;AAAiC,SAAAC,QAAAC,GAAA;CAAA,OAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,EAAA,KAAA,qBAAA,EAAA,GAAA,IAAA,SAAAA,EAAA;;AAUjC,MAAMM,aAAkDC,OAAO,EAAEC,YAAY;CAC3E,IAAI,CAACD,MAAME,QAAQC,QAAQ;CAE3B,MAAM,EAAEC,cAAc,GAAGC,SAASL;CAElC,QAAA,GAAA,IAAA,aAAAT,mBAAAA,UAAAA,GAAAA,IAAAA,YAAA,EAAA,OACca,cAAY,EAAMC,KAAI,EAAAb,QAC/BS,MAAK,GAALA,QAAK,EAAAO,eAAA,CAALP,MAAK,EAAA,CAAA"}
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
import { TableV2GridProps } from "../grid.js";
|
||||
import { TableGridInstance } from "../table-grid.js";
|
||||
import { FunctionalComponent, Ref } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/main-table.d.ts
|
||||
type MainTableRendererProps = TableV2GridProps & {
|
||||
mainTableRef: Ref<TableGridInstance | undefined>;
|
||||
};
|
||||
declare const MainTable: FunctionalComponent<MainTableRendererProps>;
|
||||
//#endregion
|
||||
export { MainTableRendererProps, MainTable as default };
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_table_grid = require("../table-grid.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/main-table.tsx
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
|
||||
}
|
||||
const MainTable = (props, { slots }) => {
|
||||
const { mainTableRef, ...rest } = props;
|
||||
return (0, vue.createVNode)(require_table_grid.default, (0, vue.mergeProps)({ "ref": mainTableRef }, rest), _isSlot(slots) ? slots : { default: () => [slots] });
|
||||
};
|
||||
//#endregion
|
||||
exports.default = MainTable;
|
||||
|
||||
//# sourceMappingURL=main-table.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"main-table.js","names":["Table","_isSlot","s","Object","prototype","toString","call","_isVNode","MainTable","props","slots","mainTableRef","rest","_createVNode","_mergeProps","default"],"sources":["../../../../../../../packages/components/table-v2/src/renderers/main-table.tsx"],"sourcesContent":["import Table from '../table-grid'\n\nimport type { FunctionalComponent, Ref } from 'vue'\nimport type { TableV2GridProps } from '../grid'\nimport type { TableGridInstance } from '../table-grid'\n\nexport type MainTableRendererProps = TableV2GridProps & {\n mainTableRef: Ref<TableGridInstance | undefined>\n}\n\nconst MainTable: FunctionalComponent<MainTableRendererProps> = (\n props: MainTableRendererProps,\n { slots }\n) => {\n const { mainTableRef, ...rest } = props\n return (\n <Table ref={mainTableRef} {...rest}>\n {slots}\n </Table>\n )\n}\n\nexport default MainTable\n"],"mappings":";;;;AAAiC,SAAAC,QAAAC,GAAA;CAAA,OAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,EAAA,KAAA,qBAAA,EAAA,GAAA,IAAA,SAAAA,EAAA;;AAUjC,MAAMM,aACJC,OACA,EAAEC,YACC;CACH,MAAM,EAAEC,cAAc,GAAGC,SAASH;CAClC,QAAA,GAAA,IAAA,aAAAT,mBAAAA,UAAAA,GAAAA,IAAAA,YAAA,EAAA,OACcW,cAAY,EAAMC,KAAI,EAAAX,QAC/BS,MAAK,GAALA,QAAK,EAAAK,eAAA,CAALL,MAAK,EAAA,CAAA"}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
import { SimpleFunctionalComponent } from "../types.js";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/overlay.d.ts
|
||||
declare const Overlay: SimpleFunctionalComponent;
|
||||
//#endregion
|
||||
export { Overlay as default };
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/overlay.tsx
|
||||
const Overlay = (props, { slots }) => {
|
||||
return (0, vue.createVNode)("div", {
|
||||
"class": props.class,
|
||||
"style": props.style
|
||||
}, [slots.default?.()]);
|
||||
};
|
||||
Overlay.displayName = "ElTableV2Overlay";
|
||||
//#endregion
|
||||
exports.default = Overlay;
|
||||
|
||||
//# sourceMappingURL=overlay.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"overlay.js","names":["Overlay","props","slots","_createVNode","class","style","default","displayName"],"sources":["../../../../../../../packages/components/table-v2/src/renderers/overlay.tsx"],"sourcesContent":["import type { SimpleFunctionalComponent } from '../types'\n\nconst Overlay: SimpleFunctionalComponent = (props, { slots }) => {\n return (\n <div class={props.class} style={props.style}>\n {slots.default?.()}\n </div>\n )\n}\n\nOverlay.displayName = 'ElTableV2Overlay'\n\nexport default Overlay\n"],"mappings":";;;AAEA,MAAMA,WAAsCC,OAAO,EAAEC,YAAY;CAC/D,QAAA,GAAA,IAAA,aAAA,OAAA;EAAA,SACcD,MAAMG;EAAK,SAASH,MAAMI;EAAK,EAAA,CACxCH,MAAMI,WAAW,CAAA,CAAA;;AAKxBN,QAAQO,cAAc"}
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
import { TableV2GridProps } from "../grid.js";
|
||||
import { TableGridInstance } from "../table-grid.js";
|
||||
import { FunctionalComponent, Ref } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/right-table.d.ts
|
||||
type RightTableProps = TableV2GridProps & {
|
||||
rightTableRef: Ref<TableGridInstance | undefined>;
|
||||
};
|
||||
declare const RightTable: FunctionalComponent<RightTableProps>;
|
||||
//#endregion
|
||||
export { RightTable as default };
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_table_grid = require("../table-grid.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/right-table.tsx
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
|
||||
}
|
||||
const RightTable = (props, { slots }) => {
|
||||
if (!props.columns.length) return;
|
||||
const { rightTableRef, ...rest } = props;
|
||||
return (0, vue.createVNode)(require_table_grid.default, (0, vue.mergeProps)({ "ref": rightTableRef }, rest), _isSlot(slots) ? slots : { default: () => [slots] });
|
||||
};
|
||||
//#endregion
|
||||
exports.default = RightTable;
|
||||
|
||||
//# sourceMappingURL=right-table.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"right-table.js","names":["Table","_isSlot","s","Object","prototype","toString","call","_isVNode","RightTable","props","slots","columns","length","rightTableRef","rest","_createVNode","_mergeProps","default"],"sources":["../../../../../../../packages/components/table-v2/src/renderers/right-table.tsx"],"sourcesContent":["import Table from '../table-grid'\n\nimport type { FunctionalComponent, Ref } from 'vue'\nimport type { TableV2GridProps } from '../grid'\nimport type { TableGridInstance } from '../table-grid'\n\ntype RightTableProps = TableV2GridProps & {\n rightTableRef: Ref<TableGridInstance | undefined>\n}\n\nconst RightTable: FunctionalComponent<RightTableProps> = (props, { slots }) => {\n if (!props.columns.length) return\n\n const { rightTableRef, ...rest } = props\n\n return (\n <Table ref={rightTableRef} {...rest}>\n {slots}\n </Table>\n )\n}\n\nexport default RightTable\n"],"mappings":";;;;AAAiC,SAAAC,QAAAC,GAAA;CAAA,OAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,EAAA,KAAA,qBAAA,EAAA,GAAA,IAAA,SAAAA,EAAA;;AAUjC,MAAMM,cAAoDC,OAAO,EAAEC,YAAY;CAC7E,IAAI,CAACD,MAAME,QAAQC,QAAQ;CAE3B,MAAM,EAAEC,eAAe,GAAGC,SAASL;CAEnC,QAAA,GAAA,IAAA,aAAAT,mBAAAA,UAAAA,GAAAA,IAAAA,YAAA,EAAA,OACca,eAAa,EAAMC,KAAI,EAAAb,QAChCS,MAAK,GAALA,QAAK,EAAAO,eAAA,CAALP,MAAK,EAAA,CAAA"}
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
import { UseNamespaceReturn } from "../../../../hooks/use-namespace/index.js";
|
||||
import { TableV2Props } from "../table.js";
|
||||
import { TableGridRowSlotParams } from "../table-grid.js";
|
||||
import { UseTableReturn } from "../use-table.js";
|
||||
import { ComponentInternalInstance, FunctionalComponent, UnwrapNestedRefs } from "vue";
|
||||
|
||||
//#region ../../packages/components/table-v2/src/renderers/row.d.ts
|
||||
type RowRendererProps = TableGridRowSlotParams & Pick<TableV2Props, 'expandColumnKey' | 'estimatedRowHeight' | 'rowProps' | 'rowClass' | 'rowKey' | 'rowEventHandlers'> & UnwrapNestedRefs<Pick<UseTableReturn, 'depthMap' | 'expandedRowKeys' | 'hasFixedColumns' | 'onRowHovered' | 'onRowExpanded' | 'columnsStyles'>> & {
|
||||
ns: UseNamespaceReturn;
|
||||
tableInstance?: ComponentInternalInstance;
|
||||
};
|
||||
declare const RowRenderer: FunctionalComponent<RowRendererProps>;
|
||||
//#endregion
|
||||
export { RowRenderer as default };
|
||||
+77
@@ -0,0 +1,77 @@
|
||||
require("../../../../_virtual/_rolldown/runtime.js");
|
||||
const require_utils = require("../utils.js");
|
||||
const require_row = require("../components/row.js");
|
||||
let vue = require("vue");
|
||||
//#region ../../packages/components/table-v2/src/renderers/row.tsx
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
|
||||
}
|
||||
const RowRenderer = (props, { slots }) => {
|
||||
const { columns, columnsStyles, depthMap, expandColumnKey, expandedRowKeys, estimatedRowHeight, hasFixedColumns, rowData, rowIndex, style, isScrolling, rowProps, rowClass, rowKey, rowEventHandlers, ns, onRowHovered, onRowExpanded } = props;
|
||||
const rowKls = require_utils.tryCall(rowClass, {
|
||||
columns,
|
||||
rowData,
|
||||
rowIndex
|
||||
}, "");
|
||||
const additionalProps = require_utils.tryCall(rowProps, {
|
||||
columns,
|
||||
rowData,
|
||||
rowIndex
|
||||
});
|
||||
const _rowKey = rowData[rowKey];
|
||||
const depth = depthMap[_rowKey] || 0;
|
||||
const canExpand = Boolean(expandColumnKey);
|
||||
const isFixedRow = rowIndex < 0;
|
||||
const kls = [
|
||||
ns.e("row"),
|
||||
rowKls,
|
||||
ns.is("expanded", canExpand && expandedRowKeys.includes(_rowKey)),
|
||||
ns.is("fixed", !depth && isFixedRow),
|
||||
ns.is("customized", Boolean(slots.row)),
|
||||
{ [ns.e(`row-depth-${depth}`)]: canExpand && rowIndex >= 0 }
|
||||
];
|
||||
const onRowHover = hasFixedColumns ? onRowHovered : void 0;
|
||||
const _rowProps = {
|
||||
...additionalProps,
|
||||
columns,
|
||||
columnsStyles,
|
||||
class: kls,
|
||||
depth,
|
||||
expandColumnKey,
|
||||
estimatedRowHeight: isFixedRow ? void 0 : estimatedRowHeight,
|
||||
isScrolling,
|
||||
rowIndex,
|
||||
rowData,
|
||||
rowKey: _rowKey,
|
||||
rowEventHandlers,
|
||||
style
|
||||
};
|
||||
const handlerMouseEnter = (e) => {
|
||||
onRowHover?.({
|
||||
hovered: true,
|
||||
rowKey: _rowKey,
|
||||
event: e,
|
||||
rowData,
|
||||
rowIndex
|
||||
});
|
||||
};
|
||||
const handlerMouseLeave = (e) => {
|
||||
onRowHover?.({
|
||||
hovered: false,
|
||||
rowKey: _rowKey,
|
||||
event: e,
|
||||
rowData,
|
||||
rowIndex
|
||||
});
|
||||
};
|
||||
return (0, vue.createVNode)(require_row.default, (0, vue.mergeProps)(_rowProps, {
|
||||
"onRowExpand": onRowExpanded,
|
||||
"onMouseenter": handlerMouseEnter,
|
||||
"onMouseleave": handlerMouseLeave,
|
||||
"rowkey": _rowKey
|
||||
}), _isSlot(slots) ? slots : { default: () => [slots] });
|
||||
};
|
||||
//#endregion
|
||||
exports.default = RowRenderer;
|
||||
|
||||
//# sourceMappingURL=row.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user