@yidun/antd-super-table 0.1.8 → 0.1.9

package/example/index.vue

@@ -14,6 +14,30 @@ const tableRef = ref<InstanceType<typeof SuperTable>>()
 // 查询条件配置 - 改为响应式
 const formItems = ref<any[]>(createFormItems())
 
+function onTableChange(pagination: any, filters: any, sorter: any, extra: any) {
+  // sorter 可能是对象或数组（多列排序）
+  const sorters = Array.isArray(sorter) ? sorter : [sorter]
+  const activeSorters = sorters.filter(s => s?.order)
+  if (activeSorters.length > 0) {
+    console.log('sort-change:', {
+      sorter,
+      activeSorters,
+      pagination,
+      filters,
+      extra,
+    })
+  }
+}
+
+function onResizeColumn(width: number, column: any) {
+  console.log('resize-column:', {
+    width,
+    key: column?.key,
+    title: column?.title,
+    column,
+  })
+}
+
 // 表头配置
 const tableColumns: any = createTableColumns({
   onDelete,
@@ -161,7 +185,7 @@ const handleClearCache = () => {
     content: '确定要清空所有 localStorage 缓存吗？此操作不可恢复。',
     onOk: () => {
       try {
-        localStorage.clear()
+        window.localStorage.clear()
         Modal.success({
           title: '成功',
           content: '缓存已清空，页面将自动刷新',
@@ -380,6 +404,8 @@ onMounted(() => {
         },
       }"
       @form-item-change="onFormItemChange"
+      @change="onTableChange"
+      @resize-column="onResizeColumn"
     >
       <template
         v-if="setting.showSceneAddonBefore"

package/example/tableColumns.ts

@@ -17,6 +17,9 @@ export const createTableColumns = (options: {
       content: 'id',
       width: 80,
       fixed: 'left',
+      // column 示例：开启 antd 排序（配合 example/index.vue 的 @change 打印 sort 日志）
+      sorter: (a: any, b: any) => Number(a?.id ?? 0) - Number(b?.id ?? 0),
+      sortDirections: ['ascend', 'descend'],
     },
     {
       key: 'index',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yidun/antd-super-table",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",