releases 4.22.2

Author: xuliangzhan

examples/views/grid/GridTest1.vue

@@ -1,70 +1,30 @@
 <template>
   <div>
-    <vxe-button @click="sortEvent('name', 'asc')">Name 升序</vxe-button>
-    <vxe-button @click="sortEvent('name', 'desc')">Name 降序</vxe-button>
-    <vxe-button @click="clearSortEvent">清除排序</vxe-button>
-
-    <vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
+    <vxe-grid v-bind="gridOptions"></vxe-grid>
   </div>
 </template>
 
-<script lang="ts" setup>
-import { ref, reactive } from 'vue'
-import { VxeGridInstance, VxeGridProps, VxeTablePropTypes, VxeColumnPropTypes } from '../../../types'
-
-interface RowVO {
-  id: number
-  name: string
-  role: string
-  sex: string
-  age: number
-  num: string
-  num2: string
-  num3: string
-  address: string
-}
-
-const gridRef = ref<VxeGridInstance<RowVO>>()
-
-const gridOptions = reactive<VxeGridProps<RowVO>>({
+<script setup>
+import { reactive } from 'vue'
+const gridOptions = reactive({
   border: true,
-  height: 300,
-  rowConfig: {
-    isHover: true
+  round: true,
+  editConfig: {
+    autoClear: false,
+    trigger: 'dblclick',
+    mode: 'row'
   },
   columns: [
     { type: 'seq', width: 70 },
-    { field: 'name', title: 'Name', sortable: true },
-    { field: 'role', title: 'Role', sortable: true },
-    { field: 'age', title: 'Age', sortable: true },
-    { field: 'num', title: '字符串', sortable: true, sortType: 'string' },
-    { field: 'num2', title: '数值', sortable: true, sortType: 'number' },
-    { field: 'num3', title: '百分比', sortable: true, sortType: 'number' },
-    { field: 'address', title: 'Address', sortable: true }
+    { field: 'name', title: 'Name', editRender: { name: 'input' } },
+    { field: 'sex', title: 'Sex', editRender: { name: 'input' } },
+    { field: 'age', title: 'Age' }
   ],
   data: [
-    { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, num: '3.8', num2: '3.8', num3: '9%', address: 'test abc' },
-    { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, num: '511', num2: '511', num3: '98.66%', address: 'Guangzhou' },
-    { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, num: '12.8', num2: '12.8', num3: '25%', address: 'Shanghai' },
-    { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 23, num: '103', num2: '103', num3: '98%', address: 'test abc' },
-    { id: 10005, name: 'Test5', role: 'Develop', sex: 'Women', age: 30, num: '56', num2: '56', num3: '99.71%', address: 'Shanghai' },
-    { id: 10006, name: 'Test6', role: 'Designer', sex: 'Women', age: 21, num: '49', num2: '49', num3: '30.1%', address: 'test abc' },
-    { id: 10007, name: 'Test7', role: 'Test', sex: 'Man', age: 29, num: '400.9', num2: '400.9', num3: '30.5%', address: 'test abc' },
-    { id: 10008, name: 'Test8', role: 'Develop', sex: 'Man', age: 35, num: '5000', num2: '5000', num3: '100%', address: 'test abc' }
+    { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },
+    { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
+    { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
+    { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }
   ]
 })
-
-const sortEvent = (field: VxeColumnPropTypes.Field, order: VxeTablePropTypes.SortOrder) => {
-  const $grid = gridRef.value
-  if ($grid) {
-    $grid.sort({ field, order })
-  }
-}
-
-const clearSortEvent = () => {
-  const $grid = gridRef.value
-  if ($grid) {
-    $grid.clearSort()
-  }
-}
 </script>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "4.22.1",
+  "version": "4.22.2",
   "description": "A PC-end table component based on Vxe UI, supporting copy-paste, data pivot table, and high-performance virtual list table solution.",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -61,12 +61,12 @@
     "gulp-uglify": "^3.0.2",
     "postcss": "^8.4.38",
     "rollup": "^4.53.3",
-    "sass": "^1.80.4",
+    "sass": "~1.101.7",
     "sass-loader": "^14.2.0",
     "typescript": "~5.9.3",
     "vue": "3.4.27",
     "vue-router": "~4.5.1",
-    "vxe-pc-ui": "4.18.17"
+    "vxe-pc-ui": "4.18.18"
   },
   "vetur": {
     "tags": "helper/vetur/tags.json",

packages/table/src/table.ts

@@ -11030,8 +11030,8 @@ export default defineVxeComponent({
             }
           }
         }
-        // 如果是双击编辑模式
-        if (isEnableConf(editConfig) && editOpts.trigger === 'dblclick') {
+        // 如果是双击编辑模式，当autoClear=false时
+        if (isEnableConf(editConfig) && editOpts.autoClear !== false && editOpts.trigger === 'dblclick') {
           if (actived.row && actived.column) {
             if (editOpts.mode === 'row') {
               if (!$xeTable.eqRow(actived.row, row)) {