vxe-table 4.4.2-beta.0 → 4.4.2-beta.2

package/lib/vxe-toolbar/style/style.min.css

@@ -1 +1 @@
-.vxe-custom--option .vxe-checkbox--icon{font-size:1.34em}.vxe-custom--option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-custom--option,.is--indeterminate.vxe-custom--option{color:#409eff}.is--checked.vxe-custom--option .vxe-checkbox--icon,.is--indeterminate.vxe-custom--option .vxe-checkbox--icon{color:#409eff}.vxe-custom--option:not(.is--disabled){cursor:pointer}.vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.is--disabled.vxe-custom--option{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-custom--option .vxe-checkbox--icon{color:#dcdfe6}.vxe-custom--option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-font-color);font-family:var(--vxe-font-family);background-color:var(--vxe-toolbar-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-table-border-color);border-bottom-width:0;background-color:var(--vxe-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--vxe-loading-z-index);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--wrapper{flex-wrap:wrap}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative;margin-left:.8em}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper{display:block}.vxe-toolbar .vxe-custom--option-wrapper{display:none;position:absolute;right:2px;text-align:left;background-color:var(--vxe-toolbar-panel-background-color);z-index:19;border:1px solid var(--vxe-table-border-color);border-radius:var(--vxe-border-radius);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid var(--vxe-table-popup-border-color)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body{padding:.2em 0;max-height:17.6em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li{max-width:16em;min-width:12.5em;padding:.2em 1em .2em 1em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2{padding-left:3.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3{padding-left:4.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4{padding-left:5.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5{padding-left:6.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6{padding-left:7.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7{padding-left:8.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8{padding-left:9.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer{border-top:1px solid var(--vxe-table-popup-border-color);text-align:right}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:var(--vxe-font-color);text-align:center;cursor:pointer}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus{outline:0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover{color:var(--vxe-primary-color)}.vxe-custom--option-wrapper .vxe-custom--body,.vxe-custom--option-wrapper .vxe-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-custom--option-wrapper .vxe-custom--header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-toolbar{font-size:var(--vxe-font-size)}.vxe-toolbar.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-font-size-mini)}
+.vxe-custom--option .vxe-checkbox--icon{font-size:1.34em}.vxe-custom--option .vxe-checkbox--icon{color:var(--vxe-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-custom--option,.is--indeterminate.vxe-custom--option{color:var(--vxe-primary-color)}.is--checked.vxe-custom--option .vxe-checkbox--icon,.is--indeterminate.vxe-custom--option .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-custom--option:not(.is--disabled){cursor:pointer}.vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-primary-color)}.is--disabled.vxe-custom--option{color:var(--vxe-disabled-color);cursor:not-allowed}.is--disabled.vxe-custom--option .vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-custom--option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-font-color);font-family:var(--vxe-font-family);background-color:var(--vxe-toolbar-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-table-border-color);border-bottom-width:0;background-color:var(--vxe-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--vxe-loading-z-index);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--wrapper{flex-wrap:wrap}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative;margin-left:.8em}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper{display:block}.vxe-toolbar .vxe-custom--option-wrapper{display:none;position:absolute;right:2px;text-align:left;background-color:var(--vxe-toolbar-panel-background-color);z-index:19;border:1px solid var(--vxe-table-border-color);border-radius:var(--vxe-border-radius);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid var(--vxe-table-popup-border-color)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body{padding:.2em 0;max-height:17.6em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li{max-width:16em;min-width:12.5em;padding:.2em 1em .2em 1em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2{padding-left:3.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3{padding-left:4.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4{padding-left:5.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5{padding-left:6.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6{padding-left:7.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7{padding-left:8.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8{padding-left:9.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer{border-top:1px solid var(--vxe-table-popup-border-color);text-align:right}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:var(--vxe-font-color);text-align:center;cursor:pointer}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus{outline:0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover{color:var(--vxe-primary-color)}.vxe-custom--option-wrapper .vxe-custom--body,.vxe-custom--option-wrapper .vxe-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-custom--option-wrapper .vxe-custom--header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-toolbar{font-size:var(--vxe-font-size)}.vxe-toolbar.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-font-size-mini)}

package/package.json

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

package/packages/table/src/table.ts

@@ -24,6 +24,8 @@ const isWebkit = browse['-webkit'] && !browse.edge
 
 const resizableStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_WIDTH'
 const visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE'
+const fixedStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_FIXED'
+const orderStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_ORDER'
 
 export default defineComponent({
   name: 'VxeTable',
@@ -837,9 +839,11 @@ export default defineComponent({
       const { collectColumn } = internalData
       const customOpts = computeCustomOpts.value
       const { storage } = customOpts
-      const isResizable = storage === true || (storage && storage.resizable)
-      const isVisible = storage === true || (storage && storage.visible)
-      if (customConfig && (isResizable || isVisible)) {
+      const isCustomResizable = storage === true || (storage && storage.resizable)
+      const isCustomVisible = storage === true || (storage && storage.visible)
+      const isCustomFixed = storage === true || (storage && storage.fixed)
+      const isCustomOrder = storage === true || (storage && storage.order)
+      if (customConfig && (isCustomResizable || isCustomVisible || isCustomFixed || isCustomOrder)) {
         const customMap: {
           [key: string]: {
             field?: VxeColumnPropTypes.Field
@@ -851,7 +855,8 @@ export default defineComponent({
           errLog('vxe.error.reqProp', ['id'])
           return
         }
-        if (isResizable) {
+        // 自定义列宽
+        if (isCustomResizable) {
           const columnWidthStorage = getCustomStorageMap(resizableStorageKey)[id]
           if (columnWidthStorage) {
             XEUtils.each(columnWidthStorage, (resizeWidth: number, field) => {
@@ -859,7 +864,22 @@ export default defineComponent({
             })
           }
         }
-        if (isVisible) {
+        // 自定义固定列
+        if (isCustomFixed) {
+          const columnFixedStorage = getCustomStorageMap(fixedStorageKey)[id]
+          if (columnFixedStorage) {
+            // 开发中...
+          }
+        }
+        // 自定义顺序
+        if (isCustomOrder) {
+          const columnOrderStorage = getCustomStorageMap(orderStorageKey)[id]
+          if (columnOrderStorage) {
+            // 开发中...
+          }
+        }
+        // 自定义隐藏列
+        if (isCustomVisible) {
           const columnVisibleStorage = getCustomStorageMap(visibleStorageKey)[id]
           if (columnVisibleStorage) {
             const colVisibles = columnVisibleStorage.split('|')

package/styles/base/checked.scss

@@ -3,31 +3,31 @@
     font-size: 1.34em;
   }
   .vxe-checkbox--icon {
-    color: $vxe-input-border-color;
+    color: var(--vxe-input-border-color);
     vertical-align: middle;
     font-weight: 700;
     user-select: none;
   }
   &.is--checked,
   &.is--indeterminate {
-    color: $vxe-primary-color;
+    color: var(--vxe-primary-color);
     .vxe-checkbox--icon {
-      color: $vxe-primary-color;
+      color: var(--vxe-primary-color);
     }
   }
   &:not(.is--disabled) {
     cursor: pointer;
     &:hover {
       .vxe-checkbox--icon {
-        color: $vxe-primary-color;
+        color: var(--vxe-primary-color);
       }
     }
   }
   &.is--disabled {
-    color: $vxe-disabled-color;
+    color: var(--vxe-disabled-color);
     cursor: not-allowed;
     .vxe-checkbox--icon {
-      color: $vxe-input-disabled-color;
+      color: var(--vxe-input-disabled-color);
     }
   }
   .vxe-checkbox--label {
@@ -42,30 +42,30 @@
     font-size: 1.4em;
   }
   .vxe-radio--icon {
-    color: $vxe-input-border-color;
+    color: var(--vxe-input-border-color);
     vertical-align: middle;
     font-weight: 700;
     user-select: none;
   }
   &.is--checked {
-    color: $vxe-primary-color;
+    color: var(--vxe-primary-color);
     .vxe-radio--icon {
-      color: $vxe-primary-color;
+      color: var(--vxe-primary-color);
     }
   }
   &:not(.is--disabled) {
     cursor: pointer;
     &:hover {
       .vxe-radio--icon {
-        color: $vxe-primary-color;
+        color: var(--vxe-primary-color);
       }
     }
   }
   &.is--disabled {
-    color: $vxe-disabled-color;
+    color: var(--vxe-disabled-color);
     cursor: not-allowed;
     .vxe-radio--icon {
-      color: $vxe-input-disabled-color;
+      color: var(--vxe-input-disabled-color);
     }
   }
   .vxe-radio--label {

package/styles/base/common.scss

@@ -19,22 +19,22 @@
 }
 
 .vxe-primary-color {
-  color: $vxe-primary-color;
+  color: var(--vxe-primary-color);
 }
 .vxe-success-color {
-  color: $vxe-success-color;
+  color: var(--vxe-success-color);
 }
 .vxe-info-color {
-  color: $vxe-info-color;
+  color: var(--vxe-info-color);
 }
 .vxe-warning-color {
-  color: $vxe-warning-color;
+  color: var(--vxe-warning-color);
 }
 .vxe-danger-color {
-  color: $vxe-danger-color;
+  color: var(--vxe-danger-color);
 }
 .vxe-perfect-color {
-  color: $vxe-table-header-background-color;
+  color: var(--vxe-table-header-background-color);
 }
 
 // 24 栅格布局

package/styles/form.scss

@@ -226,7 +226,7 @@
   }
   .vxe-default-input[type="submit"],
   .vxe-default-input[type="reset"] {
-    line-height: var(--vxe-button-height-default) - 2px;
+    line-height: calc(var(--vxe-button-height-default) - 2px);
     background-color: #fff;
     cursor: pointer;
     &:hover {

package/styles/radio.scss

@@ -74,7 +74,7 @@
   }
   .vxe-radio--label {
     padding: 0 1em;
-    line-height: var(--vxe-button-height-default) - 2;
+    line-height: calc(var(--vxe-button-height-default) - 2px);
     display: inline-block;
     border-style: solid;
     border-color: var(--vxe-input-border-color);
@@ -119,17 +119,17 @@
   }
   &.size--medium {
     .vxe-radio--label {
-      line-height: var(--vxe-button-height-medium) - 2;
+      line-height: calc(var(--vxe-button-height-medium) - 2px);
     }
   }
   &.size--small {
     .vxe-radio--label {
-      line-height: var(--vxe-button-height-small) - 2;
+      line-height: calc(var(--vxe-button-height-small) - 2px);
     }
   }
   &.size--mini {
     .vxe-radio--label {
-      line-height: var(--vxe-button-height-mini) - 2;
+      line-height: calc(var(--vxe-button-height-mini) - 2px);
     }
   }
 }

package/styles/table.scss

@@ -5,19 +5,19 @@
 @import './loading.scss';
 
 %DefaultColumnHeight {
-  height: $vxe-table-row-height-default;
+  height: var(--vxe-table-row-height-default);
 }
 
 %MediumColumnHeight {
-  height: $vxe-table-row-height-medium;
+  height: var(--vxe-table-row-height-medium);
 }
 
 %SmallColumnHeight {
-  height: $vxe-table-row-height-small;
+  height: var(--vxe-table-row-height-small);
 }
 
 %MiniColumnHeight {
-  height: $vxe-table-row-height-mini;
+  height: var(--vxe-table-row-height-mini);
 }
 
 .vxe-table-slots,
@@ -1232,8 +1232,8 @@
         position: relative;
         &:before {
           content: "";
-          top: -$vxe-table-cell-dirty-width;
-          left: -$vxe-table-cell-dirty-width;
+          top: --vxe-table-cell-dirty-width;
+          left: --vxe-table-cell-dirty-width;
           position: absolute;
           border-width: var(--vxe-table-cell-dirty-width);
           border-style: solid;
@@ -1248,8 +1248,8 @@
       position: relative;
       &:before {
         content: "";
-        top: -$vxe-table-cell-dirty-width;
-        left: -$vxe-table-cell-dirty-width;
+        top: --vxe-table-cell-dirty-width;
+        left: --vxe-table-cell-dirty-width;
         position: absolute;
         border-width: var(--vxe-table-cell-dirty-width);
         border-style: solid;
@@ -1284,7 +1284,7 @@
               }
             }
             .vxe-textarea {
-              height: var(--vxe-table-row-line-height) - 1;
+              height: calc(var(--vxe-table-row-line-height) - 1px);
               .vxe-textarea--inner {
                 border: 0;
               }

package/types/form-item.d.ts

@@ -199,7 +199,7 @@ export interface FormItemRenderOptions extends VxeGlobalRendererHandles.RenderOp
    * 渲染组件的内容（需要渲染器支持）
    */
   content?: string
-  autofocus?: boolean
+  autofocus?: string
   defaultValue?: ((params: { item: VxeFormItemProps }) => any) | null | undefined | string | number | RegExp | object | any[] | Date
 }
 

package/types/table.d.ts

@@ -333,7 +333,12 @@ export interface TablePublicMethods<DT = VxeTableDataRow> {
    * 如果已关联工具栏，则会同步更新
    * @param options 可选参数
    */
-  resetColumn(options?: boolean | { visible?: boolean, resizable?: boolean }): Promise<void>
+  resetColumn(options?: boolean | {
+    visible?: boolean
+    resizable?: boolean
+    fixed?: boolean
+    order?: boolean
+  }): Promise<void>
   /**
    * 刷新列配置
    * 对于动态修改属性、显示/隐藏列等场景下可能会用到
@@ -1311,6 +1316,8 @@ export namespace VxeTablePropTypes {
     storage?: boolean | {
       visible?: boolean
       resizable?: boolean
+      fixed?: boolean
+      order?: boolean
     }
     checkMethod?(params: {
       column: VxeTableDefines.ColumnInfo<D>