增加admin管理帐号和项目的界面--初步实现
This commit is contained in:
Generated
Vendored
+10
@@ -0,0 +1,10 @@
|
||||
import type { FunctionalComponent, UnwrapNestedRefs } from 'vue';
|
||||
import type { TableV2RowCellRenderParam } from '../components';
|
||||
import type { UseNamespaceReturn } from 'element-plus/es/hooks';
|
||||
import type { UseTableReturn } from '../use-table';
|
||||
import type { TableV2Props } from '../table';
|
||||
type CellRendererProps = TableV2RowCellRenderParam & Pick<TableV2Props, 'cellProps' | 'expandColumnKey' | 'indentSize' | 'iconSize' | 'rowKey'> & UnwrapNestedRefs<Pick<UseTableReturn, 'expandedRowKeys'>> & {
|
||||
ns: UseNamespaceReturn;
|
||||
};
|
||||
declare const CellRenderer: FunctionalComponent<CellRendererProps>;
|
||||
export default CellRenderer;
|
||||
+100
@@ -0,0 +1,100 @@
|
||||
import { createVNode, renderSlot, mergeProps } from 'vue';
|
||||
import { get } from 'lodash-unified';
|
||||
import { Alignment } from '../constants.mjs';
|
||||
import { placeholderSign } from '../private.mjs';
|
||||
import { enforceUnit, tryCall, componentToSlot } from '../utils.mjs';
|
||||
import TableCell from '../components/cell.mjs';
|
||||
import ExpandIcon from '../components/expand-icon.mjs';
|
||||
import { isFunction, isObject } from '@vue/shared';
|
||||
|
||||
const CellRenderer = ({
|
||||
columns,
|
||||
column,
|
||||
columnIndex,
|
||||
depth,
|
||||
expandIconProps,
|
||||
isScrolling,
|
||||
rowData,
|
||||
rowIndex,
|
||||
style,
|
||||
expandedRowKeys,
|
||||
ns,
|
||||
cellProps: _cellProps,
|
||||
expandColumnKey,
|
||||
indentSize,
|
||||
iconSize,
|
||||
rowKey
|
||||
}, {
|
||||
slots
|
||||
}) => {
|
||||
const cellStyle = enforceUnit(style);
|
||||
if (column.placeholderSign === placeholderSign) {
|
||||
return createVNode("div", {
|
||||
"class": ns.em("row-cell", "placeholder"),
|
||||
"style": cellStyle
|
||||
}, null);
|
||||
}
|
||||
const {
|
||||
cellRenderer,
|
||||
dataKey,
|
||||
dataGetter
|
||||
} = column;
|
||||
const cellData = isFunction(dataGetter) ? dataGetter({
|
||||
columns,
|
||||
column,
|
||||
columnIndex,
|
||||
rowData,
|
||||
rowIndex
|
||||
}) : get(rowData, dataKey != null ? dataKey : "");
|
||||
const extraCellProps = tryCall(_cellProps, {
|
||||
cellData,
|
||||
columns,
|
||||
column,
|
||||
columnIndex,
|
||||
rowIndex,
|
||||
rowData
|
||||
});
|
||||
const cellProps = {
|
||||
class: ns.e("cell-text"),
|
||||
columns,
|
||||
column,
|
||||
columnIndex,
|
||||
cellData,
|
||||
isScrolling,
|
||||
rowData,
|
||||
rowIndex
|
||||
};
|
||||
const columnCellRenderer = componentToSlot(cellRenderer);
|
||||
const Cell = columnCellRenderer ? columnCellRenderer(cellProps) : renderSlot(slots, "default", cellProps, () => [createVNode(TableCell, cellProps, null)]);
|
||||
const kls = [ns.e("row-cell"), column.class, column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.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 (isObject(expandIconProps)) {
|
||||
IconOrPlaceholder = createVNode(ExpandIcon, mergeProps(expandIconProps, {
|
||||
"class": [ns.e("expand-icon"), ns.is("expanded", expanded)],
|
||||
"size": iconSize,
|
||||
"expanded": expanded,
|
||||
"style": iconStyle,
|
||||
"expandable": true
|
||||
}), null);
|
||||
} else {
|
||||
IconOrPlaceholder = createVNode("div", {
|
||||
"style": [iconStyle, `width: ${iconSize}px; height: ${iconSize}px;`].join(" ")
|
||||
}, null);
|
||||
}
|
||||
}
|
||||
return createVNode("div", mergeProps({
|
||||
"class": kls,
|
||||
"style": cellStyle
|
||||
}, extraCellProps, {
|
||||
"role": "cell"
|
||||
}), [IconOrPlaceholder, Cell]);
|
||||
};
|
||||
CellRenderer.inheritAttrs = false;
|
||||
var Cell = CellRenderer;
|
||||
|
||||
export { Cell as default };
|
||||
//# sourceMappingURL=cell.mjs.map
|
||||
Generated
Vendored
+1
File diff suppressed because one or more lines are too long
Generated
Vendored
+7
@@ -0,0 +1,7 @@
|
||||
import type { CSSProperties, FunctionalComponent } from 'vue';
|
||||
type EmptyRendererProps = {
|
||||
class?: JSX.IntrinsicAttributes['class'];
|
||||
style?: CSSProperties;
|
||||
};
|
||||
declare const Footer: FunctionalComponent<EmptyRendererProps>;
|
||||
export default Footer;
|
||||
Generated
Vendored
+17
@@ -0,0 +1,17 @@
|
||||
import { renderSlot, createVNode } from 'vue';
|
||||
import { ElEmpty } from '../../../empty/index.mjs';
|
||||
|
||||
const Footer = (props, {
|
||||
slots
|
||||
}) => {
|
||||
const defaultSlot = renderSlot(slots, "default", {}, () => [createVNode(ElEmpty, null, null)]);
|
||||
return createVNode("div", {
|
||||
"class": props.class,
|
||||
"style": props.style
|
||||
}, [defaultSlot]);
|
||||
};
|
||||
Footer.displayName = "ElTableV2Empty";
|
||||
var Empty = Footer;
|
||||
|
||||
export { Empty as default };
|
||||
//# sourceMappingURL=empty.mjs.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"empty.mjs","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"],"names":["slots","_createVNode","renderSlot","props","class","style"],"mappings":";;;;AAUA,EAAA,KAAqD;AAAaA,CAAAA,KAAAA;AAAF,EAAc,MAAA,WAAA,GAAA,UAAA,CAAA,KAAA,EAAA,SAAA,EAAA,EAAA,EAAA,MAAA,CAAAC,WAAA,CAAA,OAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAC5E,EAAA,OAAiBA,WAAA,CAAGC,KAAU,EAAA;AAC9B,IAAA,OAAA,EAAA,KAAA,CAAA,KAAA;IAAA,OACcC,EAAAA,KAAK,CAACC,KADpB;AAAA,GAAA,EAAA,CAAA,YACuC,CAACC,CAAAA;AADxC,CAAA,CAAA;AAKD,MAPD,CAAA,WAAA,GAAA,gBAAA,CAAA;;;;;"}
|
||||
Generated
Vendored
+7
@@ -0,0 +1,7 @@
|
||||
import type { CSSProperties, FunctionalComponent } from 'vue';
|
||||
type FooterRendererProps = {
|
||||
class?: JSX.IntrinsicAttributes['class'];
|
||||
style: CSSProperties;
|
||||
};
|
||||
declare const Footer: FunctionalComponent<FooterRendererProps>;
|
||||
export default Footer;
|
||||
Generated
Vendored
+16
@@ -0,0 +1,16 @@
|
||||
import { createVNode } from 'vue';
|
||||
|
||||
const Footer = (props, {
|
||||
slots
|
||||
}) => {
|
||||
var _a;
|
||||
return createVNode("div", {
|
||||
"class": props.class,
|
||||
"style": props.style
|
||||
}, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
|
||||
};
|
||||
Footer.displayName = "ElTableV2Footer";
|
||||
var Footer$1 = Footer;
|
||||
|
||||
export { Footer$1 as default };
|
||||
//# sourceMappingURL=footer.mjs.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"footer.mjs","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"],"names":["slots","_createVNode","props","class","style","default","Footer"],"mappings":";;;AAOA,EAAA,KAAsD;AAAaA,CAAAA,KAAAA;AAAF,EAAc,IAAA,EAAA,CAAA;AAC7E,EAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;IAAA,OACcC,EAAAA,KAAK,CAACC,KADpB;AAAA,IAAA,OAAA,EACkCD,KAAK,CAACE,KAAAA;GACnCJ,EAAAA,CAAAA,CAAAA,EAAAA,GAAMK,KAAAA,CAAAA,OAFX,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAKD,CAND,CAAA;;AAQAC,eAAA,MAAqB;;;;"}
|
||||
Generated
Vendored
+13
@@ -0,0 +1,13 @@
|
||||
import type { FunctionalComponent, UnwrapNestedRefs } from 'vue';
|
||||
import type { UseNamespaceReturn } from 'element-plus/es/hooks';
|
||||
import type { TableV2HeaderRowCellRendererParams } from '../components';
|
||||
import type { UseTableReturn } from '../use-table';
|
||||
import type { TableV2Props } from '../table';
|
||||
export type HeaderCellRendererProps = TableV2HeaderRowCellRendererParams & UnwrapNestedRefs<Pick<UseTableReturn, 'onColumnSorted'>> & Pick<TableV2Props, 'sortBy' | 'sortState' | 'headerCellProps'> & {
|
||||
ns: UseNamespaceReturn;
|
||||
};
|
||||
declare const HeaderCellRenderer: FunctionalComponent<HeaderCellRendererProps>;
|
||||
export default HeaderCellRenderer;
|
||||
export type HeaderCellSlotProps = HeaderCellRendererProps & {
|
||||
class: string;
|
||||
};
|
||||
Generated
Vendored
+67
@@ -0,0 +1,67 @@
|
||||
import { createVNode, renderSlot, mergeProps } from 'vue';
|
||||
import { oppositeOrderMap, SortOrder, Alignment } from '../constants.mjs';
|
||||
import { placeholderSign } from '../private.mjs';
|
||||
import { enforceUnit, componentToSlot, tryCall } from '../utils.mjs';
|
||||
import HeaderCell$1 from '../components/header-cell.mjs';
|
||||
import SortIcon from '../components/sort-icon.mjs';
|
||||
|
||||
const HeaderCellRenderer = (props, {
|
||||
slots
|
||||
}) => {
|
||||
const {
|
||||
column,
|
||||
ns,
|
||||
style,
|
||||
onColumnSorted
|
||||
} = props;
|
||||
const cellStyle = enforceUnit(style);
|
||||
if (column.placeholderSign === placeholderSign) {
|
||||
return createVNode("div", {
|
||||
"class": ns.em("header-row-cell", "placeholder"),
|
||||
"style": cellStyle
|
||||
}, null);
|
||||
}
|
||||
const {
|
||||
headerCellRenderer,
|
||||
headerClass,
|
||||
sortable
|
||||
} = column;
|
||||
const cellProps = {
|
||||
...props,
|
||||
class: ns.e("header-cell-text")
|
||||
};
|
||||
const columnCellRenderer = componentToSlot(headerCellRenderer);
|
||||
const Cell = columnCellRenderer ? columnCellRenderer(cellProps) : renderSlot(slots, "default", cellProps, () => [createVNode(HeaderCell$1, cellProps, null)]);
|
||||
const {
|
||||
sortBy,
|
||||
sortState,
|
||||
headerCellProps
|
||||
} = props;
|
||||
let sorting, sortOrder;
|
||||
if (sortState) {
|
||||
const order = sortState[column.key];
|
||||
sorting = Boolean(oppositeOrderMap[order]);
|
||||
sortOrder = sorting ? order : SortOrder.ASC;
|
||||
} else {
|
||||
sorting = column.key === sortBy.key;
|
||||
sortOrder = sorting ? sortBy.order : SortOrder.ASC;
|
||||
}
|
||||
const cellKls = [ns.e("header-cell"), tryCall(headerClass, props, ""), column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right"), sortable && ns.is("sortable")];
|
||||
const cellWrapperProps = {
|
||||
...tryCall(headerCellProps, props),
|
||||
onClick: column.sortable ? onColumnSorted : void 0,
|
||||
class: cellKls,
|
||||
style: cellStyle,
|
||||
["data-key"]: column.key
|
||||
};
|
||||
return createVNode("div", mergeProps(cellWrapperProps, {
|
||||
"role": "columnheader"
|
||||
}), [Cell, sortable && createVNode(SortIcon, {
|
||||
"class": [ns.e("sort-icon"), sorting && ns.is("sorting")],
|
||||
"sortOrder": sortOrder
|
||||
}, null)]);
|
||||
};
|
||||
var HeaderCell = HeaderCellRenderer;
|
||||
|
||||
export { HeaderCell as default };
|
||||
//# sourceMappingURL=header-cell.mjs.map
|
||||
Generated
Vendored
+1
File diff suppressed because one or more lines are too long
Generated
Vendored
+9
@@ -0,0 +1,9 @@
|
||||
import type { FunctionalComponent } from 'vue';
|
||||
import type { UseNamespaceReturn } from 'element-plus/es/hooks';
|
||||
import type { TableV2HeaderRendererParams } from '../components';
|
||||
import type { TableV2Props } from '../table';
|
||||
type HeaderRendererProps = TableV2HeaderRendererParams & Pick<TableV2Props, 'headerClass' | 'headerProps'> & {
|
||||
ns: UseNamespaceReturn;
|
||||
};
|
||||
declare const HeaderRenderer: FunctionalComponent<HeaderRendererProps>;
|
||||
export default HeaderRenderer;
|
||||
Generated
Vendored
+39
@@ -0,0 +1,39 @@
|
||||
import { createVNode, isVNode } from 'vue';
|
||||
import { tryCall } from '../utils.mjs';
|
||||
import HeaderRow from '../components/header-row.mjs';
|
||||
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
||||
}
|
||||
const HeaderRenderer = ({
|
||||
columns,
|
||||
columnsStyles,
|
||||
headerIndex,
|
||||
style,
|
||||
headerClass,
|
||||
headerProps,
|
||||
ns
|
||||
}, {
|
||||
slots
|
||||
}) => {
|
||||
const param = {
|
||||
columns,
|
||||
headerIndex
|
||||
};
|
||||
const kls = [ns.e("header-row"), tryCall(headerClass, param, ""), ns.is("customized", Boolean(slots.header))];
|
||||
const extraProps = {
|
||||
...tryCall(headerProps, param),
|
||||
columnsStyles,
|
||||
class: kls,
|
||||
columns,
|
||||
headerIndex,
|
||||
style
|
||||
};
|
||||
return createVNode(HeaderRow, extraProps, _isSlot(slots) ? slots : {
|
||||
default: () => [slots]
|
||||
});
|
||||
};
|
||||
var Header = HeaderRenderer;
|
||||
|
||||
export { Header as default };
|
||||
//# sourceMappingURL=header.mjs.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"header.mjs","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"],"names":["HeaderRenderer","columns","columnsStyles","headerIndex","style","headerProps","ns","slots","extraProps","class"],"mappings":";;;;;;;;;AAaA,EAAMA,aAAAA;EAEFC,WADF;EAEEC,KAFF;EAGEC,WAHF;EAIEC,WAJF;AAKE,EAAA,EAAA;GALF;EAOEC,KAPF;AASEC,CAAAA,KAAAA;AATF,EAWA,MAAA,KAAA,GAAA;AAAEC,IAAAA,OAAAA;AAAF,IACG,WAAA;AACH,GAAA,CAAA;QAAc,GAAA,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA,YAAA,CAAA,EAAA,OAAA,CAAA,WAAA,EAAA,KAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAWJ,EAAAA,MAAAA,UAAAA,GAAAA;IAAzB,GAAA,OAAA,CAAA,WAAA,EAAA,KAAA,CAAA;AAEA,IAAA,aACI;IAKEK,KAAAA,EAAAA,GAAAA;IAEJN,OAFiB;AAGjBO,IAAAA,WAHiB;IAIjBR,KAJiB;IAKjBE;AACAC,EAAAA,OAAAA,WAAAA,CAAAA,SAAAA,EAAAA,UAAAA,EAAAA,OAAAA,CAAAA,KAAAA,CAAAA,GAAAA,KAAAA,GAAAA;IANF,OAAA,EAAA,MAAA,CAAA,KAAA,CAAA;AASA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAAA,aAAA,cAAA;;;;"}
|
||||
Generated
Vendored
+8
@@ -0,0 +1,8 @@
|
||||
import type { FunctionalComponent, Ref } from 'vue';
|
||||
import type { TableV2GridProps } from '../grid';
|
||||
import type { TableGridInstance } from '../table-grid';
|
||||
type LeftTableProps = TableV2GridProps & {
|
||||
leftTableRef: Ref<TableGridInstance | undefined>;
|
||||
};
|
||||
declare const LeftTable: FunctionalComponent<LeftTableProps>;
|
||||
export default LeftTable;
|
||||
Generated
Vendored
+25
@@ -0,0 +1,25 @@
|
||||
import { createVNode, mergeProps, isVNode } from 'vue';
|
||||
import Table from '../table-grid.mjs';
|
||||
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
||||
}
|
||||
const LeftTable = (props, {
|
||||
slots
|
||||
}) => {
|
||||
if (!props.columns.length)
|
||||
return;
|
||||
const {
|
||||
leftTableRef,
|
||||
...rest
|
||||
} = props;
|
||||
return createVNode(Table, mergeProps({
|
||||
"ref": leftTableRef
|
||||
}, rest), _isSlot(slots) ? slots : {
|
||||
default: () => [slots]
|
||||
});
|
||||
};
|
||||
var LeftTable$1 = LeftTable;
|
||||
|
||||
export { LeftTable$1 as default };
|
||||
//# sourceMappingURL=left-table.mjs.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"left-table.mjs","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"],"names":["LeftTable","slots","leftTableRef","rest","_createVNode","_mergeProps"],"mappings":";;;;;;;;AAUA,CAAA,KAAMA;AAA2DC,EAAAA,IAAAA,CAAAA,KAAAA,CAAAA,OAAAA,CAAAA,MAAAA;AAAF,IAAc,OAAA;AAC3E,EAAA,MAAU;IAEJ,YAAA;IAAEC,GAAF,IAAA;MAAmBC,KAAAA,CAAAA;AAAnB,EAAA,OAANC,WAAA,CAAA,KAAA,EAAAC,UAAA,CAAA;AAEA,IAAA,KAAA,EAAA,YAAA;KACcH,IAAAA,CAAAA,EAAAA,OAAAA,CAAAA,KAAAA,CAAAA,GAAAA,KAAAA,GAAAA;AADd,IAAA,OAAA,EAAA,MAAA,CAEKD,KAFL,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAKD,kBAVD,SAAA;;;;"}
|
||||
Generated
Vendored
+8
@@ -0,0 +1,8 @@
|
||||
import type { FunctionalComponent, Ref } from 'vue';
|
||||
import type { TableV2GridProps } from '../grid';
|
||||
import type { TableGridInstance } from '../table-grid';
|
||||
export type MainTableRendererProps = TableV2GridProps & {
|
||||
mainTableRef: Ref<TableGridInstance | undefined>;
|
||||
};
|
||||
declare const MainTable: FunctionalComponent<MainTableRendererProps>;
|
||||
export default MainTable;
|
||||
Generated
Vendored
+23
@@ -0,0 +1,23 @@
|
||||
import { createVNode, mergeProps, isVNode } from 'vue';
|
||||
import Table from '../table-grid.mjs';
|
||||
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
||||
}
|
||||
const MainTable = (props, {
|
||||
slots
|
||||
}) => {
|
||||
const {
|
||||
mainTableRef,
|
||||
...rest
|
||||
} = props;
|
||||
return createVNode(Table, mergeProps({
|
||||
"ref": mainTableRef
|
||||
}, rest), _isSlot(slots) ? slots : {
|
||||
default: () => [slots]
|
||||
});
|
||||
};
|
||||
var MainTable$1 = MainTable;
|
||||
|
||||
export { MainTable$1 as default };
|
||||
//# sourceMappingURL=main-table.mjs.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"main-table.mjs","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"],"names":["MainTable","slots","rest","mainTableRef"],"mappings":";;;;;;;;AAUA,CAAA,KAAMA;AAEFC,EAAAA,MAAAA;AAAF,IACG,YAAA;IACG,GAAA,IAAA;MAAA,KAAA,CAAA;SAAmBC,WAAAA,CAAAA,KAAAA,EAAAA,UAAAA,CAAAA;AAAnB,IAAA,KAAN,EAAA,YAAA;AACA,GAAA,EAAA,IAAA,CAAA,EAAA,OAAA,CAAA,KAAA,CAAA,GAAA,KAAA,GAAA;IAAA,OACcC,EAAAA,MAAAA,CAAAA,KAAAA,CAAAA;AADd,GAAA,CAAA,CACgCD;AADhC,CAAA,CAAA;AAAA,kBAAA,SAAA;;;;"}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
import type { SimpleFunctionalComponent } from '../types';
|
||||
declare const Overlay: SimpleFunctionalComponent;
|
||||
export default Overlay;
|
||||
Generated
Vendored
+16
@@ -0,0 +1,16 @@
|
||||
import { createVNode } from 'vue';
|
||||
|
||||
const Overlay = (props, {
|
||||
slots
|
||||
}) => {
|
||||
var _a;
|
||||
return createVNode("div", {
|
||||
"class": props.class,
|
||||
"style": props.style
|
||||
}, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
|
||||
};
|
||||
Overlay.displayName = "ElTableV2Overlay";
|
||||
var Overlay$1 = Overlay;
|
||||
|
||||
export { Overlay$1 as default };
|
||||
//# sourceMappingURL=overlay.mjs.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"overlay.mjs","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"],"names":["slots","_createVNode","props","class","style","default","Overlay"],"mappings":";;;AAEA,EAAA,KAAwC;AAAaA,CAAAA,KAAAA;AAAF,EAAc,IAAA,EAAA,CAAA;AAC/D,EAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;IAAA,OACcC,EAAAA,KAAK,CAACC,KADpB;AAAA,IAAA,OAAA,EACkCD,KAAK,CAACE,KAAAA;GACnCJ,EAAAA,CAAAA,CAAAA,EAAAA,GAAMK,KAAAA,CAAAA,OAFX,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAKD,CAND,CAAA;;AAQAC,gBAAA,OAAsB;;;;"}
|
||||
Generated
Vendored
+8
@@ -0,0 +1,8 @@
|
||||
import type { FunctionalComponent, Ref } from 'vue';
|
||||
import type { TableV2GridProps } from '../grid';
|
||||
import type { TableGridInstance } from '../table-grid';
|
||||
type RightTableProps = TableV2GridProps & {
|
||||
rightTableRef: Ref<TableGridInstance | undefined>;
|
||||
};
|
||||
declare const RightTable: FunctionalComponent<RightTableProps>;
|
||||
export default RightTable;
|
||||
Generated
Vendored
+25
@@ -0,0 +1,25 @@
|
||||
import { createVNode, mergeProps, isVNode } from 'vue';
|
||||
import Table from '../table-grid.mjs';
|
||||
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
||||
}
|
||||
const RightTable = (props, {
|
||||
slots
|
||||
}) => {
|
||||
if (!props.columns.length)
|
||||
return;
|
||||
const {
|
||||
rightTableRef,
|
||||
...rest
|
||||
} = props;
|
||||
return createVNode(Table, mergeProps({
|
||||
"ref": rightTableRef
|
||||
}, rest), _isSlot(slots) ? slots : {
|
||||
default: () => [slots]
|
||||
});
|
||||
};
|
||||
var RightTable$1 = RightTable;
|
||||
|
||||
export { RightTable$1 as default };
|
||||
//# sourceMappingURL=right-table.mjs.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"right-table.mjs","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"],"names":["RightTable","slots","rightTableRef","rest","_createVNode","_mergeProps"],"mappings":";;;;;;;;AAUA,CAAA,KAAMA;AAA6DC,EAAAA,IAAAA,CAAAA,KAAAA,CAAAA,OAAAA,CAAAA,MAAAA;AAAF,IAAc,OAAA;AAC7E,EAAA,MAAU;IAEJ,aAAA;IAAEC,GAAF,IAAA;MAAoBC,KAAAA,CAAAA;AAApB,EAAA,OAANC,WAAA,CAAA,KAAA,EAAAC,UAAA,CAAA;AAEA,IAAA,KAAA,EAAA,aAAA;KACcH,IAAAA,CAAAA,EAAAA,OAAAA,CAAAA,KAAAA,CAAAA,GAAAA,KAAAA,GAAAA;AADd,IAAA,OAAA,EAAA,MAAA,CAEKD,KAFL,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAKD,mBAVD,UAAA;;;;"}
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
import type { ComponentInternalInstance, FunctionalComponent, UnwrapNestedRefs } from 'vue';
|
||||
import type { UseNamespaceReturn } from 'element-plus/es/hooks';
|
||||
import type { UseTableReturn } from '../use-table';
|
||||
import type { TableV2Props } from '../table';
|
||||
import type { TableGridRowSlotParams } from '../table-grid';
|
||||
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>;
|
||||
export default RowRenderer;
|
||||
+94
@@ -0,0 +1,94 @@
|
||||
import { createVNode, mergeProps, isVNode } from 'vue';
|
||||
import { tryCall } from '../utils.mjs';
|
||||
import Row$1 from '../components/row.mjs';
|
||||
|
||||
function _isSlot(s) {
|
||||
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !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 = tryCall(rowClass, {
|
||||
columns,
|
||||
rowData,
|
||||
rowIndex
|
||||
}, "");
|
||||
const additionalProps = 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 == null ? void 0 : onRowHover({
|
||||
hovered: true,
|
||||
rowKey: _rowKey,
|
||||
event: e,
|
||||
rowData,
|
||||
rowIndex
|
||||
});
|
||||
};
|
||||
const handlerMouseLeave = (e) => {
|
||||
onRowHover == null ? void 0 : onRowHover({
|
||||
hovered: false,
|
||||
rowKey: _rowKey,
|
||||
event: e,
|
||||
rowData,
|
||||
rowIndex
|
||||
});
|
||||
};
|
||||
return createVNode(Row$1, mergeProps(_rowProps, {
|
||||
"onRowExpand": onRowExpanded,
|
||||
"onMouseenter": handlerMouseEnter,
|
||||
"onMouseleave": handlerMouseLeave,
|
||||
"rowkey": _rowKey
|
||||
}), _isSlot(slots) ? slots : {
|
||||
default: () => [slots]
|
||||
});
|
||||
};
|
||||
var Row = RowRenderer;
|
||||
|
||||
export { Row as default };
|
||||
//# sourceMappingURL=row.mjs.map
|
||||
Generated
Vendored
+1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user