ensis-ui 0.0.0-stage → 3.0.0

package/dist/components/table/src/table-body/RsTableBodyRow.impl.js

@@ -0,0 +1,438 @@
+import RsTableCell_default from "./RsTableCell.js";
+import RsTableEditGutter_default from "./RsTableEditGutter.js";
+import RsTableRowStatus_default from "./RsTableRowStatus.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, withCtx, withModifiers } from "vue";
+//#region src/components/table/src/table-body/RsTableBodyRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-row-key"];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = [
+	"type",
+	"name",
+	"checked",
+	"indeterminate",
+	"disabled",
+	"aria-label"
+];
+var _hoisted_5 = [
+	"data-col-key",
+	"draggable",
+	"tabindex",
+	"aria-selected",
+	"onClick",
+	"onDblclick",
+	"onContextmenu"
+];
+var _hoisted_6 = ["disabled", "aria-label"];
+var _hoisted_7 = {
+	key: 1,
+	class: "rs-table__tree-leaf",
+	"aria-hidden": "true"
+};
+var _hoisted_8 = [
+	"data-rs-table-tip-mode",
+	"data-rs-table-tip-text",
+	"title"
+];
+var _hoisted_9 = [
+	"data-rs-table-tip-mode",
+	"data-rs-table-tip-text",
+	"title"
+];
+var RsTableBodyRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTableBodyRow",
+	props: {
+		row: {},
+		rowIndex: {},
+		rowKey: {},
+		columns: {},
+		columnPadLeft: {},
+		columnPadRight: {},
+		columnTdClassMap: {},
+		columnStyleMap: {},
+		showRowDragHandle: { type: Boolean },
+		expandable: { type: Boolean },
+		treeMode: { type: Boolean },
+		treeDepth: {},
+		treeHasChildren: { type: Boolean },
+		treeIndent: {},
+		treeColumnKey: {},
+		treeLoading: { type: Boolean },
+		selectable: { type: Boolean },
+		showIndex: { type: Boolean },
+		showEditGutter: { type: Boolean },
+		striped: { type: Boolean },
+		selectionType: {},
+		isRadioSelection: { type: Boolean },
+		tableEditable: { type: Boolean },
+		editTrigger: {},
+		rowCommit: { type: Boolean },
+		allowNull: { type: Boolean },
+		focusMode: {},
+		nullLabel: {},
+		showRowStatus: { type: Boolean },
+		selected: { type: Boolean },
+		highlighted: { type: Boolean },
+		expanded: { type: Boolean },
+		indeterminate: { type: Boolean },
+		disabled: { type: Boolean },
+		rowDragByRow: { type: Boolean },
+		dragging: { type: Boolean },
+		dropTarget: { type: Boolean },
+		dropPosition: {},
+		dragLeadStyle: {},
+		expandLeadStyle: {},
+		selectLeadStyle: {},
+		indexLeadStyle: {},
+		gutterLeadStyle: {},
+		canExpand: { type: Boolean },
+		canSelect: { type: Boolean },
+		rowEditPending: { type: Boolean },
+		rowDirty: { type: Boolean },
+		showGutterRollback: { type: Boolean },
+		editingColKey: {},
+		focusColKey: {},
+		hasColumnSlot: { type: Function },
+		hasEditSlot: { type: Function },
+		cellTooltipEnabled: { type: Function },
+		cellTooltipMode: { type: Function },
+		cellTooltipText: { type: Function },
+		cellTooltipFallbackTitle: { type: Function },
+		getCellDraft: { type: Function },
+		isCellDirty: { type: Function },
+		getCellError: { type: Function },
+		isCellValidating: { type: Function },
+		dragRowLabel: {},
+		expandRowLabel: {},
+		collapseRowLabel: {},
+		selectRowLabel: {},
+		rowCommitLabel: {},
+		rowRollbackLabel: {},
+		gutterCommitHint: {}
+	},
+	emits: [
+		"click",
+		"cellClick",
+		"cellContextmenu",
+		"cellDblclick",
+		"dblclick",
+		"contextmenu",
+		"dragover",
+		"dragleave",
+		"drop",
+		"rowDragStart",
+		"rowDragEnd",
+		"toggleExpand",
+		"toggleSelect",
+		"cellStartEdit",
+		"cellCommit",
+		"cellCancel",
+		"cellUpdateDraft",
+		"cellNavigate",
+		"rowCommit",
+		"rowRollback",
+		"gutterCommit"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tr", {
+				role: "row",
+				class: normalizeClass(["rs-table__row", {
+					"rs-table__row--selected": __props.selected,
+					"rs-table__row--highlighted": __props.highlighted && !__props.selected,
+					"rs-table__row--striped": __props.striped && __props.rowIndex % 2 === 1,
+					"rs-table__row--disabled": __props.disabled,
+					"rs-table__row--draggable": __props.rowDragByRow,
+					"rs-table__row--dragging": __props.dragging,
+					"rs-table__row--drop-before": __props.dropTarget && __props.dropPosition === "before",
+					"rs-table__row--drop-after": __props.dropTarget && __props.dropPosition === "after",
+					"rs-table__row--drop-into": __props.dropTarget && __props.dropPosition === "into",
+					"rs-table__row--dirty": __props.rowDirty || __props.rowEditPending
+				}]),
+				"data-row-key": __props.rowKey,
+				onClick: _cache[15] || (_cache[15] = ($event) => emit("click", $event)),
+				onDblclick: _cache[16] || (_cache[16] = ($event) => emit("dblclick", $event)),
+				onContextmenu: _cache[17] || (_cache[17] = ($event) => emit("contextmenu", $event)),
+				onDragover: _cache[18] || (_cache[18] = ($event) => emit("dragover", $event)),
+				onDragleave: _cache[19] || (_cache[19] = ($event) => emit("dragleave", $event)),
+				onDrop: _cache[20] || (_cache[20] = ($event) => emit("drop", $event))
+			}, [
+				__props.showRowDragHandle ? (openBlock(), createElementBlock("td", {
+					key: 0,
+					class: "rs-table__td rs-table__td--drag",
+					style: normalizeStyle(__props.dragLeadStyle),
+					onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
+				}, [!__props.disabled ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "rs-table__row-drag-handle",
+					draggable: "true",
+					"aria-label": __props.dragRowLabel,
+					onDragstart: _cache[0] || (_cache[0] = ($event) => emit("rowDragStart", $event)),
+					onDragend: _cache[1] || (_cache[1] = ($event) => emit("rowDragEnd"))
+				}, null, 40, _hoisted_2)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true),
+				__props.expandable ? (openBlock(), createElementBlock("td", {
+					key: 1,
+					class: "rs-table__td rs-table__td--expand",
+					style: normalizeStyle(__props.expandLeadStyle),
+					onClick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
+				}, [__props.canExpand ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(["rs-table__expand-btn", { "rs-table__expand-btn--expanded": __props.expanded }]),
+					"aria-label": __props.expanded ? __props.collapseRowLabel : __props.expandRowLabel,
+					onClick: _cache[3] || (_cache[3] = ($event) => emit("toggleExpand"))
+				}, " › ", 10, _hoisted_3)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true),
+				__props.selectable ? (openBlock(), createElementBlock("td", {
+					key: 2,
+					class: "rs-table__td rs-table__td--selection",
+					style: normalizeStyle(__props.selectLeadStyle),
+					onClick: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"]))
+				}, [createElementVNode("label", { class: normalizeClass(["rs-table__checkbox", {
+					"rs-table__checkbox--checked": __props.selected,
+					"rs-table__checkbox--indeterminate": __props.indeterminate && !__props.selected
+				}]) }, [createElementVNode("input", {
+					type: __props.selectionType,
+					class: "rs-table__checkbox-input",
+					name: __props.isRadioSelection ? "rs-table-radio" : void 0,
+					checked: __props.selected,
+					indeterminate: Boolean(__props.indeterminate && !__props.selected),
+					disabled: !__props.canSelect,
+					"aria-label": __props.selectRowLabel,
+					onChange: _cache[5] || (_cache[5] = ($event) => emit("toggleSelect"))
+				}, null, 40, _hoisted_4), createElementVNode("span", {
+					class: normalizeClass(["rs-table__checkbox-box", { "rs-table__checkbox-box--radio": __props.isRadioSelection }]),
+					"aria-hidden": "true"
+				}, null, 2)], 2)], 4)) : createCommentVNode("", true),
+				__props.showEditGutter ? (openBlock(), createElementBlock("td", {
+					key: 3,
+					class: "rs-table__td rs-table__td--gutter rs-table__cell--center",
+					style: normalizeStyle(__props.gutterLeadStyle)
+				}, [createVNode(RsTableEditGutter_default, {
+					"line-number": __props.rowIndex + 1,
+					pending: __props.rowEditPending,
+					"commit-label": __props.rowCommitLabel,
+					"commit-hint": __props.gutterCommitHint,
+					"rollback-label": __props.rowRollbackLabel,
+					"show-rollback": __props.showGutterRollback ?? __props.rowCommit,
+					onCommit: _cache[7] || (_cache[7] = ($event) => emit("gutterCommit")),
+					onRollback: _cache[8] || (_cache[8] = ($event) => emit("rowRollback"))
+				}, null, 8, [
+					"line-number",
+					"pending",
+					"commit-label",
+					"commit-hint",
+					"rollback-label",
+					"show-rollback"
+				])], 4)) : __props.showIndex ? (openBlock(), createElementBlock("td", {
+					key: 4,
+					class: "rs-table__td rs-table__td--index rs-table__cell--center",
+					style: normalizeStyle(__props.indexLeadStyle)
+				}, toDisplayString(__props.rowIndex + 1), 5)) : createCommentVNode("", true),
+				__props.showRowStatus ? (openBlock(), createElementBlock("td", {
+					key: 5,
+					class: "rs-table__td rs-table__td--status rs-table__cell--center",
+					onClick: _cache[11] || (_cache[11] = withModifiers(() => {}, ["stop"]))
+				}, [createVNode(RsTableRowStatus_default, {
+					dirty: __props.rowDirty,
+					"commit-label": __props.rowCommitLabel,
+					"rollback-label": __props.rowRollbackLabel,
+					onCommit: _cache[9] || (_cache[9] = ($event) => emit("rowCommit")),
+					onRollback: _cache[10] || (_cache[10] = ($event) => emit("rowRollback"))
+				}, null, 8, [
+					"dirty",
+					"commit-label",
+					"rollback-label"
+				])])) : createCommentVNode("", true),
+				(__props.columnPadLeft ?? 0) > 0 ? (openBlock(), createElementBlock("td", {
+					key: 6,
+					class: "rs-table__td rs-table__col-pad",
+					style: normalizeStyle({
+						width: `${__props.columnPadLeft}px`,
+						minWidth: `${__props.columnPadLeft}px`
+					})
+				}, null, 4)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+					return openBlock(), createElementBlock("td", {
+						key: column.key,
+						role: "gridcell",
+						class: normalizeClass(["rs-table__td rs-table__td--data", [__props.columnTdClassMap.get(column.key), {
+							"rs-table__td--row-draggable": __props.rowDragByRow,
+							"rs-table__td--editing": __props.editingColKey === column.key,
+							"rs-table__td--focused": __props.focusColKey === column.key && __props.editingColKey !== column.key,
+							"rs-table__td--invalid": !!__props.getCellError(__props.rowKey, column.key),
+							"rs-table__td--tree": __props.treeMode && __props.treeColumnKey === column.key
+						}]]),
+						"data-col-key": column.key,
+						style: normalizeStyle(__props.columnStyleMap.get(column.key)),
+						draggable: __props.rowDragByRow,
+						tabindex: __props.focusColKey === column.key && __props.editingColKey !== column.key ? 0 : -1,
+						"aria-selected": __props.focusColKey === column.key || __props.editingColKey === column.key ? "true" : void 0,
+						onClick: withModifiers(($event) => emit("cellClick", column.key, $event), ["stop"]),
+						onDblclick: withModifiers(($event) => emit("cellDblclick", column.key, $event), ["stop"]),
+						onContextmenu: ($event) => emit("cellContextmenu", column.key, $event),
+						onDragstart: _cache[13] || (_cache[13] = ($event) => __props.rowDragByRow ? emit("rowDragStart", $event) : void 0),
+						onDragend: _cache[14] || (_cache[14] = ($event) => __props.rowDragByRow ? emit("rowDragEnd") : void 0)
+					}, [__props.treeMode && __props.treeColumnKey === column.key ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "rs-table__tree-cell",
+						style: normalizeStyle({ paddingInlineStart: `${(__props.treeDepth ?? 0) * (__props.treeIndent ?? 20)}px` })
+					}, [__props.treeHasChildren ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: normalizeClass(["rs-table__expand-btn rs-table__tree-toggle", {
+							"rs-table__expand-btn--expanded": __props.expanded,
+							"rs-table__tree-toggle--loading": __props.treeLoading
+						}]),
+						disabled: __props.treeLoading,
+						"aria-label": __props.expanded ? __props.collapseRowLabel : __props.expandRowLabel,
+						onClick: _cache[12] || (_cache[12] = withModifiers(($event) => emit("toggleExpand"), ["stop"]))
+					}, " › ", 10, _hoisted_6)) : (openBlock(), createElementBlock("span", _hoisted_7)), createElementVNode("span", {
+						class: normalizeClass([
+							"rs-table__tree-content",
+							{ "rs-table__cell-tip": __props.cellTooltipEnabled(column, __props.rowIndex) },
+							{ "rs-table__cell-tip--editing": __props.editingColKey === column.key }
+						]),
+						"data-rs-table-tip-mode": __props.cellTooltipEnabled(column, __props.rowIndex) ? __props.cellTooltipMode(column, __props.rowIndex) : void 0,
+						"data-rs-table-tip-text": __props.cellTooltipText(column, __props.row, __props.rowIndex),
+						title: __props.getCellError(__props.rowKey, column.key) || __props.cellTooltipFallbackTitle(column, __props.row, __props.rowIndex)
+					}, [createVNode(RsTableCell_default, {
+						column,
+						row: __props.row,
+						"row-index": __props.rowIndex,
+						"row-key": __props.rowKey,
+						"table-editable": __props.tableEditable,
+						editing: __props.editingColKey === column.key,
+						dirty: __props.isCellDirty(__props.rowKey, column.key),
+						focused: __props.focusColKey === column.key,
+						draft: __props.getCellDraft(__props.rowKey, column.key),
+						"has-custom-slot": __props.hasColumnSlot(column.key),
+						"has-edit-slot": __props.hasEditSlot(column.key),
+						"edit-trigger": __props.editTrigger,
+						"row-commit": __props.rowCommit,
+						"allow-null": __props.allowNull,
+						"focus-mode": __props.focusMode,
+						"null-label": __props.nullLabel,
+						"error-message": __props.getCellError(__props.rowKey, column.key) ?? null,
+						validating: __props.isCellValidating(__props.rowKey, column.key),
+						onStartEdit: ($event) => emit("cellStartEdit", column.key),
+						onCommit: ($event) => emit("cellCommit", column.key, $event),
+						onCancel: ($event) => emit("cellCancel", column.key),
+						onUpdateDraft: ($event) => emit("cellUpdateDraft", column.key, $event),
+						onNavigate: ($event) => emit("cellNavigate", column.key, $event)
+					}, createSlots({
+						default: withCtx(() => [renderSlot(_ctx.$slots, column.key, {
+							row: __props.row,
+							column,
+							index: __props.rowIndex
+						})]),
+						_: 2
+					}, [__props.hasEditSlot(column.key) ? {
+						name: "editor",
+						fn: withCtx((scope) => [renderSlot(_ctx.$slots, `edit-${column.key}`, mergeProps({ ref_for: true }, scope))]),
+						key: "0"
+					} : void 0]), 1032, [
+						"column",
+						"row",
+						"row-index",
+						"row-key",
+						"table-editable",
+						"editing",
+						"dirty",
+						"focused",
+						"draft",
+						"has-custom-slot",
+						"has-edit-slot",
+						"edit-trigger",
+						"row-commit",
+						"allow-null",
+						"focus-mode",
+						"null-label",
+						"error-message",
+						"validating",
+						"onStartEdit",
+						"onCommit",
+						"onCancel",
+						"onUpdateDraft",
+						"onNavigate"
+					])], 10, _hoisted_8)], 4)) : (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass([{ "rs-table__cell-tip": __props.cellTooltipEnabled(column, __props.rowIndex) }, { "rs-table__cell-tip--editing": __props.editingColKey === column.key }]),
+						"data-rs-table-tip-mode": __props.cellTooltipEnabled(column, __props.rowIndex) ? __props.cellTooltipMode(column, __props.rowIndex) : void 0,
+						"data-rs-table-tip-text": __props.cellTooltipText(column, __props.row, __props.rowIndex),
+						title: __props.getCellError(__props.rowKey, column.key) || __props.cellTooltipFallbackTitle(column, __props.row, __props.rowIndex)
+					}, [createVNode(RsTableCell_default, {
+						column,
+						row: __props.row,
+						"row-index": __props.rowIndex,
+						"row-key": __props.rowKey,
+						"table-editable": __props.tableEditable,
+						editing: __props.editingColKey === column.key,
+						dirty: __props.isCellDirty(__props.rowKey, column.key),
+						focused: __props.focusColKey === column.key,
+						draft: __props.getCellDraft(__props.rowKey, column.key),
+						"has-custom-slot": __props.hasColumnSlot(column.key),
+						"has-edit-slot": __props.hasEditSlot(column.key),
+						"edit-trigger": __props.editTrigger,
+						"row-commit": __props.rowCommit,
+						"allow-null": __props.allowNull,
+						"focus-mode": __props.focusMode,
+						"null-label": __props.nullLabel,
+						"error-message": __props.getCellError(__props.rowKey, column.key) ?? null,
+						validating: __props.isCellValidating(__props.rowKey, column.key),
+						onStartEdit: ($event) => emit("cellStartEdit", column.key),
+						onCommit: ($event) => emit("cellCommit", column.key, $event),
+						onCancel: ($event) => emit("cellCancel", column.key),
+						onUpdateDraft: ($event) => emit("cellUpdateDraft", column.key, $event),
+						onNavigate: ($event) => emit("cellNavigate", column.key, $event)
+					}, createSlots({
+						default: withCtx(() => [renderSlot(_ctx.$slots, column.key, {
+							row: __props.row,
+							column,
+							index: __props.rowIndex
+						})]),
+						_: 2
+					}, [__props.hasEditSlot(column.key) ? {
+						name: "editor",
+						fn: withCtx((scope) => [renderSlot(_ctx.$slots, `edit-${column.key}`, mergeProps({ ref_for: true }, scope))]),
+						key: "0"
+					} : void 0]), 1032, [
+						"column",
+						"row",
+						"row-index",
+						"row-key",
+						"table-editable",
+						"editing",
+						"dirty",
+						"focused",
+						"draft",
+						"has-custom-slot",
+						"has-edit-slot",
+						"edit-trigger",
+						"row-commit",
+						"allow-null",
+						"focus-mode",
+						"null-label",
+						"error-message",
+						"validating",
+						"onStartEdit",
+						"onCommit",
+						"onCancel",
+						"onUpdateDraft",
+						"onNavigate"
+					])], 10, _hoisted_9))], 46, _hoisted_5);
+				}), 128)),
+				(__props.columnPadRight ?? 0) > 0 ? (openBlock(), createElementBlock("td", {
+					key: 7,
+					class: "rs-table__td rs-table__col-pad",
+					style: normalizeStyle({
+						width: `${__props.columnPadRight}px`,
+						minWidth: `${__props.columnPadRight}px`
+					})
+				}, null, 4)) : createCommentVNode("", true)
+			], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsTableBodyRow_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/src/table-body/RsTableBodyRow.js

