@visactor/vtable-editors 1.23.1 → 1.23.2

package/cjs/input-editor.js

@@ -65,7 +65,8 @@ class InputEditor {
         this.element.value = void 0 !== value ? value : "";
     }
     getValue() {
-        return this.element.value;
+        var _a;
+        return null === (_a = this.element) || void 0 === _a ? void 0 : _a.value;
     }
     prepareEdit({referencePosition: referencePosition, container: container, table: table, col: col, row: row}) {
         this.container = container, this.table = table, this.col = col, this.row = row;

package/cjs/input-editor.js.map

@@ -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  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    const pasteHandler: EventListener = (e: Event) => {\n      const pasteEvent = e as ClipboardEvent;\n      // 在prepare阶段（opacity为'0'时）禁止粘贴\n      if (this.element.style.opacity === '0') {\n        pasteEvent.preventDefault();\n      }\n    };\n    input.addEventListener('paste', pasteHandler);\n    this.eventHandlers.push({ type: 'paste', handler: pasteHandler });\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"]}
+{"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    const pasteHandler: EventListener = (e: Event) => {\n      const pasteEvent = e as ClipboardEvent;\n      // 在prepare阶段（opacity为'0'时）禁止粘贴\n      if (this.element.style.opacity === '0') {\n        pasteEvent.preventDefault();\n      }\n    };\n    input.addEventListener('paste', pasteHandler);\n    this.eventHandlers.push({ type: 'paste', handler: pasteHandler });\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/cjs/list-editor.js

@@ -28,7 +28,8 @@ class ListEditor {
     }
     setValue(value) {}
     getValue() {
-        return this.element.value;
+        var _a;
+        return null === (_a = this.element) || void 0 === _a ? void 0 : _a.value;
     }
     onStart({container: container, value: value, referencePosition: referencePosition, endEdit: endEdit}) {
         this.container = container, this.successCallback = endEdit, this.createElement(value), 

package/cjs/list-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/list-editor.ts"],"names":[],"mappings":"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","file":"list-editor.js","sourcesContent":["import type { EditContext, IEditor, Placement, RectProps } from './types';\nexport interface ListEditorConfig {\n  values: string[];\n}\n\nexport class ListEditor implements IEditor {\n  editorType: string = 'Input';\n  input?: HTMLInputElement;\n  editorConfig?: ListEditorConfig;\n  container?: HTMLElement;\n  element?: HTMLSelectElement;\n  successCallback?: () => void;\n\n  constructor(editorConfig: ListEditorConfig) {\n    this.editorConfig = editorConfig;\n  }\n\n  createElement(value: string) {\n    // create select tag\n    const select = document.createElement('select');\n    select.setAttribute('type', 'text');\n    select.style.position = 'absolute';\n    select.style.padding = '4px';\n    select.style.width = '100%';\n    select.style.boxSizing = 'border-box';\n    select.style.backgroundColor = '#FFFFFF';\n    select.style.borderRadius = '0px';\n    select.style.border = '2px solid #d9d9d9';\n    // #region 为了保证input在focus时，没有圆角\n    select.addEventListener('focus', () => {\n      select.style.borderColor = '#4A90E2';\n      select.style.outline = 'none';\n    });\n\n    select.addEventListener('blur', () => {\n      select.style.borderColor = '#d9d9d9';\n      // input.style.boxShadow = 'none';\n    });\n\n    this.element = select;\n\n    // create option tags\n    const { values } = this.editorConfig;\n    let opsStr = '';\n    values.forEach(item => {\n      opsStr +=\n        item === value\n          ? `<option value=\"${item}\" selected>${item}</option>`\n          : `<option value=\"${item}\" >${item}</option>`;\n    });\n    select.innerHTML = opsStr;\n\n    this.container.appendChild(select);\n    // this._bindSelectChangeEvent();\n  }\n\n  _bindSelectChangeEvent() {\n    this.element.addEventListener('change', () => {\n      // this.successCallback();\n    });\n  }\n\n  setValue(value: string) {\n    // do nothing\n  }\n\n  getValue() {\n    return this.element.value;\n  }\n\n  onStart({ container, value, referencePosition, endEdit }: EditContext) {\n    this.container = container;\n    this.successCallback = endEdit;\n\n    this.createElement(value);\n\n    if (value !== undefined && value !== null) {\n      this.setValue(value);\n    }\n    if (referencePosition?.rect) {\n      this.adjustPosition(referencePosition.rect);\n    }\n    this.element.focus();\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    this.container.removeChild(this.element);\n  }\n\n  isEditorElement(target: HTMLElement) {\n    return target === this.element;\n  }\n}\n"]}
+{"version":3,"sources":["../src/list-editor.ts"],"names":[],"mappings":"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","file":"list-editor.js","sourcesContent":["import type { EditContext, IEditor, Placement, RectProps } from './types';\nexport interface ListEditorConfig {\n  values: string[];\n}\n\nexport class ListEditor implements IEditor {\n  editorType: string = 'Input';\n  input?: HTMLInputElement;\n  editorConfig?: ListEditorConfig;\n  container?: HTMLElement;\n  element?: HTMLSelectElement;\n  successCallback?: () => void;\n\n  constructor(editorConfig: ListEditorConfig) {\n    this.editorConfig = editorConfig;\n  }\n\n  createElement(value: string) {\n    // create select tag\n    const select = document.createElement('select');\n    select.setAttribute('type', 'text');\n    select.style.position = 'absolute';\n    select.style.padding = '4px';\n    select.style.width = '100%';\n    select.style.boxSizing = 'border-box';\n    select.style.backgroundColor = '#FFFFFF';\n    select.style.borderRadius = '0px';\n    select.style.border = '2px solid #d9d9d9';\n    // #region 为了保证input在focus时，没有圆角\n    select.addEventListener('focus', () => {\n      select.style.borderColor = '#4A90E2';\n      select.style.outline = 'none';\n    });\n\n    select.addEventListener('blur', () => {\n      select.style.borderColor = '#d9d9d9';\n      // input.style.boxShadow = 'none';\n    });\n\n    this.element = select;\n\n    // create option tags\n    const { values } = this.editorConfig;\n    let opsStr = '';\n    values.forEach(item => {\n      opsStr +=\n        item === value\n          ? `<option value=\"${item}\" selected>${item}</option>`\n          : `<option value=\"${item}\" >${item}</option>`;\n    });\n    select.innerHTML = opsStr;\n\n    this.container.appendChild(select);\n    // this._bindSelectChangeEvent();\n  }\n\n  _bindSelectChangeEvent() {\n    this.element.addEventListener('change', () => {\n      // this.successCallback();\n    });\n  }\n\n  setValue(value: string) {\n    // do nothing\n  }\n\n  getValue() {\n    return this.element?.value;\n  }\n\n  onStart({ container, value, referencePosition, endEdit }: EditContext) {\n    this.container = container;\n    this.successCallback = endEdit;\n\n    this.createElement(value);\n\n    if (value !== undefined && value !== null) {\n      this.setValue(value);\n    }\n    if (referencePosition?.rect) {\n      this.adjustPosition(referencePosition.rect);\n    }\n    this.element.focus();\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    this.container.removeChild(this.element);\n  }\n\n  isEditorElement(target: HTMLElement) {\n    return target === this.element;\n  }\n}\n"]}

package/cjs/textArea-editor.js

@@ -28,7 +28,8 @@ class TextAreaEditor {
         this.element.value = void 0 !== value ? value : "";
     }
     getValue() {
-        return this.element.value;
+        var _a;
+        return null === (_a = this.element) || void 0 === _a ? void 0 : _a.value;
     }
     onStart({value: value, referencePosition: referencePosition, container: container, endEdit: endEdit}) {
         this.container = container, this.successCallback = endEdit, this.element || (this.createElement(), 

package/cjs/textArea-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/textArea-editor.ts"],"names":[],"mappings":"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","file":"textArea-editor.js","sourcesContent":["import type { EditContext, IEditor, RectProps } from './types';\n\nexport interface TextAreaEditorConfig {\n  readonly?: boolean;\n}\n\nexport class TextAreaEditor implements IEditor {\n  editorType: string = 'TextArea';\n  editorConfig: TextAreaEditorConfig;\n  container: HTMLElement;\n  successCallback?: () => void;\n  element?: HTMLTextAreaElement;\n\n  constructor(editorConfig?: TextAreaEditorConfig) {\n    this.editorConfig = editorConfig || {};\n  }\n\n  createElement() {\n    const input = document.createElement('textArea') as HTMLTextAreaElement;\n    if (this.editorConfig?.readonly) {\n      input.setAttribute('readonly', `${this.editorConfig.readonly}`);\n    }\n    input.style.resize = 'none';\n    input.style.position = 'absolute';\n    input.style.padding = '4px';\n    input.style.width = '100%';\n    input.style.height = '100%';\n    input.style.boxSizing = 'border-box';\n    input.style.backgroundColor = '#FFFFFF';\n\n    input.style.borderRadius = '0px';\n    input.style.border = '2px solid #d9d9d9';\n\n    // #region 为了保证input在focus时，没有圆角\n    input.addEventListener('focus', () => {\n      input.style.borderColor = '#4A90E2';\n      input.style.outline = 'none';\n    });\n\n    input.addEventListener('blur', () => {\n      input.style.borderColor = '#d9d9d9';\n      // input.style.boxShadow = 'none';\n      input.style.outline = 'none';\n    });\n\n    this.element = input;\n    this.container.appendChild(input);\n\n    // 监听键盘事件\n    input.addEventListener('keydown', (e: KeyboardEvent) => {\n      const _isSelectAll = e.key === 'a' && (e.ctrlKey || e.metaKey);\n      const _isTextAreaNewLine = e.key === 'Enter' && e.shiftKey;\n      if (_isSelectAll || _isTextAreaNewLine) {\n        // 阻止冒泡  防止处理成表格全选事件\n        e.stopPropagation();\n      }\n    });\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  onStart({ value, referencePosition, container, endEdit }: EditContext<string>) {\n    this.container = container;\n    this.successCallback = endEdit;\n    if (!this.element) {\n      this.createElement();\n\n      if (value !== undefined && value !== null) {\n        this.setValue(value);\n      }\n      if (referencePosition?.rect) {\n        this.adjustPosition(referencePosition.rect);\n      }\n    }\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    this.container.removeChild(this.element);\n    this.element = undefined;\n  }\n\n  isEditorElement(target: HTMLElement) {\n    return target === this.element;\n  }\n}\n"]}
+{"version":3,"sources":["../src/textArea-editor.ts"],"names":[],"mappings":"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","file":"textArea-editor.js","sourcesContent":["import type { EditContext, IEditor, RectProps } from './types';\n\nexport interface TextAreaEditorConfig {\n  readonly?: boolean;\n}\n\nexport class TextAreaEditor implements IEditor {\n  editorType: string = 'TextArea';\n  editorConfig: TextAreaEditorConfig;\n  container: HTMLElement;\n  successCallback?: () => void;\n  element?: HTMLTextAreaElement;\n\n  constructor(editorConfig?: TextAreaEditorConfig) {\n    this.editorConfig = editorConfig || {};\n  }\n\n  createElement() {\n    const input = document.createElement('textArea') as HTMLTextAreaElement;\n    if (this.editorConfig?.readonly) {\n      input.setAttribute('readonly', `${this.editorConfig.readonly}`);\n    }\n    input.style.resize = 'none';\n    input.style.position = 'absolute';\n    input.style.padding = '4px';\n    input.style.width = '100%';\n    input.style.height = '100%';\n    input.style.boxSizing = 'border-box';\n    input.style.backgroundColor = '#FFFFFF';\n\n    input.style.borderRadius = '0px';\n    input.style.border = '2px solid #d9d9d9';\n\n    // #region 为了保证input在focus时，没有圆角\n    input.addEventListener('focus', () => {\n      input.style.borderColor = '#4A90E2';\n      input.style.outline = 'none';\n    });\n\n    input.addEventListener('blur', () => {\n      input.style.borderColor = '#d9d9d9';\n      // input.style.boxShadow = 'none';\n      input.style.outline = 'none';\n    });\n\n    this.element = input;\n    this.container.appendChild(input);\n\n    // 监听键盘事件\n    input.addEventListener('keydown', (e: KeyboardEvent) => {\n      const _isSelectAll = e.key === 'a' && (e.ctrlKey || e.metaKey);\n      const _isTextAreaNewLine = e.key === 'Enter' && e.shiftKey;\n      if (_isSelectAll || _isTextAreaNewLine) {\n        // 阻止冒泡  防止处理成表格全选事件\n        e.stopPropagation();\n      }\n    });\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  onStart({ value, referencePosition, container, endEdit }: EditContext<string>) {\n    this.container = container;\n    this.successCallback = endEdit;\n    if (!this.element) {\n      this.createElement();\n\n      if (value !== undefined && value !== null) {\n        this.setValue(value);\n      }\n      if (referencePosition?.rect) {\n        this.adjustPosition(referencePosition.rect);\n      }\n    }\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    this.container.removeChild(this.element);\n    this.element = undefined;\n  }\n\n  isEditorElement(target: HTMLElement) {\n    return target === this.element;\n  }\n}\n"]}

package/dist/vtable-editors.js

@@ -81,7 +81,7 @@
             this.element.value = typeof value !== 'undefined' ? value : '';
         }
         getValue() {
-            return this.element.value;
+            return this.element?.value;
         }
         prepareEdit({ referencePosition, container, table, col, row }) {
             this.container = container;
@@ -258,7 +258,7 @@
         setValue(value) {
         }
         getValue() {
-            return this.element.value;
+            return this.element?.value;
         }
         onStart({ container, value, referencePosition, endEdit }) {
             this.container = container;
@@ -338,7 +338,7 @@
             this.element.value = typeof value !== 'undefined' ? value : '';
         }
         getValue() {
-            return this.element.value;
+            return this.element?.value;
         }
         onStart({ value, referencePosition, container, endEdit }) {
             this.container = container;

package/dist/vtable-editors.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).VTable=e.VTable||{},e.VTable.editors={}))}(this,(function(e){"use strict";class t{editorType="Input";editorConfig;container;successCallback;element;table;col;row;eventHandlers=[];constructor(e){this.editorConfig=e}getInputElement(){return this.element}createElement(){this.eventHandlers=[];const e=document.createElement("input");e.setAttribute("type","text"),this.editorConfig?.readonly&&e.setAttribute("readonly",`${this.editorConfig.readonly}`),e.style.position="absolute",e.style.padding="4px",e.style.width="100%",e.style.boxSizing="border-box",e.style.backgroundColor="#FFFFFF",e.style.borderRadius="0px",e.style.border="2px solid #d9d9d9";const t=()=>{e.style.borderColor="#4A90E2",e.style.outline="none"};e.addEventListener("focus",t),this.eventHandlers.push({type:"focus",handler:t});const n=t=>{if(e.style.borderColor="#d9d9d9",this.table&&this.element&&"0"===this.element.style.opacity){const e=this.table.stateManager.select.cellPos;e.col===this.col&&e.row===this.row||this.onEnd()}};e.addEventListener("blur",n),this.eventHandlers.push({type:"blur",handler:n}),this.element=e,this.container.appendChild(e);const i=e=>{const t=e;"a"===t.key&&(t.ctrlKey||t.metaKey)&&this.table.editorManager?.editingEditor&&t.stopPropagation()};e.addEventListener("keydown",i),this.eventHandlers.push({type:"keydown",handler:i});const s=e=>{e.preventDefault()};e.addEventListener("wheel",s),this.eventHandlers.push({type:"wheel",handler:s});const o=e=>{const t=e;"0"===this.element.style.opacity&&t.preventDefault()};e.addEventListener("paste",o),this.eventHandlers.push({type:"paste",handler:o})}setValue(e){this.element.value=void 0!==e?e:""}getValue(){return this.element.value}prepareEdit({referencePosition:e,container:t,table:n,col:i,row:s}){this.container=t,this.table=n,this.col=i,this.row=s;const o=this.table.stateManager.select.cellPos;o.col===this.col&&o.row===this.row&&(this.element?t.contains(this.element)||(this.element.parentElement.removeChild(this.element),this.container.appendChild(this.element)):this.createElement(),this.element.style.opacity="0",this.element.style.pointerEvents="none",e?.rect&&this.adjustPosition(e.rect),this.element.focus())}onStart({value:e,referencePosition:t,container:n,endEdit:i,table:s,col:o,row:l}){this.container=n,this.successCallback=i,this.table=s,this.col=o,this.row=l,this.element?n.contains(this.element)||(this.element.parentElement.removeChild(this.element),this.container.appendChild(this.element)):(this.createElement(),t?.rect&&this.adjustPosition(t.rect)),null!=e&&this.setValue(e),this.element.style.opacity="1",this.element.style.pointerEvents="auto",this.element.focus()}adjustPosition(e){const t=e.top-1,n=e.left-1,i=e.width+2,s=e.height+2;this.element.style.top=t+"px",this.element.style.left=n+"px",this.element.style.width=i+"px",this.element.style.height=s+"px"}endEditing(){}onEnd(){if(!this.element)return;const e=this.element;this.eventHandlers.forEach((({type:t,handler:n})=>{e.removeEventListener(t,n)})),this.eventHandlers=[];const t=e.parentNode;if(t)try{t.removeChild(e)}catch(e){if(e instanceof Error&&"NotFoundError"!==e.name)throw e}this.element=void 0}isEditorElement(e){return e===this.element}validateValue(e,t,n,i){return!0}}var n,i;e.Placement=void 0,(n=e.Placement||(e.Placement={})).top="top",n.bottom="bottom",n.left="left",n.right="right",e.ValidateEnum=void 0,(i=e.ValidateEnum||(e.ValidateEnum={})).validateExit="validate-exit",i.invalidateExit="invalidate-exit",i.validateNotExit="validate-not-exit",i.invalidateNotExit="invalidate-not-exit",e.DateInputEditor=class extends t{editorType="DateInput";constructor(e){super(e),this.editorConfig=e}createElement(){const e=document.createElement("input");e.setAttribute("type","date"),e.style.padding="4px",e.style.width="100%",e.style.boxSizing="border-box",e.style.position="absolute",e.style.backgroundColor="#FFFFFF",e.style.borderRadius="0px",e.style.border="2px solid #d9d9d9",e.addEventListener("focus",(()=>{e.style.borderColor="#4A90E2",e.style.outline="none"})),e.addEventListener("blur",(()=>{e.style.borderColor="#d9d9d9"})),this.element=e,this.container.appendChild(e),e.addEventListener("keydown",(e=>{"a"===e.key&&(e.ctrlKey||e.metaKey)&&e.stopPropagation()})),e.addEventListener("wheel",(e=>{e.preventDefault()}))}},e.InputEditor=t,e.ListEditor=class{editorType="Input";input;editorConfig;container;element;successCallback;constructor(e){this.editorConfig=e}createElement(e){const t=document.createElement("select");t.setAttribute("type","text"),t.style.position="absolute",t.style.padding="4px",t.style.width="100%",t.style.boxSizing="border-box",t.style.backgroundColor="#FFFFFF",t.style.borderRadius="0px",t.style.border="2px solid #d9d9d9",t.addEventListener("focus",(()=>{t.style.borderColor="#4A90E2",t.style.outline="none"})),t.addEventListener("blur",(()=>{t.style.borderColor="#d9d9d9"})),this.element=t;const{values:n}=this.editorConfig;let i="";n.forEach((t=>{i+=t===e?`<option value="${t}" selected>${t}</option>`:`<option value="${t}" >${t}</option>`})),t.innerHTML=i,this.container.appendChild(t)}_bindSelectChangeEvent(){this.element.addEventListener("change",(()=>{}))}setValue(e){}getValue(){return this.element.value}onStart({container:e,value:t,referencePosition:n,endEdit:i}){this.container=e,this.successCallback=i,this.createElement(t),null!=t&&this.setValue(t),n?.rect&&this.adjustPosition(n.rect),this.element.focus()}adjustPosition(e){const t=e.top-1,n=e.left-1,i=e.width+2,s=e.height+2;this.element.style.top=t+"px",this.element.style.left=n+"px",this.element.style.width=i+"px",this.element.style.height=s+"px"}endEditing(){}onEnd(){this.container.removeChild(this.element)}isEditorElement(e){return e===this.element}},e.TextAreaEditor=class{editorType="TextArea";editorConfig;container;successCallback;element;constructor(e){this.editorConfig=e||{}}createElement(){const e=document.createElement("textArea");this.editorConfig?.readonly&&e.setAttribute("readonly",`${this.editorConfig.readonly}`),e.style.resize="none",e.style.position="absolute",e.style.padding="4px",e.style.width="100%",e.style.height="100%",e.style.boxSizing="border-box",e.style.backgroundColor="#FFFFFF",e.style.borderRadius="0px",e.style.border="2px solid #d9d9d9",e.addEventListener("focus",(()=>{e.style.borderColor="#4A90E2",e.style.outline="none"})),e.addEventListener("blur",(()=>{e.style.borderColor="#d9d9d9",e.style.outline="none"})),this.element=e,this.container.appendChild(e),e.addEventListener("keydown",(e=>{const t="a"===e.key&&(e.ctrlKey||e.metaKey),n="Enter"===e.key&&e.shiftKey;(t||n)&&e.stopPropagation()}))}setValue(e){this.element.value=void 0!==e?e:""}getValue(){return this.element.value}onStart({value:e,referencePosition:t,container:n,endEdit:i}){this.container=n,this.successCallback=i,this.element||(this.createElement(),null!=e&&this.setValue(e),t?.rect&&this.adjustPosition(t.rect)),this.element.focus()}adjustPosition(e){const t=e.top-1,n=e.left-1,i=e.width+2,s=e.height+2;this.element.style.top=t+"px",this.element.style.left=n+"px",this.element.style.width=i+"px",this.element.style.height=s+"px"}endEditing(){}onEnd(){this.container.removeChild(this.element),this.element=void 0}isEditorElement(e){return e===this.element}}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).VTable=e.VTable||{},e.VTable.editors={}))}(this,(function(e){"use strict";class t{editorType="Input";editorConfig;container;successCallback;element;table;col;row;eventHandlers=[];constructor(e){this.editorConfig=e}getInputElement(){return this.element}createElement(){this.eventHandlers=[];const e=document.createElement("input");e.setAttribute("type","text"),this.editorConfig?.readonly&&e.setAttribute("readonly",`${this.editorConfig.readonly}`),e.style.position="absolute",e.style.padding="4px",e.style.width="100%",e.style.boxSizing="border-box",e.style.backgroundColor="#FFFFFF",e.style.borderRadius="0px",e.style.border="2px solid #d9d9d9";const t=()=>{e.style.borderColor="#4A90E2",e.style.outline="none"};e.addEventListener("focus",t),this.eventHandlers.push({type:"focus",handler:t});const n=t=>{if(e.style.borderColor="#d9d9d9",this.table&&this.element&&"0"===this.element.style.opacity){const e=this.table.stateManager.select.cellPos;e.col===this.col&&e.row===this.row||this.onEnd()}};e.addEventListener("blur",n),this.eventHandlers.push({type:"blur",handler:n}),this.element=e,this.container.appendChild(e);const i=e=>{const t=e;"a"===t.key&&(t.ctrlKey||t.metaKey)&&this.table.editorManager?.editingEditor&&t.stopPropagation()};e.addEventListener("keydown",i),this.eventHandlers.push({type:"keydown",handler:i});const s=e=>{e.preventDefault()};e.addEventListener("wheel",s),this.eventHandlers.push({type:"wheel",handler:s});const o=e=>{const t=e;"0"===this.element.style.opacity&&t.preventDefault()};e.addEventListener("paste",o),this.eventHandlers.push({type:"paste",handler:o})}setValue(e){this.element.value=void 0!==e?e:""}getValue(){return this.element?.value}prepareEdit({referencePosition:e,container:t,table:n,col:i,row:s}){this.container=t,this.table=n,this.col=i,this.row=s;const o=this.table.stateManager.select.cellPos;o.col===this.col&&o.row===this.row&&(this.element?t.contains(this.element)||(this.element.parentElement.removeChild(this.element),this.container.appendChild(this.element)):this.createElement(),this.element.style.opacity="0",this.element.style.pointerEvents="none",e?.rect&&this.adjustPosition(e.rect),this.element.focus())}onStart({value:e,referencePosition:t,container:n,endEdit:i,table:s,col:o,row:l}){this.container=n,this.successCallback=i,this.table=s,this.col=o,this.row=l,this.element?n.contains(this.element)||(this.element.parentElement.removeChild(this.element),this.container.appendChild(this.element)):(this.createElement(),t?.rect&&this.adjustPosition(t.rect)),null!=e&&this.setValue(e),this.element.style.opacity="1",this.element.style.pointerEvents="auto",this.element.focus()}adjustPosition(e){const t=e.top-1,n=e.left-1,i=e.width+2,s=e.height+2;this.element.style.top=t+"px",this.element.style.left=n+"px",this.element.style.width=i+"px",this.element.style.height=s+"px"}endEditing(){}onEnd(){if(!this.element)return;const e=this.element;this.eventHandlers.forEach((({type:t,handler:n})=>{e.removeEventListener(t,n)})),this.eventHandlers=[];const t=e.parentNode;if(t)try{t.removeChild(e)}catch(e){if(e instanceof Error&&"NotFoundError"!==e.name)throw e}this.element=void 0}isEditorElement(e){return e===this.element}validateValue(e,t,n,i){return!0}}var n,i;e.Placement=void 0,(n=e.Placement||(e.Placement={})).top="top",n.bottom="bottom",n.left="left",n.right="right",e.ValidateEnum=void 0,(i=e.ValidateEnum||(e.ValidateEnum={})).validateExit="validate-exit",i.invalidateExit="invalidate-exit",i.validateNotExit="validate-not-exit",i.invalidateNotExit="invalidate-not-exit",e.DateInputEditor=class extends t{editorType="DateInput";constructor(e){super(e),this.editorConfig=e}createElement(){const e=document.createElement("input");e.setAttribute("type","date"),e.style.padding="4px",e.style.width="100%",e.style.boxSizing="border-box",e.style.position="absolute",e.style.backgroundColor="#FFFFFF",e.style.borderRadius="0px",e.style.border="2px solid #d9d9d9",e.addEventListener("focus",(()=>{e.style.borderColor="#4A90E2",e.style.outline="none"})),e.addEventListener("blur",(()=>{e.style.borderColor="#d9d9d9"})),this.element=e,this.container.appendChild(e),e.addEventListener("keydown",(e=>{"a"===e.key&&(e.ctrlKey||e.metaKey)&&e.stopPropagation()})),e.addEventListener("wheel",(e=>{e.preventDefault()}))}},e.InputEditor=t,e.ListEditor=class{editorType="Input";input;editorConfig;container;element;successCallback;constructor(e){this.editorConfig=e}createElement(e){const t=document.createElement("select");t.setAttribute("type","text"),t.style.position="absolute",t.style.padding="4px",t.style.width="100%",t.style.boxSizing="border-box",t.style.backgroundColor="#FFFFFF",t.style.borderRadius="0px",t.style.border="2px solid #d9d9d9",t.addEventListener("focus",(()=>{t.style.borderColor="#4A90E2",t.style.outline="none"})),t.addEventListener("blur",(()=>{t.style.borderColor="#d9d9d9"})),this.element=t;const{values:n}=this.editorConfig;let i="";n.forEach((t=>{i+=t===e?`<option value="${t}" selected>${t}</option>`:`<option value="${t}" >${t}</option>`})),t.innerHTML=i,this.container.appendChild(t)}_bindSelectChangeEvent(){this.element.addEventListener("change",(()=>{}))}setValue(e){}getValue(){return this.element?.value}onStart({container:e,value:t,referencePosition:n,endEdit:i}){this.container=e,this.successCallback=i,this.createElement(t),null!=t&&this.setValue(t),n?.rect&&this.adjustPosition(n.rect),this.element.focus()}adjustPosition(e){const t=e.top-1,n=e.left-1,i=e.width+2,s=e.height+2;this.element.style.top=t+"px",this.element.style.left=n+"px",this.element.style.width=i+"px",this.element.style.height=s+"px"}endEditing(){}onEnd(){this.container.removeChild(this.element)}isEditorElement(e){return e===this.element}},e.TextAreaEditor=class{editorType="TextArea";editorConfig;container;successCallback;element;constructor(e){this.editorConfig=e||{}}createElement(){const e=document.createElement("textArea");this.editorConfig?.readonly&&e.setAttribute("readonly",`${this.editorConfig.readonly}`),e.style.resize="none",e.style.position="absolute",e.style.padding="4px",e.style.width="100%",e.style.height="100%",e.style.boxSizing="border-box",e.style.backgroundColor="#FFFFFF",e.style.borderRadius="0px",e.style.border="2px solid #d9d9d9",e.addEventListener("focus",(()=>{e.style.borderColor="#4A90E2",e.style.outline="none"})),e.addEventListener("blur",(()=>{e.style.borderColor="#d9d9d9",e.style.outline="none"})),this.element=e,this.container.appendChild(e),e.addEventListener("keydown",(e=>{const t="a"===e.key&&(e.ctrlKey||e.metaKey),n="Enter"===e.key&&e.shiftKey;(t||n)&&e.stopPropagation()}))}setValue(e){this.element.value=void 0!==e?e:""}getValue(){return this.element?.value}onStart({value:e,referencePosition:t,container:n,endEdit:i}){this.container=n,this.successCallback=i,this.element||(this.createElement(),null!=e&&this.setValue(e),t?.rect&&this.adjustPosition(t.rect)),this.element.focus()}adjustPosition(e){const t=e.top-1,n=e.left-1,i=e.width+2,s=e.height+2;this.element.style.top=t+"px",this.element.style.left=n+"px",this.element.style.width=i+"px",this.element.style.height=s+"px"}endEditing(){}onEnd(){this.container.removeChild(this.element),this.element=void 0}isEditorElement(e){return e===this.element}}}));

package/es/input-editor.js

@@ -59,7 +59,8 @@ export class InputEditor {
         this.element.value = void 0 !== value ? value : "";
     }
     getValue() {
-        return this.element.value;
+        var _a;
+        return null === (_a = this.element) || void 0 === _a ? void 0 : _a.value;
     }
     prepareEdit({referencePosition: referencePosition, container: container, table: table, col: col, row: row}) {
         this.container = container, this.table = table, this.col = col, this.row = row;

package/es/input-editor.js.map

@@ -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  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    const pasteHandler: EventListener = (e: Event) => {\n      const pasteEvent = e as ClipboardEvent;\n      // 在prepare阶段（opacity为'0'时）禁止粘贴\n      if (this.element.style.opacity === '0') {\n        pasteEvent.preventDefault();\n      }\n    };\n    input.addEventListener('paste', pasteHandler);\n    this.eventHandlers.push({ type: 'paste', handler: pasteHandler });\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"]}
+{"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    const pasteHandler: EventListener = (e: Event) => {\n      const pasteEvent = e as ClipboardEvent;\n      // 在prepare阶段（opacity为'0'时）禁止粘贴\n      if (this.element.style.opacity === '0') {\n        pasteEvent.preventDefault();\n      }\n    };\n    input.addEventListener('paste', pasteHandler);\n    this.eventHandlers.push({ type: 'paste', handler: pasteHandler });\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/list-editor.js

@@ -22,7 +22,8 @@ export class ListEditor {
     }
     setValue(value) {}
     getValue() {
-        return this.element.value;
+        var _a;
+        return null === (_a = this.element) || void 0 === _a ? void 0 : _a.value;
     }
     onStart({container: container, value: value, referencePosition: referencePosition, endEdit: endEdit}) {
         this.container = container, this.successCallback = endEdit, this.createElement(value), 

package/es/list-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/list-editor.ts"],"names":[],"mappings":"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","file":"list-editor.js","sourcesContent":["import type { EditContext, IEditor, Placement, RectProps } from './types';\nexport interface ListEditorConfig {\n  values: string[];\n}\n\nexport class ListEditor implements IEditor {\n  editorType: string = 'Input';\n  input?: HTMLInputElement;\n  editorConfig?: ListEditorConfig;\n  container?: HTMLElement;\n  element?: HTMLSelectElement;\n  successCallback?: () => void;\n\n  constructor(editorConfig: ListEditorConfig) {\n    this.editorConfig = editorConfig;\n  }\n\n  createElement(value: string) {\n    // create select tag\n    const select = document.createElement('select');\n    select.setAttribute('type', 'text');\n    select.style.position = 'absolute';\n    select.style.padding = '4px';\n    select.style.width = '100%';\n    select.style.boxSizing = 'border-box';\n    select.style.backgroundColor = '#FFFFFF';\n    select.style.borderRadius = '0px';\n    select.style.border = '2px solid #d9d9d9';\n    // #region 为了保证input在focus时，没有圆角\n    select.addEventListener('focus', () => {\n      select.style.borderColor = '#4A90E2';\n      select.style.outline = 'none';\n    });\n\n    select.addEventListener('blur', () => {\n      select.style.borderColor = '#d9d9d9';\n      // input.style.boxShadow = 'none';\n    });\n\n    this.element = select;\n\n    // create option tags\n    const { values } = this.editorConfig;\n    let opsStr = '';\n    values.forEach(item => {\n      opsStr +=\n        item === value\n          ? `<option value=\"${item}\" selected>${item}</option>`\n          : `<option value=\"${item}\" >${item}</option>`;\n    });\n    select.innerHTML = opsStr;\n\n    this.container.appendChild(select);\n    // this._bindSelectChangeEvent();\n  }\n\n  _bindSelectChangeEvent() {\n    this.element.addEventListener('change', () => {\n      // this.successCallback();\n    });\n  }\n\n  setValue(value: string) {\n    // do nothing\n  }\n\n  getValue() {\n    return this.element.value;\n  }\n\n  onStart({ container, value, referencePosition, endEdit }: EditContext) {\n    this.container = container;\n    this.successCallback = endEdit;\n\n    this.createElement(value);\n\n    if (value !== undefined && value !== null) {\n      this.setValue(value);\n    }\n    if (referencePosition?.rect) {\n      this.adjustPosition(referencePosition.rect);\n    }\n    this.element.focus();\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    this.container.removeChild(this.element);\n  }\n\n  isEditorElement(target: HTMLElement) {\n    return target === this.element;\n  }\n}\n"]}
+{"version":3,"sources":["../src/list-editor.ts"],"names":[],"mappings":"AAKA,MAAM,OAAO,UAAU;IAQrB,YAAY,YAA8B;QAP1C,eAAU,GAAW,OAAO,CAAC;QAQ3B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED,aAAa,CAAC,KAAa;QAEzB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC5B,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;QACtC,MAAM,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAC;QAE1C,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACpC,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;YACrC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;YACnC,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;QAEvC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QAGtB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;QACrC,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACpB,MAAM;gBACJ,IAAI,KAAK,KAAK;oBACZ,CAAC,CAAC,kBAAkB,IAAI,cAAc,IAAI,WAAW;oBACrD,CAAC,CAAC,kBAAkB,IAAI,MAAM,IAAI,WAAW,CAAC;QACpD,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAErC,CAAC;IAED,sBAAsB;QACpB,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;QAE7C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,KAAa;IAEtB,CAAC;IAED,QAAQ;;QACN,OAAO,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAC;IAC7B,CAAC;IAED,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAe;QACnE,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;QAE/B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;YACzC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACtB;QACD,IAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,EAAE;YAC3B,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;SAC7C;QACD,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;IAED,cAAc,CAAC,IAAe;QAE5B,MAAM,WAAW,GAAG,CAAC,CAAC;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,WAAW,GAAG,CAAC,CAAC;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QACvC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC;QAEzC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;QACpC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC;QACxC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5C,CAAC;IAED,UAAU;IAEV,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED,eAAe,CAAC,MAAmB;QACjC,OAAO,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC;IACjC,CAAC;CACF","file":"list-editor.js","sourcesContent":["import type { EditContext, IEditor, Placement, RectProps } from './types';\nexport interface ListEditorConfig {\n  values: string[];\n}\n\nexport class ListEditor implements IEditor {\n  editorType: string = 'Input';\n  input?: HTMLInputElement;\n  editorConfig?: ListEditorConfig;\n  container?: HTMLElement;\n  element?: HTMLSelectElement;\n  successCallback?: () => void;\n\n  constructor(editorConfig: ListEditorConfig) {\n    this.editorConfig = editorConfig;\n  }\n\n  createElement(value: string) {\n    // create select tag\n    const select = document.createElement('select');\n    select.setAttribute('type', 'text');\n    select.style.position = 'absolute';\n    select.style.padding = '4px';\n    select.style.width = '100%';\n    select.style.boxSizing = 'border-box';\n    select.style.backgroundColor = '#FFFFFF';\n    select.style.borderRadius = '0px';\n    select.style.border = '2px solid #d9d9d9';\n    // #region 为了保证input在focus时，没有圆角\n    select.addEventListener('focus', () => {\n      select.style.borderColor = '#4A90E2';\n      select.style.outline = 'none';\n    });\n\n    select.addEventListener('blur', () => {\n      select.style.borderColor = '#d9d9d9';\n      // input.style.boxShadow = 'none';\n    });\n\n    this.element = select;\n\n    // create option tags\n    const { values } = this.editorConfig;\n    let opsStr = '';\n    values.forEach(item => {\n      opsStr +=\n        item === value\n          ? `<option value=\"${item}\" selected>${item}</option>`\n          : `<option value=\"${item}\" >${item}</option>`;\n    });\n    select.innerHTML = opsStr;\n\n    this.container.appendChild(select);\n    // this._bindSelectChangeEvent();\n  }\n\n  _bindSelectChangeEvent() {\n    this.element.addEventListener('change', () => {\n      // this.successCallback();\n    });\n  }\n\n  setValue(value: string) {\n    // do nothing\n  }\n\n  getValue() {\n    return this.element?.value;\n  }\n\n  onStart({ container, value, referencePosition, endEdit }: EditContext) {\n    this.container = container;\n    this.successCallback = endEdit;\n\n    this.createElement(value);\n\n    if (value !== undefined && value !== null) {\n      this.setValue(value);\n    }\n    if (referencePosition?.rect) {\n      this.adjustPosition(referencePosition.rect);\n    }\n    this.element.focus();\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    this.container.removeChild(this.element);\n  }\n\n  isEditorElement(target: HTMLElement) {\n    return target === this.element;\n  }\n}\n"]}

package/es/textArea-editor.js

@@ -22,7 +22,8 @@ export class TextAreaEditor {
         this.element.value = void 0 !== value ? value : "";
     }
     getValue() {
-        return this.element.value;
+        var _a;
+        return null === (_a = this.element) || void 0 === _a ? void 0 : _a.value;
     }
     onStart({value: value, referencePosition: referencePosition, container: container, endEdit: endEdit}) {
         this.container = container, this.successCallback = endEdit, this.element || (this.createElement(), 

package/es/textArea-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/textArea-editor.ts"],"names":[],"mappings":"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","file":"textArea-editor.js","sourcesContent":["import type { EditContext, IEditor, RectProps } from './types';\n\nexport interface TextAreaEditorConfig {\n  readonly?: boolean;\n}\n\nexport class TextAreaEditor implements IEditor {\n  editorType: string = 'TextArea';\n  editorConfig: TextAreaEditorConfig;\n  container: HTMLElement;\n  successCallback?: () => void;\n  element?: HTMLTextAreaElement;\n\n  constructor(editorConfig?: TextAreaEditorConfig) {\n    this.editorConfig = editorConfig || {};\n  }\n\n  createElement() {\n    const input = document.createElement('textArea') as HTMLTextAreaElement;\n    if (this.editorConfig?.readonly) {\n      input.setAttribute('readonly', `${this.editorConfig.readonly}`);\n    }\n    input.style.resize = 'none';\n    input.style.position = 'absolute';\n    input.style.padding = '4px';\n    input.style.width = '100%';\n    input.style.height = '100%';\n    input.style.boxSizing = 'border-box';\n    input.style.backgroundColor = '#FFFFFF';\n\n    input.style.borderRadius = '0px';\n    input.style.border = '2px solid #d9d9d9';\n\n    // #region 为了保证input在focus时，没有圆角\n    input.addEventListener('focus', () => {\n      input.style.borderColor = '#4A90E2';\n      input.style.outline = 'none';\n    });\n\n    input.addEventListener('blur', () => {\n      input.style.borderColor = '#d9d9d9';\n      // input.style.boxShadow = 'none';\n      input.style.outline = 'none';\n    });\n\n    this.element = input;\n    this.container.appendChild(input);\n\n    // 监听键盘事件\n    input.addEventListener('keydown', (e: KeyboardEvent) => {\n      const _isSelectAll = e.key === 'a' && (e.ctrlKey || e.metaKey);\n      const _isTextAreaNewLine = e.key === 'Enter' && e.shiftKey;\n      if (_isSelectAll || _isTextAreaNewLine) {\n        // 阻止冒泡  防止处理成表格全选事件\n        e.stopPropagation();\n      }\n    });\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  onStart({ value, referencePosition, container, endEdit }: EditContext<string>) {\n    this.container = container;\n    this.successCallback = endEdit;\n    if (!this.element) {\n      this.createElement();\n\n      if (value !== undefined && value !== null) {\n        this.setValue(value);\n      }\n      if (referencePosition?.rect) {\n        this.adjustPosition(referencePosition.rect);\n      }\n    }\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    this.container.removeChild(this.element);\n    this.element = undefined;\n  }\n\n  isEditorElement(target: HTMLElement) {\n    return target === this.element;\n  }\n}\n"]}
+{"version":3,"sources":["../src/textArea-editor.ts"],"names":[],"mappings":"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","file":"textArea-editor.js","sourcesContent":["import type { EditContext, IEditor, RectProps } from './types';\n\nexport interface TextAreaEditorConfig {\n  readonly?: boolean;\n}\n\nexport class TextAreaEditor implements IEditor {\n  editorType: string = 'TextArea';\n  editorConfig: TextAreaEditorConfig;\n  container: HTMLElement;\n  successCallback?: () => void;\n  element?: HTMLTextAreaElement;\n\n  constructor(editorConfig?: TextAreaEditorConfig) {\n    this.editorConfig = editorConfig || {};\n  }\n\n  createElement() {\n    const input = document.createElement('textArea') as HTMLTextAreaElement;\n    if (this.editorConfig?.readonly) {\n      input.setAttribute('readonly', `${this.editorConfig.readonly}`);\n    }\n    input.style.resize = 'none';\n    input.style.position = 'absolute';\n    input.style.padding = '4px';\n    input.style.width = '100%';\n    input.style.height = '100%';\n    input.style.boxSizing = 'border-box';\n    input.style.backgroundColor = '#FFFFFF';\n\n    input.style.borderRadius = '0px';\n    input.style.border = '2px solid #d9d9d9';\n\n    // #region 为了保证input在focus时，没有圆角\n    input.addEventListener('focus', () => {\n      input.style.borderColor = '#4A90E2';\n      input.style.outline = 'none';\n    });\n\n    input.addEventListener('blur', () => {\n      input.style.borderColor = '#d9d9d9';\n      // input.style.boxShadow = 'none';\n      input.style.outline = 'none';\n    });\n\n    this.element = input;\n    this.container.appendChild(input);\n\n    // 监听键盘事件\n    input.addEventListener('keydown', (e: KeyboardEvent) => {\n      const _isSelectAll = e.key === 'a' && (e.ctrlKey || e.metaKey);\n      const _isTextAreaNewLine = e.key === 'Enter' && e.shiftKey;\n      if (_isSelectAll || _isTextAreaNewLine) {\n        // 阻止冒泡  防止处理成表格全选事件\n        e.stopPropagation();\n      }\n    });\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  onStart({ value, referencePosition, container, endEdit }: EditContext<string>) {\n    this.container = container;\n    this.successCallback = endEdit;\n    if (!this.element) {\n      this.createElement();\n\n      if (value !== undefined && value !== null) {\n        this.setValue(value);\n      }\n      if (referencePosition?.rect) {\n        this.adjustPosition(referencePosition.rect);\n      }\n    }\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    this.container.removeChild(this.element);\n    this.element = undefined;\n  }\n\n  isEditorElement(target: HTMLElement) {\n    return target === this.element;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable-editors",
-  "version": "1.23.1",
+  "version": "1.23.2",
   "description": "",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -41,8 +41,8 @@
     "tslib": "2.3.1",
     "tslint": "5.12.1",
     "@internal/bundler": "0.0.1",
-    "@internal/ts-config": "0.0.1",
-    "@internal/eslint-config": "0.0.1"
+    "@internal/eslint-config": "0.0.1",
+    "@internal/ts-config": "0.0.1"
   },
   "publishConfig": {
     "access": "public"