ensis-ui 0.0.0-stage → 3.0.0

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

@@ -0,0 +1,213 @@
+import RsCheckbox_default from "../../../checkbox/src/RsCheckbox.js";
+import { booleanToEditText, coerceBoolean, isBooleanToggleColumn, isColumnEditable, isColumnNullable, isNullDraft, nullToEditText, resolveCellEditText, resolveColumnCommitOn, resolveColumnDisplayContent, resolveColumnEditTrigger, resolveColumnEditorOptions, resolveColumnRawValue, resolveColumnValueType } from "../utils/table-edit-utils.js";
+import RsTableCellEditor_default from "./RsTableCellEditor.js";
+import RsTableCellContent_default from "./RsTableCellContent.js";
+import { computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, ref, renderSlot, unref, watch, withModifiers } from "vue";
+//#region src/components/table/src/table-body/RsTableCell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"title",
+	"aria-readonly",
+	"aria-invalid"
+];
+var _hoisted_2 = {
+	key: 2,
+	class: "rs-table-cell-editor rs-table-cell-editor--inline rs-table-cell-editor--custom"
+};
+var RsTableCell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsTableCell",
+	props: {
+		column: {},
+		row: {},
+		rowIndex: {},
+		rowKey: {},
+		tableEditable: {
+			type: Boolean,
+			default: false
+		},
+		editing: {
+			type: Boolean,
+			default: false
+		},
+		dirty: {
+			type: Boolean,
+			default: false
+		},
+		focused: {
+			type: Boolean,
+			default: false
+		},
+		draft: {},
+		hasCustomSlot: {
+			type: Boolean,
+			default: false
+		},
+		hasEditSlot: {
+			type: Boolean,
+			default: false
+		},
+		editTrigger: { default: "dblclick" },
+		rowCommit: {
+			type: Boolean,
+			default: false
+		},
+		allowNull: {
+			type: Boolean,
+			default: true
+		},
+		focusMode: { default: "end" },
+		nullLabel: { default: "(NULL)" },
+		errorMessage: { default: null },
+		validating: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"startEdit",
+		"commit",
+		"cancel",
+		"updateDraft",
+		"navigate"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const localDraft = ref("");
+		const editable = computed(() => isColumnEditable(props.column, props.row, props.rowIndex, props.tableEditable));
+		const valueType = computed(() => resolveColumnValueType(props.column));
+		const editorOptions = computed(() => resolveColumnEditorOptions(props.column, props.row, props.rowIndex));
+		const isBoolean = computed(() => isBooleanToggleColumn(props.column));
+		const nullable = computed(() => isColumnNullable(props.column, props.allowNull));
+		const resolvedEditTrigger = computed(() => resolveColumnEditTrigger(props.column, props.editTrigger));
+		const resolvedCommitOn = computed(() => resolveColumnCommitOn(props.column, props.rowCommit));
+		const booleanChecked = computed(() => {
+			if (props.draft !== void 0) {
+				if (isNullDraft(props.draft)) return false;
+				return coerceBoolean(props.draft);
+			}
+			const raw = resolveColumnRawValue(props.row, props.column, props.rowIndex);
+			if (raw == null) return false;
+			return coerceBoolean(raw);
+		});
+		const isNullDisplay = computed(() => {
+			if (props.draft !== void 0) return isNullDraft(props.draft);
+			if (props.column.render) return false;
+			const raw = resolveColumnRawValue(props.row, props.column, props.rowIndex);
+			return raw === null || raw === void 0;
+		});
+		const displayContent = computed(() => resolveColumnDisplayContent(props.row, props.column, props.rowIndex, {
+			draft: props.draft,
+			nullLabel: props.nullLabel
+		}));
+		watch(() => props.editing, (editing) => {
+			if (!editing) return;
+			localDraft.value = resolveCellEditText(props.row, props.column, props.rowIndex, props.draft);
+		}, { immediate: true });
+		function onDisplayClick() {
+			if (!editable.value || isBoolean.value) return;
+			if (resolvedEditTrigger.value === "click") emit("startEdit");
+		}
+		function onDisplayDblClick(event) {
+			if (!editable.value || isBoolean.value) return;
+			if (resolvedEditTrigger.value !== "dblclick") return;
+			event.stopPropagation();
+			emit("startEdit");
+		}
+		function onBooleanToggle(event) {
+			event.preventDefault();
+			event.stopPropagation();
+			if (!editable.value) return;
+			emit("commit", booleanToEditText(!booleanChecked.value));
+		}
+		function onEditorUpdate(value) {
+			localDraft.value = value;
+			emit("updateDraft", value);
+		}
+		function onEditorCommit() {
+			emit("commit", localDraft.value);
+		}
+		function onEditorCancel() {
+			emit("cancel");
+		}
+		function onEditorNavigate(direction) {
+			emit("navigate", direction);
+		}
+		function onEditorSetNull() {
+			localDraft.value = nullToEditText();
+			emit("updateDraft", localDraft.value);
+		}
+		return (_ctx, _cache) => {
+			return !__props.editing && isBoolean.value && editable.value ? (openBlock(), createBlock(RsCheckbox_default, {
+				key: 0,
+				class: normalizeClass(["rs-table__cell-check", {
+					"rs-table__cell-check--dirty": __props.dirty,
+					"rs-table__cell-check--invalid": !!__props.errorMessage
+				}]),
+				size: "sm",
+				"model-value": booleanChecked.value,
+				"aria-label": __props.column.title,
+				onClick: withModifiers(onBooleanToggle, ["prevent", "stop"]),
+				onDblclick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+			}, null, 8, [
+				"class",
+				"model-value",
+				"aria-label"
+			])) : !__props.editing ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(["rs-table__cell-body", {
+					"rs-table__ellipsis-text": __props.column.ellipsis,
+					"rs-table__cell-body--editable": editable.value,
+					"rs-table__cell-body--readonly": __props.tableEditable && !editable.value,
+					"rs-table__cell-body--dirty": __props.dirty,
+					"rs-table__cell-body--null": isNullDisplay.value,
+					"rs-table__cell-body--invalid": !!__props.errorMessage,
+					"rs-table__cell-body--focused": __props.focused && !__props.editing
+				}]),
+				title: __props.errorMessage || void 0,
+				"aria-readonly": __props.tableEditable && !editable.value ? "true" : void 0,
+				"aria-invalid": __props.errorMessage ? "true" : void 0,
+				onClick: onDisplayClick,
+				onDblclick: onDisplayDblClick
+			}, [__props.hasCustomSlot ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createBlock(unref(RsTableCellContent_default), {
+				key: 1,
+				content: displayContent.value
+			}, null, 8, ["content"]))], 42, _hoisted_1)) : __props.hasEditSlot ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "editor", {
+				draft: localDraft.value,
+				row: __props.row,
+				column: __props.column,
+				index: __props.rowIndex,
+				error: __props.errorMessage,
+				update: onEditorUpdate,
+				commit: onEditorCommit,
+				cancel: onEditorCancel
+			})])) : (openBlock(), createBlock(RsTableCellEditor_default, {
+				key: 3,
+				modelValue: localDraft.value,
+				"onUpdate:modelValue": [_cache[1] || (_cache[1] = ($event) => localDraft.value = $event), onEditorUpdate],
+				"value-type": valueType.value,
+				"editor-options": editorOptions.value,
+				size: "sm",
+				"commit-on": resolvedCommitOn.value,
+				"focus-mode": __props.focusMode,
+				"allow-null": nullable.value,
+				"error-message": __props.errorMessage,
+				validating: __props.validating,
+				onCommit: onEditorCommit,
+				onCancel: onEditorCancel,
+				onNavigate: onEditorNavigate,
+				onSetNull: onEditorSetNull
+			}, null, 8, [
+				"modelValue",
+				"value-type",
+				"editor-options",
+				"commit-on",
+				"focus-mode",
+				"allow-null",
+				"error-message",
+				"validating"
+			]));
+		};
+	}
+});
+//#endregion
+export { RsTableCell_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,19 @@
+import { type PropType, type VNodeChild } from 'vue';
+/**
+ * 渲染单元格 `VNodeChild`（string / number / VNode / 数组等）。
+ * 模板插值会对对象走 String()，VNode 必须经渲染函数输出。
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: null;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    content: VNodeChild;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { defineComponent } from "vue";
+//#region src/components/table/src/table-body/RsTableCellContent.ts
+/**
+* 渲染单元格 `VNodeChild`（string / number / VNode / 数组等）。
+* 模板插值会对对象走 String()，VNode 必须经渲染函数输出。
+*/
+var RsTableCellContent_default = defineComponent({
+	name: "RsTableCellContent",
+	props: { content: {
+		type: [
+			String,
+			Number,
+			Boolean,
+			Object,
+			Array,
+			Function
+		],
+		default: null
+	} },
+	setup(props) {
+		return () => props.content;
+	}
+});
+//#endregion
+export { RsTableCellContent_default as default };

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

@@ -0,0 +1,46 @@
+import type { RsComponentSize } from '../../../../theme/types';
+import type { RsTableColumnEditorOptionsResolved, RsTableCellValueType } from '../utils/table-utils';
+import { type RsTableCellCommitTrigger, type RsTableCellEditFocusMode, type RsTableCellNavigateDirection } from '../utils/table-edit-utils';
+type __VLS_Props = {
+    valueType?: RsTableCellValueType;
+    editorOptions?: RsTableColumnEditorOptionsResolved;
+    size?: RsComponentSize;
+    placeholder?: string;
+    commitOn?: RsTableCellCommitTrigger;
+    autofocus?: boolean;
+    /** inline：表格单元格内紧凑编辑；field：Popover/表单场景完整输入框 */
+    variant?: 'inline' | 'field';
+    focusMode?: RsTableCellEditFocusMode;
+    allowNull?: boolean;
+    errorMessage?: string | null;
+    validating?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    "update:modelValue": (value: string) => any;
+    commit: () => any;
+    navigate: (direction: RsTableCellNavigateDirection) => any;
+    setNull: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onCommit?: (() => any) | undefined;
+    onNavigate?: ((direction: RsTableCellNavigateDirection) => any) | undefined;
+    onSetNull?: (() => any) | undefined;
+}>, {
+    variant: "inline" | "field";
+    size: RsComponentSize;
+    validating: boolean;
+    errorMessage: string | null;
+    focusMode: RsTableCellEditFocusMode;
+    valueType: RsTableCellValueType;
+    commitOn: RsTableCellCommitTrigger;
+    allowNull: boolean;
+    autofocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,355 @@
+import { useRsI18n } from "../../../../composables/useRsI18n.js";
+import RsInput_default from "../../../input/src/RsInput.js";
+import RsInputNumber_default from "../../../input-number/src/RsInputNumber.js";
+import { unwrapSelectEntry } from "../../../select/src/select-utils.js";
+import RsSelect_default from "../../../select/src/RsSelect.js";
+import RsDatePicker_default from "../../../date-picker/src/RsDatePicker.js";
+import { applyFocusMode, isNullDraft, nullToEditText, resolveCellEditorInputType, usesOverlayEditor } from "../utils/table-edit-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, useId, useModel, vModelText, watch, withDirectives, withModifiers } from "vue";
+//#region src/components/table/src/table-body/RsTableCellEditor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"title",
+	"aria-invalid",
+	"aria-busy"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-table-cell-editor__validating",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "rs-table-cell-editor__null-tag",
+	"aria-hidden": "true"
+};
+var _hoisted_4 = ["for"];
+var _hoisted_5 = [
+	"id",
+	"rows",
+	"placeholder",
+	"disabled"
+];
+var RsTableCellEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsTableCellEditor",
+	__name: "RsTableCellEditor",
+	props: /*@__PURE__*/ mergeModels({
+		valueType: { default: "text" },
+		editorOptions: {},
+		size: { default: "sm" },
+		placeholder: {},
+		commitOn: { default: "blur" },
+		autofocus: {
+			type: Boolean,
+			default: true
+		},
+		variant: { default: "inline" },
+		focusMode: { default: "end" },
+		allowNull: {
+			type: Boolean,
+			default: true
+		},
+		errorMessage: { default: null },
+		validating: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"commit",
+		"cancel",
+		"navigate",
+		"setNull"
+	], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useRsI18n();
+		let blurCommitTimer = 0;
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const emit = __emit;
+		const rootRef = ref(null);
+		const textareaId = useId();
+		const textareaLabel = computed(() => props.placeholder || t("table.editTextarea"));
+		/** 仅 date 浮层：打开时抑制 blur 误提交；select 不做关闭特殊处理 */
+		const dateOverlayOpen = ref(false);
+		/** 多选 select：关闭下拉时再提交 */
+		const selectOverlayOpen = ref(false);
+		const composing = ref(false);
+		const inputType = computed(() => resolveCellEditorInputType(props.valueType));
+		const isSelect = computed(() => props.valueType === "select");
+		const isMultipleSelect = computed(() => isSelect.value && Boolean(props.editorOptions?.multiple));
+		const isDate = computed(() => props.valueType === "date" || props.valueType === "datetime");
+		const isTextarea = computed(() => props.valueType === "textarea");
+		const isNumber = computed(() => props.valueType === "number");
+		const isTextLike = computed(() => !isSelect.value && !isDate.value && !isTextarea.value && !isNumber.value);
+		const isNullValue = computed(() => isNullDraft(model.value));
+		const resolvedFocusMode = computed(() => props.editorOptions?.focusMode ?? props.focusMode);
+		const textareaRows = computed(() => props.editorOptions?.rows ?? 3);
+		const selectOptions = computed(() => props.editorOptions?.options ?? []);
+		/** 多选草稿：逗号分隔字符串 ↔ string[]（与表设计索引列等约定一致） */
+		function parseMultiSelectDraft(text) {
+			return String(text ?? "").split(/[,，]+/).map((s) => s.trim()).filter(Boolean);
+		}
+		function joinMultiSelectDraft(values) {
+			return values.map((s) => String(s).trim()).filter(Boolean).join(", ");
+		}
+		const selectModelValue = computed(() => {
+			if (isNullValue.value) return isMultipleSelect.value ? [] : "";
+			if (isMultipleSelect.value) return parseMultiSelectDraft(model.value);
+			return model.value;
+		});
+		watch(selectOverlayOpen, (isOpen, wasOpen) => {
+			if (wasOpen && !isOpen && isMultipleSelect.value) emit("commit");
+		});
+		const displayModel = computed({
+			get: () => isNullDraft(model.value) ? "" : model.value,
+			set: (value) => {
+				model.value = value;
+			}
+		});
+		/** number 列：表格草稿为 string，InputNumber stringMode 用 string | null */
+		const numberDraft = computed({
+			get: () => {
+				if (isNullDraft(model.value)) return null;
+				return model.value === "" ? null : model.value;
+			},
+			set: (value) => {
+				if (isNullDraft(model.value) && (value == null || value === "")) return;
+				model.value = value == null ? "" : String(value);
+			}
+		});
+		async function focusEditor() {
+			await nextTick();
+			if (isSelect.value || isDate.value) return;
+			const el = rootRef.value?.querySelector("input, textarea");
+			if (!el) return;
+			el.focus();
+			if (isNumber.value) {
+				applyFocusMode(el, resolvedFocusMode.value);
+				return;
+			}
+			if (el instanceof HTMLInputElement && (el.type === "number" || el.type === "date" || el.type === "datetime-local")) return;
+			applyFocusMode(el, resolvedFocusMode.value);
+		}
+		onMounted(() => {
+			if (props.autofocus) focusEditor();
+		});
+		function shouldCommitOnEnter() {
+			if (isTextarea.value && !composing.value) return false;
+			return props.commitOn === "enter" || props.commitOn === "blur" || props.commitOn === "manual";
+		}
+		function shouldCommitOnBlur() {
+			if (props.valueType === "select" || props.commitOn === "change") return false;
+			if (isDate.value) return false;
+			if (usesOverlayEditor(props.valueType)) return false;
+			return props.commitOn === "blur" || props.commitOn === "manual";
+		}
+		function shouldCommitOnChange() {
+			return props.commitOn === "change";
+		}
+		function onPressEnter(event) {
+			if (event.isComposing || composing.value) return;
+			if (isTextarea.value) {
+				if (event.ctrlKey || event.metaKey) {
+					event.preventDefault();
+					emit("commit");
+				}
+				return;
+			}
+			event.preventDefault();
+			if (shouldCommitOnEnter()) emit("commit");
+		}
+		function onBlur() {
+			if (isDate.value && dateOverlayOpen.value) {
+				window.clearTimeout(blurCommitTimer);
+				blurCommitTimer = window.setTimeout(() => {
+					blurCommitTimer = 0;
+					if (shouldCommitOnBlur()) emit("commit");
+				}, 0);
+				return;
+			}
+			if (shouldCommitOnBlur()) emit("commit");
+		}
+		onBeforeUnmount(() => {
+			window.clearTimeout(blurCommitTimer);
+			blurCommitTimer = 0;
+		});
+		function onKeydown(event) {
+			if (event.isComposing || composing.value) {
+				if (event.key === "Process") return;
+			}
+			if (event.key === "Enter") {
+				onPressEnter(event);
+				return;
+			}
+			if (event.key === "Escape") {
+				if (event.isComposing || composing.value) return;
+				event.preventDefault();
+				emit("cancel");
+				return;
+			}
+			if (event.key === "Tab") {
+				if (event.isComposing || composing.value) return;
+				event.preventDefault();
+				emit("navigate", event.shiftKey ? "prev" : "next");
+				return;
+			}
+			if (props.allowNull && event.key === "0" && (event.ctrlKey || event.metaKey)) {
+				event.preventDefault();
+				model.value = nullToEditText();
+				emit("setNull");
+				emit("commit");
+			}
+		}
+		function selectDraftTokens(value) {
+			if (Array.isArray(value)) return value.map((item) => unwrapSelectEntry(item)).filter((item) => item !== null).map(String);
+			const raw = unwrapSelectEntry(value);
+			return raw == null ? "" : String(raw);
+		}
+		function onSelectUpdate(value) {
+			const tokens = selectDraftTokens(value);
+			if (tokens === "" || Array.isArray(tokens) && tokens.length === 0) {
+				if (!props.editorOptions?.clearable) return;
+				model.value = props.allowNull ? nullToEditText() : "";
+				if (!isMultipleSelect.value && shouldCommitOnChange()) emit("commit");
+				return;
+			}
+			if (isMultipleSelect.value) {
+				model.value = joinMultiSelectDraft(Array.isArray(tokens) ? tokens : [tokens]);
+				return;
+			}
+			model.value = Array.isArray(tokens) ? tokens[0] ?? "" : tokens;
+			if (shouldCommitOnChange()) emit("commit");
+		}
+		function onDateUpdate(value) {
+			model.value = value || (props.allowNull ? nullToEditText() : "");
+			if (props.commitOn === "manual") emit("commit");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(["rs-table-cell-editor", [
+					`rs-table-cell-editor--${__props.size}`,
+					`rs-table-cell-editor--${__props.valueType}`,
+					`rs-table-cell-editor--${__props.variant}`,
+					{
+						"rs-table-cell-editor--overlay": isSelect.value || isDate.value,
+						"rs-table-cell-editor--invalid": !!__props.errorMessage,
+						"rs-table-cell-editor--null": isNullValue.value,
+						"rs-table-cell-editor--validating": __props.validating
+					}
+				]]),
+				title: __props.errorMessage || void 0,
+				"aria-invalid": __props.errorMessage ? "true" : void 0,
+				"aria-busy": __props.validating ? "true" : void 0,
+				onClick: _cache[10] || (_cache[10] = withModifiers(() => {}, ["stop"])),
+				onDblclick: _cache[11] || (_cache[11] = withModifiers(() => {}, ["stop"]))
+			}, [__props.validating ? (openBlock(), createElementBlock("span", _hoisted_2, "…")) : isNullValue.value && !isSelect.value && !isDate.value ? (openBlock(), createElementBlock("span", _hoisted_3, " NULL ")) : createCommentVNode("", true), isSelect.value ? (openBlock(), createBlock(RsSelect_default, {
+				key: 2,
+				"model-value": selectModelValue.value,
+				open: selectOverlayOpen.value,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => selectOverlayOpen.value = $event),
+				options: selectOptions.value,
+				size: __props.size,
+				block: "",
+				multiple: isMultipleSelect.value,
+				searchable: __props.editorOptions?.searchable ?? true,
+				creatable: __props.editorOptions?.creatable ?? false,
+				clearable: __props.editorOptions?.clearable ?? false,
+				placeholder: __props.placeholder,
+				"onUpdate:modelValue": onSelectUpdate,
+				onKeydown
+			}, null, 8, [
+				"model-value",
+				"open",
+				"options",
+				"size",
+				"multiple",
+				"searchable",
+				"creatable",
+				"clearable",
+				"placeholder"
+			])) : isDate.value ? (openBlock(), createBlock(RsDatePicker_default, {
+				key: 3,
+				"model-value": isNullValue.value ? "" : model.value,
+				open: dateOverlayOpen.value,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => dateOverlayOpen.value = $event),
+				"with-time": __props.valueType === "datetime",
+				"with-seconds": __props.editorOptions?.withSeconds ?? __props.valueType === "datetime",
+				placeholder: __props.placeholder,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = (v) => onDateUpdate(typeof v === "string" ? v : ""))
+			}, null, 8, [
+				"model-value",
+				"open",
+				"with-time",
+				"with-seconds",
+				"placeholder"
+			])) : isNumber.value ? (openBlock(), createBlock(RsInputNumber_default, {
+				key: 4,
+				modelValue: numberDraft.value,
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => numberDraft.value = $event),
+				"string-mode": "",
+				size: __props.size,
+				placeholder: __props.placeholder,
+				disabled: __props.validating,
+				min: __props.editorOptions?.min,
+				max: __props.editorOptions?.max,
+				step: __props.editorOptions?.step ?? 1,
+				precision: __props.editorOptions?.precision,
+				controls: __props.editorOptions?.controls ?? __props.variant === "field",
+				keyboard: true,
+				onPressEnter,
+				onBlur,
+				onKeydown
+			}, null, 8, [
+				"modelValue",
+				"size",
+				"placeholder",
+				"disabled",
+				"min",
+				"max",
+				"step",
+				"precision",
+				"controls"
+			])) : isTextarea.value ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [createElementVNode("label", {
+				class: "rs-table-cell-editor__sr-label",
+				for: unref(textareaId)
+			}, toDisplayString(textareaLabel.value), 9, _hoisted_4), withDirectives(createElementVNode("textarea", {
+				id: unref(textareaId),
+				"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => displayModel.value = $event),
+				class: "rs-table-cell-editor__textarea",
+				rows: textareaRows.value,
+				placeholder: __props.placeholder,
+				disabled: __props.validating,
+				onKeydown,
+				onBlur,
+				onCompositionstart: _cache[5] || (_cache[5] = ($event) => composing.value = true),
+				onCompositionend: _cache[6] || (_cache[6] = ($event) => composing.value = false)
+			}, null, 40, _hoisted_5), [[vModelText, displayModel.value]])], 64)) : isTextLike.value ? (openBlock(), createBlock(RsInput_default, {
+				key: 6,
+				modelValue: displayModel.value,
+				"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => displayModel.value = $event),
+				type: inputType.value === "textarea" ? "text" : inputType.value,
+				size: __props.size,
+				placeholder: __props.placeholder,
+				disabled: __props.validating,
+				onPressEnter,
+				onBlur,
+				onKeydown,
+				onCompositionstart: _cache[8] || (_cache[8] = ($event) => composing.value = true),
+				onCompositionend: _cache[9] || (_cache[9] = ($event) => composing.value = false)
+			}, null, 8, [
+				"modelValue",
+				"type",
+				"size",
+				"placeholder",
+				"disabled"
+			])) : createCommentVNode("", true)], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsTableCellEditor_vue_vue_type_script_setup_true_lang_default as default };

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

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