@@ -0,0 +1,5 @@
+import RsTableBodyRow_vue_vue_type_script_setup_true_lang_default from "./RsTableBodyRow.impl.js";
+//#region src/components/table/src/table-body/RsTableBodyRow.vue
+var RsTableBodyRow_default = RsTableBodyRow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsTableBodyRow_default as default };

package/dist/components/table/src/table-body/RsTableCell.d.ts

@@ -0,0 +1,59 @@
+import type { RsTableColumn } from '../utils/table-utils';
+import { type RsTableCellEditFocusMode, type RsTableCellEditTrigger, type RsTableCellNavigateDirection } from '../utils/table-edit-utils';
+declare const __VLS_export: <T extends import("../utils/table-utils").RsTableRowData = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        column: RsTableColumn<T>;
+        row: T;
+        rowIndex: number;
+        rowKey: string;
+        tableEditable?: boolean;
+        editing?: boolean;
+        dirty?: boolean;
+        focused?: boolean;
+        /** 编辑草稿（string）；number 列也在此以文本承载，commit 时再 parse */
+        draft?: string;
+        hasCustomSlot?: boolean;
+        hasEditSlot?: boolean;
+        editTrigger?: RsTableCellEditTrigger;
+        rowCommit?: boolean;
+        allowNull?: boolean;
+        focusMode?: RsTableCellEditFocusMode;
+        nullLabel?: string;
+        errorMessage?: string | null;
+        validating?: boolean;
+    } & {
+        onCancel?: (() => any) | undefined;
+        onStartEdit?: (() => any) | undefined;
+        onCommit?: ((value: string) => any) | undefined;
+        onNavigate?: ((direction: RsTableCellNavigateDirection) => any) | undefined;
+        onUpdateDraft?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    } & {
+        editor?: (props: {
+            draft: string;
+            row: T;
+            column: RsTableColumn<T>;
+            index: number;
+            error: string | null;
+            update: (value: string) => void;
+            commit: () => void;
+            cancel: () => void;
+        }) => any;
+    };
+    emit: ((evt: "cancel") => void) & ((evt: "startEdit") => void) & ((evt: "commit", value: string) => void) & ((evt: "navigate", direction: RsTableCellNavigateDirection) => void) & ((evt: "updateDraft", value: string) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};