vxe-table 3.8.20 → 3.8.22

package/lib/vxe-tooltip/style/style.css

@@ -2,6 +2,7 @@
 /*size*/
 /*icon*/
 /*color*/
+/*layout*/
 /*input/radio/checkbox*/
 /*popup*/
 /*table*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "3.8.20",
+  "version": "3.8.22",
   "description": "一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟树、列拖拽，懒加载、快捷菜单、数据校验、树形结构、打印导出、自定义模板、渲染器、JSON 配置式...",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/edit/src/mixin.js

@@ -623,10 +623,10 @@ export default {
         let autoSelect = editRender.autoSelect || editRender.autoselect
         let inputElem
         if (!autoFocus && compRender) {
-          autoFocus = compRender.tableAutoFocus || compRender.tableAutofocus || compRender.autofocus
+          autoFocus = compRender.tableAutoFocus || compRender.tableAutofocus || compRender.autoFocus || compRender.autofocus
         }
         if (!autoSelect && compRender) {
-          autoSelect = compRender.tableAutoSelect || compRender.autoselect
+          autoSelect = compRender.tableAutoSelect || compRender.autoSelect || compRender.autoselect
         }
         // 如果指定了聚焦 class
         if (XEUtils.isFunction(autoFocus)) {

package/packages/export/src/mixin.js

@@ -166,7 +166,7 @@ function getLabelData ($xetable, opts, columns, datas) {
       if (!exportLabelMethod && renderOpts && renderOpts.name) {
         const compConf = VXETable.renderer.get(renderOpts.name)
         if (compConf) {
-          exportLabelMethod = compConf.exportMethod || compConf.cellExportMethod
+          exportLabelMethod = compConf.tableExportMethod || compConf.exportMethod || compConf.cellExportMethod
         }
       }
       if (exportLabelMethod) {

package/packages/locale/lang/en-US.js

@@ -80,6 +80,7 @@ export default {
     },
     pager: {
       goto: 'Go to',
+      gotoTitle: 'Number',
       pagesize: '{0}/page',
       total: 'Total {0} record',
       pageClassifier: '',

package/packages/locale/lang/es-ES.js

@@ -80,6 +80,7 @@ export default {
     },
     pager: {
       goto: 'Ir a',
+      gotoTitle: 'Number',
       pagesize: '{0}/página',
       total: 'Total {0} registro',
       pageClassifier: '',

package/packages/locale/lang/ja-JP.js

@@ -80,6 +80,7 @@ export default {
     },
     pager: {
       goto: '移動',
+      gotoTitle: '页数',
       pagesize: '{0}件/ページ',
       total: '全 {0} 件',
       pageClassifier: 'ページ',

package/packages/locale/lang/pt-BR.js

@@ -80,6 +80,7 @@ export default {
     },
     pager: {
       goto: 'Ir para',
+      gotoTitle: 'Number',
       pagesize: '{0}/página',
       total: 'Total de {0} registros',
       pageClassifier: '',

package/packages/locale/lang/zh-CN.js

@@ -80,6 +80,7 @@ export default {
     },
     pager: {
       goto: '前往',
+      gotoTitle: '页数',
       pagesize: '{0}条/页',
       total: '共 {0} 条记录',
       pageClassifier: '页',

package/packages/locale/lang/zh-TC.js

@@ -80,6 +80,7 @@ export default {
     },
     pager: {
       goto: '前往',
+      gotoTitle: '页数',
       pagesize: '{0}項/頁',
       total: '共 {0} 項記錄',
       pageClassifier: '頁',

package/packages/pager/src/pager.js

@@ -298,17 +298,21 @@ export default {
         isFull ? h('span', {
           class: 'vxe-pager--goto-text'
         }, GlobalConfig.i18n('vxe.pager.goto')) : null,
-        h('input', {
+        h('vxe-input', {
           class: 'vxe-pager--goto',
-          domProps: {
-            value: this.inpCurrPage
-          },
-          attrs: {
-            type: 'text',
-            autocomplete: 'off'
+          props: {
+            value: this.inpCurrPage,
+            placeholder: GlobalConfig.i18n('vxe.pager.gotoTitle'),
+            align: 'center',
+            type: 'integer',
+            max: this.pageCount,
+            min: 1,
+            controls: false
           },
           on: {
-            input: this.jumpInputEvent,
+            modelValue: (val) => {
+              this.inpCurrPage = val
+            },
             keydown: this.jumpKeydownEvent,
             blur: this.triggerJumpEvent
           }
@@ -448,25 +452,24 @@ export default {
       this.$emit('update:pageSize', pageSize)
       this.$emit('page-change', { type: 'size', pageSize, currentPage })
     },
-    jumpInputEvent (evnt) {
-      this.inpCurrPage = evnt.target.value
-    },
-    jumpKeydownEvent (evnt) {
-      if (evnt.keyCode === 13) {
-        this.triggerJumpEvent(evnt)
-      } else if (evnt.keyCode === 38) {
-        evnt.preventDefault()
+    jumpKeydownEvent (params) {
+      const { $event } = params
+      if ($event.keyCode === 13) {
+        this.triggerJumpEvent(params)
+      } else if ($event.keyCode === 38) {
+        $event.preventDefault()
         this.nextPage()
-      } else if (evnt.keyCode === 40) {
-        evnt.preventDefault()
+      } else if ($event.keyCode === 40) {
+        $event.preventDefault()
         this.prevPage()
       }
     },
-    triggerJumpEvent (evnt) {
-      const value = XEUtils.toInteger(evnt.target.value)
+    triggerJumpEvent (params) {
+      const { $event } = params
+      const value = XEUtils.toInteger($event.target.value)
       const current = value <= 0 ? 1 : value >= this.pageCount ? this.pageCount : value
       const currPage = XEUtils.toValueString(current)
-      evnt.target.value = currPage
+      $event.target.value = currPage
       this.inpCurrPage = currPage
       this.jumpPage(current)
     }

package/packages/table/src/header.js

@@ -117,6 +117,7 @@ export default {
           }, cols.map((column, $columnIndex) => {
             const { type, showHeaderOverflow, headerAlign, align, headerClassName } = column
             // const { enabled } = tooltipOpts
+            const colid = column.id
             const isColGroup = column.children && column.children.length
             const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX
             const headOverflow = XEUtils.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow
@@ -145,7 +146,7 @@ export default {
               thOns.mousedown = evnt => $xetable.triggerHeaderCellMousedownEvent(evnt, params)
             }
             return h('th', {
-              class: ['vxe-header--column', column.id, {
+              class: ['vxe-header--column', colid, {
                 [`col--${headAlign}`]: headAlign,
                 [`col--${type}`]: type,
                 'col--last': $columnIndex === cols.length - 1,
@@ -159,13 +160,13 @@ export default {
                 'col--current': currentColumn === column
               }, UtilTools.getClass(headerClassName, params), UtilTools.getClass(headerCellClassName, params)],
               attrs: {
-                colid: column.id,
+                colid,
                 colspan: column.colSpan > 1 ? column.colSpan : null,
                 rowspan: column.rowSpan > 1 ? column.rowSpan : null
               },
               style: headerCellStyle ? (XEUtils.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle) : null,
               on: thOns,
-              key: columnKey || columnOpts.useKey || isColGroup ? column.id : $columnIndex
+              key: columnKey || columnOpts.useKey || isColGroup ? colid : $columnIndex
             }, [
               h('div', {
                 class: ['vxe-cell', {

package/packages/table/src/methods.js

@@ -2761,7 +2761,7 @@ const Methods = {
         const isUpArrow = keyCode === 38
         const isRightArrow = keyCode === 39
         const isDwArrow = keyCode === 40
-        const isDel = keyCode === 46
+        const hasDeleteKey = keyCode === 46
         const isF2 = keyCode === 113
         const isContextMenu = keyCode === 93
         const hasMetaKey = evnt.metaKey
@@ -2772,6 +2772,7 @@ const Methods = {
         const operCtxMenu = isCtxMenu && ctxMenuStore.visible && (isEnter || isSpacebar || operArrow)
         const isEditStatus = isEnableConf(editConfig) && actived.column && actived.row
         const childrenField = treeOpts.children || treeOpts.childrenField
+        const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod
         let params
         if (filterStore.visible) {
           if (isEsc) {
@@ -2872,9 +2873,32 @@ const Methods = {
           } else if (actived.row || actived.column) {
             this.moveTabSelected(actived.args, hasShiftKey, evnt)
           }
-        } else if (keyboardConfig && (treeConfig || isEnableConf(editConfig)) && (isDel || (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow ? hasBackspaceKey && keyboardOpts.isArrow : hasBackspaceKey))) {
+        } else if (keyboardConfig && keyboardOpts.isDel && hasDeleteKey && isEnableConf(editConfig) && (selected.row || selected.column)) {
+          // 如果是删除键
           if (!isEditStatus) {
-            const { delMethod, backMethod } = keyboardOpts
+            const { delMethod } = keyboardOpts
+            const delPaqrams = {
+              row: selected.row,
+              rowIndex: this.getRowIndex(selected.row),
+              column: selected.column,
+              columnIndex: this.getColumnIndex(selected.column),
+              $table: this
+            }
+            // 是否被禁用
+            if (!beforeEditMethod || beforeEditMethod(params)) {
+              if (delMethod) {
+                delMethod(delPaqrams)
+              } else {
+                setCellValue(selected.row, selected.column, null)
+              }
+              // 如果按下 del 键，更新表尾数据
+              this.updateFooter()
+              this.emitEvent('cell-delete-value', delPaqrams, evnt)
+            }
+          }
+        } else if (hasBackspaceKey && keyboardConfig && keyboardOpts.isBack && isEnableConf(editConfig) && (selected.row || selected.column)) {
+          if (!isEditStatus) {
+            const { backMethod } = keyboardOpts
             // 如果是删除键
             if (keyboardOpts.isDel && isEnableConf(editConfig) && (selected.row || selected.column)) {
               const delPaqrams = {
@@ -2884,12 +2908,8 @@ const Methods = {
                 columnIndex: this.getColumnIndex(selected.column),
                 $table: this
               }
-              if (delMethod) {
-                delMethod(delPaqrams)
-              } else {
-                setCellValue(selected.row, selected.column, null)
-              }
-              if (hasBackspaceKey) {
+              // 是否被禁用
+              if (!beforeEditMethod || beforeEditMethod(params)) {
                 if (backMethod) {
                   backMethod({
                     row: selected.row,
@@ -2899,25 +2919,28 @@ const Methods = {
                     $table: this
                   })
                 } else {
+                  setCellValue(selected.row, selected.column, null)
                   this.handleActived(selected.args, evnt)
                 }
-              } else if (isDel) {
-                // 如果按下 del 键，更新表尾数据
-                this.updateFooter()
-              }
-              this.emitEvent('cell-delete-value', delPaqrams, evnt)
-            } else if (hasBackspaceKey && keyboardOpts.isArrow && treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
-              // 如果树形表格回退键关闭当前行返回父节点
-              const { parent: parentRow } = XEUtils.findTree(this.afterFullData, item => item === currentRow, { children: childrenField })
-              if (parentRow) {
-                evnt.preventDefault()
-                params = { $table: this, row: parentRow }
-                this.setTreeExpand(parentRow, false)
-                  .then(() => this.scrollToRow(parentRow))
-                  .then(() => this.triggerCurrentRowEvent(evnt, params))
+                this.emitEvent('cell-backspace-value', delPaqrams, evnt)
               }
             }
           }
+        } else if (hasBackspaceKey && keyboardConfig && treeConfig && keyboardOpts.isBack && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
+          // 如果树形表格回退键关闭当前行返回父节点
+          const { parent: parentRow } = XEUtils.findTree(this.afterTreeFullData, item => item === currentRow, { children: childrenField })
+          if (parentRow) {
+            evnt.preventDefault()
+            params = {
+              $table: this,
+              row: parentRow,
+              rowIndex: this.getRowIndex(parentRow),
+              $rowIndex: this.getVMRowIndex(parentRow)
+            }
+            this.setTreeExpand(parentRow, false)
+              .then(() => this.scrollToRow(parentRow))
+              .then(() => this.triggerCurrentRowEvent(evnt, params))
+          }
         } else if (keyboardConfig && keyboardOpts.isEdit && !hasCtrlKey && !hasMetaKey && (isSpacebar || (keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 96 && keyCode <= 111) || (keyCode >= 186 && keyCode <= 192) || (keyCode >= 219 && keyCode <= 222))) {
           const { editMethod } = keyboardOpts
           // 启用编辑后，空格键功能将失效

package/packages/v-x-e-table/src/renderer.js

@@ -665,25 +665,25 @@ function oldFormItemRadioAndCheckboxRender (h, renderOpts, params) {
  */
 const renderMap = {
   input: {
-    autoFocus: 'input',
-    renderEdit: nativeEditRender,
-    renderDefault: nativeEditRender,
-    renderFilter: nativeFilterRender,
-    defaultFilterMethod: handleInputFilterMethod,
-    renderItemContent: nativeItemRender
+    tableAutofocus: 'input',
+    renderTableEdit: nativeEditRender,
+    renderTableDefault: nativeEditRender,
+    renderTableFilter: nativeFilterRender,
+    defaultTableFilterMethod: handleInputFilterMethod,
+    renderFormItemContent: nativeItemRender
   },
   textarea: {
-    autoFocus: 'textarea',
-    renderEdit: nativeEditRender,
-    renderItemContent: nativeItemRender
+    tableAutofocus: 'textarea',
+    renderTableEdit: nativeEditRender,
+    renderFormItemContent: nativeItemRender
   },
   select: {
-    renderEdit: nativeSelectEditRender,
-    renderDefault: nativeSelectEditRender,
-    renderCell (h, renderOpts, params) {
+    renderTableEdit: nativeSelectEditRender,
+    renderTableDefault: nativeSelectEditRender,
+    renderTableCell (h, renderOpts, params) {
       return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params))
     },
-    renderFilter (h, renderOpts, params) {
+    renderTableFilter (h, renderOpts, params) {
       const { column } = params
       return column.filters.map((option, oIndex) => {
         return h('select', {
@@ -695,8 +695,8 @@ const renderMap = {
         renderOpts.optionGroups ? renderNativeOptgroups(h, renderOpts, params, renderNativeOptions) : renderNativeOptions(h, renderOpts.options, renderOpts, params))
       })
     },
-    defaultFilterMethod: handleFilterMethod,
-    renderItemContent (h, renderOpts, params) {
+    defaultTableFilterMethod: handleFilterMethod,
+    renderFormItemContent (h, renderOpts, params) {
       return [
         h('select', {
           class: 'vxe-default-select',
@@ -706,12 +706,12 @@ const renderMap = {
         renderOpts.optionGroups ? renderNativeOptgroups(h, renderOpts, params, renderNativeFormOptions) : renderNativeFormOptions(h, renderOpts.options, renderOpts, params))
       ]
     },
-    cellExportMethod: handleExportSelectMethod
+    tableExportMethod: handleExportSelectMethod
   },
   VxeInput: {
-    autoFocus: '.vxe-input--inner',
-    renderEdit: defaultEditRender,
-    renderCell (h, renderOpts, params) {
+    tableAutofocus: '.vxe-input--inner',
+    renderTableEdit: defaultEditRender,
+    renderTableCell (h, renderOpts, params) {
       const { props = {} } = renderOpts
       const { row, column } = params
       const digits = props.digits || GlobalConfig.input.digits
@@ -732,22 +732,22 @@ const renderMap = {
       }
       return getCellLabelVNs(h, renderOpts, params, cellValue)
     },
-    renderDefault: defaultEditRender,
-    renderFilter: defaultFilterRender,
-    defaultFilterMethod: handleInputFilterMethod,
-    renderItemContent: defaultItemRender
+    renderTableDefault: defaultEditRender,
+    renderTableFilter: defaultFilterRender,
+    defaultTableFilterMethod: handleInputFilterMethod,
+    renderFormItemContent: defaultItemRender
   },
   VxeTextarea: {
-    autoFocus: '.vxe-textarea--inner',
-    renderItemContent: defaultItemRender
+    tableAutofocus: '.vxe-textarea--inner',
+    renderFormItemContent: defaultItemRender
   },
   VxeButton: {
-    renderDefault: defaultCellRender,
-    renderItemContent: defaultFormItemRender
+    renderTableDefault: defaultCellRender,
+    renderFormItemContent: defaultFormItemRender
   },
   VxeButtonGroup: {
-    renderDefault: defaultCellRender,
-    renderItemContent (h, renderOpts, params) {
+    renderTableDefault: defaultCellRender,
+    renderFormItemContent (h, renderOpts, params) {
       const { options } = renderOpts
       const { data, property } = params
       const itemValue = XEUtils.get(data, property)
@@ -761,13 +761,13 @@ const renderMap = {
     }
   },
   VxeSelect: {
-    autoFocus: '.vxe-input--inner',
-    renderEdit: defaultSelectEditRender,
-    renderDefault: defaultSelectEditRender,
-    renderCell (h, renderOpts, params) {
+    tableAutofocus: '.vxe-input--inner',
+    renderTableEdit: defaultSelectEditRender,
+    renderTableDefault: defaultSelectEditRender,
+    renderTableCell (h, renderOpts, params) {
       return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params))
     },
-    renderFilter (h, renderOpts, params) {
+    renderTableFilter (h, renderOpts, params) {
       const { column } = params
       const { options, optionProps, optionGroups, optionGroupProps } = renderOpts
       const nativeOn = getNativeOns(renderOpts, params)
@@ -781,8 +781,8 @@ const renderMap = {
         })
       })
     },
-    defaultFilterMethod: handleFilterMethod,
-    renderItemContent (h, renderOpts, params) {
+    defaultTableFilterMethod: handleFilterMethod,
+    renderFormItemContent (h, renderOpts, params) {
       const { data, property } = params
       const { options, optionProps, optionGroups, optionGroupProps } = renderOpts
       const itemValue = XEUtils.get(data, property)
@@ -794,36 +794,36 @@ const renderMap = {
         })
       ]
     },
-    cellExportMethod: handleExportSelectMethod
+    tableExportMethod: handleExportSelectMethod
   },
   VxeRadio: {
-    autoFocus: '.vxe-radio--input',
-    renderItemContent: defaultFormItemRender
+    tableAutofocus: '.vxe-radio--input',
+    renderFormItemContent: defaultFormItemRender
   },
   VxeRadioGroup: {
-    autoFocus: '.vxe-radio--input',
-    renderItemContent: formItemRadioAndCheckboxRender
+    tableAutofocus: '.vxe-radio--input',
+    renderFormItemContent: formItemRadioAndCheckboxRender
   },
   VxeCheckbox: {
-    autoFocus: '.vxe-checkbox--input',
-    renderItemContent: defaultFormItemRender
+    tableAutofocus: '.vxe-checkbox--input',
+    renderFormItemContent: defaultFormItemRender
   },
   VxeCheckboxGroup: {
-    autoFocus: '.vxe-checkbox--input',
-    renderItemContent: formItemRadioAndCheckboxRender
+    tableAutofocus: '.vxe-checkbox--input',
+    renderFormItemContent: formItemRadioAndCheckboxRender
   },
   VxeSwitch: {
-    autoFocus: '.vxe-switch--button',
-    renderEdit: defaultEditRender,
-    renderDefault: defaultEditRender,
-    renderItemContent: defaultItemRender
+    tableAutofocus: '.vxe-switch--button',
+    renderTableEdit: defaultEditRender,
+    renderTableDefault: defaultEditRender,
+    renderFormItemContent: defaultItemRender
   },
 
   // 以下已废弃
   $input: {
-    autoFocus: '.vxe-input--inner',
-    renderEdit: oldEditRender,
-    renderCell (h, renderOpts, params) {
+    tableAutofocus: '.vxe-input--inner',
+    renderTableEdit: oldEditRender,
+    renderTableCell (h, renderOpts, params) {
       const { props = {} } = renderOpts
       const { row, column } = params
       const digits = props.digits || GlobalConfig.input.digits
@@ -843,31 +843,31 @@ const renderMap = {
       }
       return getCellLabelVNs(h, renderOpts, params, cellValue)
     },
-    renderDefault: oldEditRender,
-    renderFilter: oldFilterRender,
-    defaultFilterMethod: handleInputFilterMethod,
-    renderItemContent: oldItemRender
+    renderTableDefault: oldEditRender,
+    renderTableFilter: oldFilterRender,
+    defaultTableFilterMethod: handleInputFilterMethod,
+    renderFormItemContent: oldItemRender
   },
   $textarea: {
-    autoFocus: '.vxe-textarea--inner',
-    renderItemContent: oldItemRender
+    tableAutofocus: '.vxe-textarea--inner',
+    renderFormItemContent: oldItemRender
   },
   $button: {
-    renderDefault: oldButtonEditRender,
-    renderItemContent: oldButtonItemRender
+    renderTableDefault: oldButtonEditRender,
+    renderFormItemContent: oldButtonItemRender
   },
   $buttons: {
-    renderDefault: oldButtonsEditRender,
-    renderItemContent: oldButtonsItemRender
+    renderTableDefault: oldButtonsEditRender,
+    renderFormItemContent: oldButtonsItemRender
   },
   $select: {
-    autoFocus: '.vxe-input--inner',
-    renderEdit: oldSelectEditRender,
-    renderDefault: oldSelectEditRender,
-    renderCell (h, renderOpts, params) {
+    tableAutofocus: '.vxe-input--inner',
+    renderTableEdit: oldSelectEditRender,
+    renderTableDefault: oldSelectEditRender,
+    renderTableCell (h, renderOpts, params) {
       return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params))
     },
-    renderFilter (h, renderOpts, params) {
+    renderTableFilter (h, renderOpts, params) {
       const { column } = params
       const { options, optionProps, optionGroups, optionGroupProps } = renderOpts
       const nativeOn = getNativeOns(renderOpts, params)
@@ -881,8 +881,8 @@ const renderMap = {
         })
       })
     },
-    defaultFilterMethod: handleFilterMethod,
-    renderItemContent (h, renderOpts, params) {
+    defaultTableFilterMethod: handleFilterMethod,
+    renderFormItemContent (h, renderOpts, params) {
       const { data, property } = params
       const { options, optionProps, optionGroups, optionGroupProps } = renderOpts
       const itemValue = XEUtils.get(data, property)
@@ -894,21 +894,21 @@ const renderMap = {
         })
       ]
     },
-    cellExportMethod: handleExportSelectMethod
+    tableExportMethod: handleExportSelectMethod
   },
   $radio: {
-    autoFocus: '.vxe-radio--input',
-    renderItemContent: oldFormItemRadioAndCheckboxRender
+    tableAutofocus: '.vxe-radio--input',
+    renderFormItemContent: oldFormItemRadioAndCheckboxRender
   },
   $checkbox: {
-    autoFocus: '.vxe-checkbox--input',
-    renderItemContent: oldFormItemRadioAndCheckboxRender
+    tableAutofocus: '.vxe-checkbox--input',
+    renderFormItemContent: oldFormItemRadioAndCheckboxRender
   },
   $switch: {
-    autoFocus: '.vxe-switch--button',
-    renderEdit: oldEditRender,
-    renderDefault: oldEditRender,
-    renderItemContent: oldItemRender
+    tableAutofocus: '.vxe-switch--button',
+    renderTableEdit: oldEditRender,
+    renderTableDefault: oldEditRender,
+    renderFormItemContent: oldItemRender
   }
   // 以上已废弃
 }

package/styles/button.scss

@@ -262,6 +262,7 @@ $btnThemeList: (
 }
 .vxe-button--dropdown {
   position: relative;
+  outline: 0;
   &+.vxe-button-wrapper,
   &+.vxe-button.type--button,
   &+.vxe-button--dropdown {

package/styles/custom.scss

@@ -100,6 +100,7 @@
   flex-grow: 1;
   overflow-x: hidden;
   overflow-y: auto;
+  outline: 0;
 }
 
 .vxe-table-custom--header,
@@ -221,6 +222,7 @@
 .vxe-table-custom-popup--body {
   overflow: auto;
   height: 100%;
+  outline: 0;
 }
 
 .vxe-table-custom-popup--table-wrapper {

package/styles/grid.scss

@@ -42,6 +42,7 @@
   .vxe-grid--right-wrapper {
     flex-shrink: 0;
     overflow: auto;
+    outline: 0;
   }
   .vxe-grid--table-wrapper {
     flex-grow: 1;

package/styles/input.scss

@@ -86,10 +86,10 @@ $iconWidth: 1.6em;
   top: 1px;
   right: 0.5em;
   height: calc(100% - 2px);
-  color: var($vxe-input-count-color);
-  background-color: var($vxe-input-count-background-color);
+  color: $vxe-input-count-color;
+  background-color: $vxe-input-count-background-color;
   &.is--error {
-    color: var($vxe-input-count-error-color);
+    color: $vxe-input-count-error-color;
   }
 }
 

package/styles/modal.scss

@@ -12,6 +12,7 @@
   color: $vxe-font-color;
   font-family: $vxe-font-family;
   transition: top .4s ease-in-out;
+  outline: 0;
   &.is--active {
     display: block;
   }
@@ -166,6 +167,7 @@
     text-align: left;
     pointer-events: auto;
     opacity: 0;
+    outline: 0;
     &.is--drag {
       cursor: move;
      .vxe-modal--body,
@@ -231,6 +233,7 @@
   .vxe-modal--body {
     display: flex;
     flex-grow: 1;
+    outline: 0;
   }
   .vxe-modal--header {
     display: flex;

package/styles/old-icon.scss

@@ -92,7 +92,7 @@
     border-width: 0.1em;
     border-style: solid;
     border-color: inherit;
-    background-color: var(--vxe-ui-layout-background-color);
+    background-color: $vxe-layout-background-color;
   }
 }