@visactor/vtable-editors 1.22.10 → 1.22.11-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/input-editor.d.ts
CHANGED
|
@@ -12,7 +12,10 @@ export declare class InputEditor implements IEditor {
|
|
|
12
12
|
table?: any;
|
|
13
13
|
col?: number;
|
|
14
14
|
row?: number;
|
|
15
|
-
|
|
15
|
+
protected eventHandlers: Array<{
|
|
16
|
+
type: string;
|
|
17
|
+
handler: EventListener;
|
|
18
|
+
}>;
|
|
16
19
|
constructor(editorConfig?: InputEditorConfig);
|
|
17
20
|
getInputElement(): HTMLInputElement;
|
|
18
21
|
createElement(): void;
|
package/cjs/input-editor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/input-editor.ts"],"names":[],"mappings":"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","file":"input-editor.js","sourcesContent":["import type { CellAddress, EditContext, IEditor, PrepareEditContext, RectProps } from './types';\nimport type { ValidateEnum } from './types';\n\nexport interface InputEditorConfig {\n readonly?: boolean;\n}\n\nexport class InputEditor implements IEditor {\n editorType: string = 'Input';\n editorConfig: InputEditorConfig;\n container: HTMLElement;\n successCallback?: () => void;\n element?: HTMLInputElement;\n table?: any;\n col?: number;\n row?: number;\n // 存储事件处理器，用于在移除元素前解绑\n private eventHandlers: Array<{ type: string; handler: EventListener }> = [];\n constructor(editorConfig?: InputEditorConfig) {\n this.editorConfig = editorConfig;\n }\n getInputElement(): HTMLInputElement {\n return this.element;\n }\n\n createElement() {\n // 清空之前的事件处理器（如果存在）\n this.eventHandlers = [];\n\n const input = document.createElement('input');\n input.setAttribute('type', 'text');\n\n if (this.editorConfig?.readonly) {\n input.setAttribute('readonly', `${this.editorConfig.readonly}`);\n }\n\n input.style.position = 'absolute';\n input.style.padding = '4px';\n input.style.width = '100%';\n input.style.boxSizing = 'border-box';\n input.style.backgroundColor = '#FFFFFF';\n input.style.borderRadius = '0px';\n input.style.border = '2px solid #d9d9d9';\n // #region 为了保证input在focus时，没有圆角\n const focusHandler = () => {\n input.style.borderColor = '#4A90E2';\n input.style.outline = 'none';\n };\n input.addEventListener('focus', focusHandler);\n this.eventHandlers.push({ type: 'focus', handler: focusHandler });\n\n const blurHandler: EventListener = (e: Event) => {\n input.style.borderColor = '#d9d9d9';\n // input.style.boxShadow = 'none';\n if (this.table && this.element && this.element.style.opacity === '0') {\n const selectCell = this.table.stateManager.select.cellPos;\n if (selectCell.col !== this.col || selectCell.row !== this.row) {\n this.onEnd();\n }\n }\n };\n input.addEventListener('blur', blurHandler);\n this.eventHandlers.push({ type: 'blur', handler: blurHandler });\n // #endregion\n this.element = input;\n this.container.appendChild(input);\n\n // 监听键盘事件\n const keydownHandler: EventListener = (e: Event) => {\n const keyboardEvent = e as KeyboardEvent;\n if (\n keyboardEvent.key === 'a' &&\n (keyboardEvent.ctrlKey || keyboardEvent.metaKey) &&\n this.table.editorManager?.editingEditor\n ) {\n // 阻止冒泡 防止处理成表格全选事件\n keyboardEvent.stopPropagation();\n }\n };\n input.addEventListener('keydown', keydownHandler);\n this.eventHandlers.push({ type: 'keydown', handler: keydownHandler });\n\n // hack for preventing drag touch cause page jump\n const wheelHandler: EventListener = (e: Event) => {\n e.preventDefault();\n };\n input.addEventListener('wheel', wheelHandler);\n this.eventHandlers.push({ type: 'wheel', handler: wheelHandler });\n }\n\n setValue(value: string) {\n this.element.value = typeof value !== 'undefined' ? value : '';\n }\n\n getValue() {\n return this.element.value;\n }\n /**\n * 如果表格编辑时机配置editCellTrigger为keydown，则需要调用prepareEdit来准备编辑环境，否则中文输入法第一个字符会被当做英文字符\n * @param param0\n */\n prepareEdit({ referencePosition, container, table, col, row }: PrepareEditContext<string>) {\n this.container = container;\n this.table = table;\n this.col = col;\n this.row = row;\n const selectCell = this.table.stateManager.select.cellPos;\n if (selectCell.col !== this.col || selectCell.row !== this.row) {\n return;\n }\n if (!this.element) {\n this.createElement();\n } else {\n if (!container.contains(this.element)) {\n this.element.parentElement.removeChild(this.element);\n this.container.appendChild(this.element);\n }\n }\n this.element.style.opacity = '0';\n //这个pointerEvents = 'none'很重要，如果没有的话会引起vtable.getElement()元素和这里的element元素的focus和blur的切换，\n //也会引起mouseleave_table mouseleave_cell和mouseenter的切换\n this.element.style.pointerEvents = 'none';\n if (referencePosition?.rect) {\n this.adjustPosition(referencePosition.rect);\n }\n this.element.focus();\n }\n onStart({ value, referencePosition, container, endEdit, table, col, row }: EditContext<string>) {\n this.container = container;\n this.successCallback = endEdit;\n this.table = table;\n this.col = col;\n this.row = row;\n if (!this.element) {\n this.createElement();\n if (referencePosition?.rect) {\n this.adjustPosition(referencePosition.rect);\n }\n } else {\n if (!container.contains(this.element)) {\n this.element.parentElement.removeChild(this.element);\n this.container.appendChild(this.element);\n }\n }\n if (value !== undefined && value !== null) {\n this.setValue(value);\n }\n //防止调用过prepareEdit 后，元素的显示和可操作性被影响\n this.element.style.opacity = '1';\n this.element.style.pointerEvents = 'auto';\n this.element.focus();\n // do nothing\n }\n\n adjustPosition(rect: RectProps) {\n //使border均分input位置rect的上下左右\n const borderWidth = 2;\n const top = rect.top - borderWidth / 2;\n const left = rect.left - borderWidth / 2;\n const width = rect.width + borderWidth;\n const height = rect.height + borderWidth;\n\n this.element.style.top = top + 'px';\n this.element.style.left = left + 'px';\n this.element.style.width = width + 'px';\n this.element.style.height = height + 'px';\n }\n\n endEditing() {\n // do nothing\n }\n\n onEnd() {\n // do nothing\n if (!this.element) {\n return;\n }\n\n // 保存元素引用，避免在移除过程中被其他代码修改\n const element = this.element;\n\n // 先移除所有事件监听器，避免在 removeChild 时触发 blur 等事件\n this.eventHandlers.forEach(({ type, handler }) => {\n element.removeEventListener(type, handler);\n });\n this.eventHandlers = [];\n\n // 检查元素的父节点是否存在，确保元素还在 DOM 中\n const parentNode = element.parentNode;\n if (parentNode) {\n try {\n // 事件监听器已经移除，可以安全地移除元素，不会触发 blur 等事件\n parentNode.removeChild(element);\n } catch (error) {\n // 如果元素已经被移除或移动，忽略 NotFoundError\n if (error instanceof Error && error.name !== 'NotFoundError') {\n throw error;\n }\n }\n }\n\n // 清空引用\n this.element = undefined;\n }\n\n isEditorElement(target: HTMLElement) {\n return target === this.element;\n }\n\n validateValue(newValue?: any, oldValue?: any, position?: CellAddress, table?: any): boolean | ValidateEnum {\n return true;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/input-editor.ts"],"names":[],"mappings":"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","file":"input-editor.js","sourcesContent":["import type { CellAddress, EditContext, IEditor, PrepareEditContext, RectProps } from './types';\nimport type { ValidateEnum } from './types';\n\nexport interface InputEditorConfig {\n readonly?: boolean;\n}\n\nexport class InputEditor implements IEditor {\n editorType: string = 'Input';\n editorConfig: InputEditorConfig;\n container: HTMLElement;\n successCallback?: () => void;\n element?: HTMLInputElement;\n table?: any;\n col?: number;\n row?: number;\n // 存储事件处理器，用于在移除元素前解绑\n protected eventHandlers: Array<{ type: string; handler: EventListener }> = [];\n constructor(editorConfig?: InputEditorConfig) {\n this.editorConfig = editorConfig;\n }\n getInputElement(): HTMLInputElement {\n return this.element;\n }\n\n createElement() {\n // 清空之前的事件处理器（如果存在）\n this.eventHandlers = [];\n\n const input = document.createElement('input');\n input.setAttribute('type', 'text');\n\n if (this.editorConfig?.readonly) {\n input.setAttribute('readonly', `${this.editorConfig.readonly}`);\n }\n\n input.style.position = 'absolute';\n input.style.padding = '4px';\n input.style.width = '100%';\n input.style.boxSizing = 'border-box';\n input.style.backgroundColor = '#FFFFFF';\n input.style.borderRadius = '0px';\n input.style.border = '2px solid #d9d9d9';\n // #region 为了保证input在focus时，没有圆角\n const focusHandler = () => {\n input.style.borderColor = '#4A90E2';\n input.style.outline = 'none';\n };\n input.addEventListener('focus', focusHandler);\n this.eventHandlers.push({ type: 'focus', handler: focusHandler });\n\n const blurHandler: EventListener = (e: Event) => {\n input.style.borderColor = '#d9d9d9';\n // input.style.boxShadow = 'none';\n if (this.table && this.element && this.element.style.opacity === '0') {\n const selectCell = this.table.stateManager.select.cellPos;\n if (selectCell.col !== this.col || selectCell.row !== this.row) {\n this.onEnd();\n }\n }\n };\n input.addEventListener('blur', blurHandler);\n this.eventHandlers.push({ type: 'blur', handler: blurHandler });\n // #endregion\n this.element = input;\n this.container.appendChild(input);\n\n // 监听键盘事件\n const keydownHandler: EventListener = (e: Event) => {\n const keyboardEvent = e as KeyboardEvent;\n if (\n keyboardEvent.key === 'a' &&\n (keyboardEvent.ctrlKey || keyboardEvent.metaKey) &&\n this.table.editorManager?.editingEditor\n ) {\n // 阻止冒泡 防止处理成表格全选事件\n keyboardEvent.stopPropagation();\n }\n };\n input.addEventListener('keydown', keydownHandler);\n this.eventHandlers.push({ type: 'keydown', handler: keydownHandler });\n\n // hack for preventing drag touch cause page jump\n const wheelHandler: EventListener = (e: Event) => {\n e.preventDefault();\n };\n input.addEventListener('wheel', wheelHandler);\n this.eventHandlers.push({ type: 'wheel', handler: wheelHandler });\n }\n\n setValue(value: string) {\n this.element.value = typeof value !== 'undefined' ? value : '';\n }\n\n getValue() {\n return this.element.value;\n }\n /**\n * 如果表格编辑时机配置editCellTrigger为keydown，则需要调用prepareEdit来准备编辑环境，否则中文输入法第一个字符会被当做英文字符\n * @param param0\n */\n prepareEdit({ referencePosition, container, table, col, row }: PrepareEditContext<string>) {\n this.container = container;\n this.table = table;\n this.col = col;\n this.row = row;\n const selectCell = this.table.stateManager.select.cellPos;\n if (selectCell.col !== this.col || selectCell.row !== this.row) {\n return;\n }\n if (!this.element) {\n this.createElement();\n } else {\n if (!container.contains(this.element)) {\n this.element.parentElement.removeChild(this.element);\n this.container.appendChild(this.element);\n }\n }\n this.element.style.opacity = '0';\n //这个pointerEvents = 'none'很重要，如果没有的话会引起vtable.getElement()元素和这里的element元素的focus和blur的切换，\n //也会引起mouseleave_table mouseleave_cell和mouseenter的切换\n this.element.style.pointerEvents = 'none';\n if (referencePosition?.rect) {\n this.adjustPosition(referencePosition.rect);\n }\n this.element.focus();\n }\n onStart({ value, referencePosition, container, endEdit, table, col, row }: EditContext<string>) {\n this.container = container;\n this.successCallback = endEdit;\n this.table = table;\n this.col = col;\n this.row = row;\n if (!this.element) {\n this.createElement();\n if (referencePosition?.rect) {\n this.adjustPosition(referencePosition.rect);\n }\n } else {\n if (!container.contains(this.element)) {\n this.element.parentElement.removeChild(this.element);\n this.container.appendChild(this.element);\n }\n }\n if (value !== undefined && value !== null) {\n this.setValue(value);\n }\n //防止调用过prepareEdit 后，元素的显示和可操作性被影响\n this.element.style.opacity = '1';\n this.element.style.pointerEvents = 'auto';\n this.element.focus();\n // do nothing\n }\n\n adjustPosition(rect: RectProps) {\n //使border均分input位置rect的上下左右\n const borderWidth = 2;\n const top = rect.top - borderWidth / 2;\n const left = rect.left - borderWidth / 2;\n const width = rect.width + borderWidth;\n const height = rect.height + borderWidth;\n\n this.element.style.top = top + 'px';\n this.element.style.left = left + 'px';\n this.element.style.width = width + 'px';\n this.element.style.height = height + 'px';\n }\n\n endEditing() {\n // do nothing\n }\n\n onEnd() {\n // do nothing\n if (!this.element) {\n return;\n }\n\n // 保存元素引用，避免在移除过程中被其他代码修改\n const element = this.element;\n\n // 先移除所有事件监听器，避免在 removeChild 时触发 blur 等事件\n this.eventHandlers.forEach(({ type, handler }) => {\n element.removeEventListener(type, handler);\n });\n this.eventHandlers = [];\n\n // 检查元素的父节点是否存在，确保元素还在 DOM 中\n const parentNode = element.parentNode;\n if (parentNode) {\n try {\n // 事件监听器已经移除，可以安全地移除元素，不会触发 blur 等事件\n parentNode.removeChild(element);\n } catch (error) {\n // 如果元素已经被移除或移动，忽略 NotFoundError\n if (error instanceof Error && error.name !== 'NotFoundError') {\n throw error;\n }\n }\n }\n\n // 清空引用\n this.element = undefined;\n }\n\n isEditorElement(target: HTMLElement) {\n return target === this.element;\n }\n\n validateValue(newValue?: any, oldValue?: any, position?: CellAddress, table?: any): boolean | ValidateEnum {\n return true;\n }\n}\n"]}
|
package/es/input-editor.d.ts
CHANGED
|
@@ -12,7 +12,10 @@ export declare class InputEditor implements IEditor {
|
|
|
12
12
|
table?: any;
|
|
13
13
|
col?: number;
|
|
14
14
|
row?: number;
|
|
15
|
-
|
|
15
|
+
protected eventHandlers: Array<{
|
|
16
|
+
type: string;
|
|
17
|
+
handler: EventListener;
|
|
18
|
+
}>;
|
|
16
19
|
constructor(editorConfig?: InputEditorConfig);
|
|
17
20
|
getInputElement(): HTMLInputElement;
|
|
18
21
|
createElement(): void;
|
package/es/input-editor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/input-editor.ts"],"names":[],"mappings":"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","file":"input-editor.js","sourcesContent":["import type { CellAddress, EditContext, IEditor, PrepareEditContext, RectProps } from './types';\nimport type { ValidateEnum } from './types';\n\nexport interface InputEditorConfig {\n readonly?: boolean;\n}\n\nexport class InputEditor implements IEditor {\n editorType: string = 'Input';\n editorConfig: InputEditorConfig;\n container: HTMLElement;\n successCallback?: () => void;\n element?: HTMLInputElement;\n table?: any;\n col?: number;\n row?: number;\n // 存储事件处理器，用于在移除元素前解绑\n private eventHandlers: Array<{ type: string; handler: EventListener }> = [];\n constructor(editorConfig?: InputEditorConfig) {\n this.editorConfig = editorConfig;\n }\n getInputElement(): HTMLInputElement {\n return this.element;\n }\n\n createElement() {\n // 清空之前的事件处理器（如果存在）\n this.eventHandlers = [];\n\n const input = document.createElement('input');\n input.setAttribute('type', 'text');\n\n if (this.editorConfig?.readonly) {\n input.setAttribute('readonly', `${this.editorConfig.readonly}`);\n }\n\n input.style.position = 'absolute';\n input.style.padding = '4px';\n input.style.width = '100%';\n input.style.boxSizing = 'border-box';\n input.style.backgroundColor = '#FFFFFF';\n input.style.borderRadius = '0px';\n input.style.border = '2px solid #d9d9d9';\n // #region 为了保证input在focus时，没有圆角\n const focusHandler = () => {\n input.style.borderColor = '#4A90E2';\n input.style.outline = 'none';\n };\n input.addEventListener('focus', focusHandler);\n this.eventHandlers.push({ type: 'focus', handler: focusHandler });\n\n const blurHandler: EventListener = (e: Event) => {\n input.style.borderColor = '#d9d9d9';\n // input.style.boxShadow = 'none';\n if (this.table && this.element && this.element.style.opacity === '0') {\n const selectCell = this.table.stateManager.select.cellPos;\n if (selectCell.col !== this.col || selectCell.row !== this.row) {\n this.onEnd();\n }\n }\n };\n input.addEventListener('blur', blurHandler);\n this.eventHandlers.push({ type: 'blur', handler: blurHandler });\n // #endregion\n this.element = input;\n this.container.appendChild(input);\n\n // 监听键盘事件\n const keydownHandler: EventListener = (e: Event) => {\n const keyboardEvent = e as KeyboardEvent;\n if (\n keyboardEvent.key === 'a' &&\n (keyboardEvent.ctrlKey || keyboardEvent.metaKey) &&\n this.table.editorManager?.editingEditor\n ) {\n // 阻止冒泡 防止处理成表格全选事件\n keyboardEvent.stopPropagation();\n }\n };\n input.addEventListener('keydown', keydownHandler);\n this.eventHandlers.push({ type: 'keydown', handler: keydownHandler });\n\n // hack for preventing drag touch cause page jump\n const wheelHandler: EventListener = (e: Event) => {\n e.preventDefault();\n };\n input.addEventListener('wheel', wheelHandler);\n this.eventHandlers.push({ type: 'wheel', handler: wheelHandler });\n }\n\n setValue(value: string) {\n this.element.value = typeof value !== 'undefined' ? value : '';\n }\n\n getValue() {\n return this.element.value;\n }\n /**\n * 如果表格编辑时机配置editCellTrigger为keydown，则需要调用prepareEdit来准备编辑环境，否则中文输入法第一个字符会被当做英文字符\n * @param param0\n */\n prepareEdit({ referencePosition, container, table, col, row }: PrepareEditContext<string>) {\n this.container = container;\n this.table = table;\n this.col = col;\n this.row = row;\n const selectCell = this.table.stateManager.select.cellPos;\n if (selectCell.col !== this.col || selectCell.row !== this.row) {\n return;\n }\n if (!this.element) {\n this.createElement();\n } else {\n if (!container.contains(this.element)) {\n this.element.parentElement.removeChild(this.element);\n this.container.appendChild(this.element);\n }\n }\n this.element.style.opacity = '0';\n //这个pointerEvents = 'none'很重要，如果没有的话会引起vtable.getElement()元素和这里的element元素的focus和blur的切换，\n //也会引起mouseleave_table mouseleave_cell和mouseenter的切换\n this.element.style.pointerEvents = 'none';\n if (referencePosition?.rect) {\n this.adjustPosition(referencePosition.rect);\n }\n this.element.focus();\n }\n onStart({ value, referencePosition, container, endEdit, table, col, row }: EditContext<string>) {\n this.container = container;\n this.successCallback = endEdit;\n this.table = table;\n this.col = col;\n this.row = row;\n if (!this.element) {\n this.createElement();\n if (referencePosition?.rect) {\n this.adjustPosition(referencePosition.rect);\n }\n } else {\n if (!container.contains(this.element)) {\n this.element.parentElement.removeChild(this.element);\n this.container.appendChild(this.element);\n }\n }\n if (value !== undefined && value !== null) {\n this.setValue(value);\n }\n //防止调用过prepareEdit 后，元素的显示和可操作性被影响\n this.element.style.opacity = '1';\n this.element.style.pointerEvents = 'auto';\n this.element.focus();\n // do nothing\n }\n\n adjustPosition(rect: RectProps) {\n //使border均分input位置rect的上下左右\n const borderWidth = 2;\n const top = rect.top - borderWidth / 2;\n const left = rect.left - borderWidth / 2;\n const width = rect.width + borderWidth;\n const height = rect.height + borderWidth;\n\n this.element.style.top = top + 'px';\n this.element.style.left = left + 'px';\n this.element.style.width = width + 'px';\n this.element.style.height = height + 'px';\n }\n\n endEditing() {\n // do nothing\n }\n\n onEnd() {\n // do nothing\n if (!this.element) {\n return;\n }\n\n // 保存元素引用，避免在移除过程中被其他代码修改\n const element = this.element;\n\n // 先移除所有事件监听器，避免在 removeChild 时触发 blur 等事件\n this.eventHandlers.forEach(({ type, handler }) => {\n element.removeEventListener(type, handler);\n });\n this.eventHandlers = [];\n\n // 检查元素的父节点是否存在，确保元素还在 DOM 中\n const parentNode = element.parentNode;\n if (parentNode) {\n try {\n // 事件监听器已经移除，可以安全地移除元素，不会触发 blur 等事件\n parentNode.removeChild(element);\n } catch (error) {\n // 如果元素已经被移除或移动，忽略 NotFoundError\n if (error instanceof Error && error.name !== 'NotFoundError') {\n throw error;\n }\n }\n }\n\n // 清空引用\n this.element = undefined;\n }\n\n isEditorElement(target: HTMLElement) {\n return target === this.element;\n }\n\n validateValue(newValue?: any, oldValue?: any, position?: CellAddress, table?: any): boolean | ValidateEnum {\n return true;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/input-editor.ts"],"names":[],"mappings":"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","file":"input-editor.js","sourcesContent":["import type { CellAddress, EditContext, IEditor, PrepareEditContext, RectProps } from './types';\nimport type { ValidateEnum } from './types';\n\nexport interface InputEditorConfig {\n readonly?: boolean;\n}\n\nexport class InputEditor implements IEditor {\n editorType: string = 'Input';\n editorConfig: InputEditorConfig;\n container: HTMLElement;\n successCallback?: () => void;\n element?: HTMLInputElement;\n table?: any;\n col?: number;\n row?: number;\n // 存储事件处理器，用于在移除元素前解绑\n protected eventHandlers: Array<{ type: string; handler: EventListener }> = [];\n constructor(editorConfig?: InputEditorConfig) {\n this.editorConfig = editorConfig;\n }\n getInputElement(): HTMLInputElement {\n return this.element;\n }\n\n createElement() {\n // 清空之前的事件处理器（如果存在）\n this.eventHandlers = [];\n\n const input = document.createElement('input');\n input.setAttribute('type', 'text');\n\n if (this.editorConfig?.readonly) {\n input.setAttribute('readonly', `${this.editorConfig.readonly}`);\n }\n\n input.style.position = 'absolute';\n input.style.padding = '4px';\n input.style.width = '100%';\n input.style.boxSizing = 'border-box';\n input.style.backgroundColor = '#FFFFFF';\n input.style.borderRadius = '0px';\n input.style.border = '2px solid #d9d9d9';\n // #region 为了保证input在focus时，没有圆角\n const focusHandler = () => {\n input.style.borderColor = '#4A90E2';\n input.style.outline = 'none';\n };\n input.addEventListener('focus', focusHandler);\n this.eventHandlers.push({ type: 'focus', handler: focusHandler });\n\n const blurHandler: EventListener = (e: Event) => {\n input.style.borderColor = '#d9d9d9';\n // input.style.boxShadow = 'none';\n if (this.table && this.element && this.element.style.opacity === '0') {\n const selectCell = this.table.stateManager.select.cellPos;\n if (selectCell.col !== this.col || selectCell.row !== this.row) {\n this.onEnd();\n }\n }\n };\n input.addEventListener('blur', blurHandler);\n this.eventHandlers.push({ type: 'blur', handler: blurHandler });\n // #endregion\n this.element = input;\n this.container.appendChild(input);\n\n // 监听键盘事件\n const keydownHandler: EventListener = (e: Event) => {\n const keyboardEvent = e as KeyboardEvent;\n if (\n keyboardEvent.key === 'a' &&\n (keyboardEvent.ctrlKey || keyboardEvent.metaKey) &&\n this.table.editorManager?.editingEditor\n ) {\n // 阻止冒泡 防止处理成表格全选事件\n keyboardEvent.stopPropagation();\n }\n };\n input.addEventListener('keydown', keydownHandler);\n this.eventHandlers.push({ type: 'keydown', handler: keydownHandler });\n\n // hack for preventing drag touch cause page jump\n const wheelHandler: EventListener = (e: Event) => {\n e.preventDefault();\n };\n input.addEventListener('wheel', wheelHandler);\n this.eventHandlers.push({ type: 'wheel', handler: wheelHandler });\n }\n\n setValue(value: string) {\n this.element.value = typeof value !== 'undefined' ? value : '';\n }\n\n getValue() {\n return this.element.value;\n }\n /**\n * 如果表格编辑时机配置editCellTrigger为keydown，则需要调用prepareEdit来准备编辑环境，否则中文输入法第一个字符会被当做英文字符\n * @param param0\n */\n prepareEdit({ referencePosition, container, table, col, row }: PrepareEditContext<string>) {\n this.container = container;\n this.table = table;\n this.col = col;\n this.row = row;\n const selectCell = this.table.stateManager.select.cellPos;\n if (selectCell.col !== this.col || selectCell.row !== this.row) {\n return;\n }\n if (!this.element) {\n this.createElement();\n } else {\n if (!container.contains(this.element)) {\n this.element.parentElement.removeChild(this.element);\n this.container.appendChild(this.element);\n }\n }\n this.element.style.opacity = '0';\n //这个pointerEvents = 'none'很重要，如果没有的话会引起vtable.getElement()元素和这里的element元素的focus和blur的切换，\n //也会引起mouseleave_table mouseleave_cell和mouseenter的切换\n this.element.style.pointerEvents = 'none';\n if (referencePosition?.rect) {\n this.adjustPosition(referencePosition.rect);\n }\n this.element.focus();\n }\n onStart({ value, referencePosition, container, endEdit, table, col, row }: EditContext<string>) {\n this.container = container;\n this.successCallback = endEdit;\n this.table = table;\n this.col = col;\n this.row = row;\n if (!this.element) {\n this.createElement();\n if (referencePosition?.rect) {\n this.adjustPosition(referencePosition.rect);\n }\n } else {\n if (!container.contains(this.element)) {\n this.element.parentElement.removeChild(this.element);\n this.container.appendChild(this.element);\n }\n }\n if (value !== undefined && value !== null) {\n this.setValue(value);\n }\n //防止调用过prepareEdit 后，元素的显示和可操作性被影响\n this.element.style.opacity = '1';\n this.element.style.pointerEvents = 'auto';\n this.element.focus();\n // do nothing\n }\n\n adjustPosition(rect: RectProps) {\n //使border均分input位置rect的上下左右\n const borderWidth = 2;\n const top = rect.top - borderWidth / 2;\n const left = rect.left - borderWidth / 2;\n const width = rect.width + borderWidth;\n const height = rect.height + borderWidth;\n\n this.element.style.top = top + 'px';\n this.element.style.left = left + 'px';\n this.element.style.width = width + 'px';\n this.element.style.height = height + 'px';\n }\n\n endEditing() {\n // do nothing\n }\n\n onEnd() {\n // do nothing\n if (!this.element) {\n return;\n }\n\n // 保存元素引用，避免在移除过程中被其他代码修改\n const element = this.element;\n\n // 先移除所有事件监听器，避免在 removeChild 时触发 blur 等事件\n this.eventHandlers.forEach(({ type, handler }) => {\n element.removeEventListener(type, handler);\n });\n this.eventHandlers = [];\n\n // 检查元素的父节点是否存在，确保元素还在 DOM 中\n const parentNode = element.parentNode;\n if (parentNode) {\n try {\n // 事件监听器已经移除，可以安全地移除元素，不会触发 blur 等事件\n parentNode.removeChild(element);\n } catch (error) {\n // 如果元素已经被移除或移动，忽略 NotFoundError\n if (error instanceof Error && error.name !== 'NotFoundError') {\n throw error;\n }\n }\n }\n\n // 清空引用\n this.element = undefined;\n }\n\n isEditorElement(target: HTMLElement) {\n return target === this.element;\n }\n\n validateValue(newValue?: any, oldValue?: any, position?: CellAddress, table?: any): boolean | ValidateEnum {\n return true;\n }\n}\n"]}
|