jianghu-ui 1.0.3 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jianghu-ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "JianghuJS UI Component Library with Storybook, Vue 2, and Vuetify 2",
   "main": "src/index.js",
   "scripts": {
@@ -9,7 +9,10 @@
     "build": "webpack --config webpack.config.js",
     "build:watch": "webpack --config webpack.config.js --watch",
     "serve-storybook": "npx http-server storybook-static",
-    "deploy": "npm run build && npm run build-storybook && npx gh-pages -d storybook-static"
+    "deploy": "npm run build && npm run build-storybook && npx gh-pages -d storybook-static",
+    "release:patch": "npm version patch && npm run build && npm publish",
+    "release:minor": "npm version minor && npm run build && npm publish",
+    "release:major": "npm version major && npm run build && npm publish"
   },
   "keywords": [
     "jianghujs",

package/src/components/JhTable/JhTable.vue

@@ -844,6 +844,10 @@ export default {
     dense: {
       type: Boolean,
       default: false
+    },
+    context: {
+      type: Object,
+      default: null
     }
   },
   data() {
@@ -1178,6 +1182,12 @@ export default {
         this.$nextTick(() => this.applySelectionState());
       }
     },
+    actionColumn: {
+      handler() {
+        this.initColumns(this.headers);
+      },
+      deep: true
+    },
     columnsState: {
       deep: true,
       handler(newVal) {
@@ -1216,10 +1226,31 @@ export default {
   methods: {
     // 初始化列配置
     initColumns(headers) {
+      const processedHeaders = [...(headers || [])];
+
+      if (this.actionColumn) {
+        const hasActionColumn = processedHeaders.some(h => h.value === 'action');
+
+        if (!hasActionColumn) {
+          const actionColumnConfig = {
+            text: '操作', value: 'action', sortable: false, width: 120, align: 'center', class: 'fixed', cellClass: 'fixed'
+          };
+
+          if (typeof this.actionColumn === 'object' && this.actionColumn !== null) {
+            const { title, ...restOfActionColumn } = this.actionColumn;
+            Object.assign(actionColumnConfig, restOfActionColumn);
+            if (title) {
+              actionColumnConfig.text = title;
+            }
+          }
+          processedHeaders.push(actionColumnConfig);
+        }
+      }
+
       const persistedState = this.getPersistedColumnState();
       const externalState = this.columnsState?.value;
       const defaultVisible = this.columnsState?.defaultVisible;
-      this.internalColumns = headers.map(h => {
+      this.internalColumns = processedHeaders.map(h => {
         const value = h.value || h.dataIndex || h.key;
         const baseVisible = h.visible !== false;
         const visible = this.resolveColumnVisible({
@@ -1240,7 +1271,7 @@ export default {
     },
     getColumnRawValue(header, item, value) {
       if (header && typeof header.valueGetter === 'function') {
-        return header.valueGetter(item, header);
+        return header.valueGetter.call(this.context, item, header);
       }
       if (value !== undefined) return value;
       const key = header?.value;
@@ -1249,7 +1280,7 @@ export default {
     },
     applyValueFormatter(header, rawValue, item, index = 0) {
       if (header && typeof header.valueFormatter === 'function') {
-        const formatted = header.valueFormatter(rawValue, item, header, index);
+        const formatted = header.valueFormatter.call(this.context, rawValue, item, header, index);
         if (formatted !== undefined && formatted !== null) {
           return formatted;
         }
@@ -1510,7 +1541,7 @@ export default {
       if (!this.actionColumn || !this.actionColumn.buttons) return [];
       return this.actionColumn.buttons.filter(btn => {
         if (typeof btn.visible === 'function') {
-          return btn.visible(row);
+          return btn.visible.call(this.context, row);
         }
         return btn.visible !== false;
       });
@@ -1522,7 +1553,7 @@ export default {
         if (!confirmed) return;
       }
       if (btn.onClick) {
-        await btn.onClick(row);
+        await btn.onClick.call(this.context, row);
       }
     },
     // 复制到剪贴板
@@ -1560,7 +1591,7 @@ export default {
       this.$emit('selection-change', payload);
       this.$emit('input', selectedItems);
       if (this.rowSelection && typeof this.rowSelection.onChange === 'function') {
-        this.rowSelection.onChange(payload.selectedRowKeys, selectedItems);
+        this.rowSelection.onChange.call(this.context, payload.selectedRowKeys, selectedItems);
       }
     },
     // 页码改变
@@ -1623,7 +1654,7 @@ export default {
         const value = queryData[key];
         const meta = this.filterFieldMetaMap[key];
         if (meta && typeof meta.transform === 'function') {
-          const result = meta.transform(value, queryData);
+          const result = meta.transform.call(this.context, value, queryData);
           if (result && typeof result === 'object' && !Array.isArray(result)) {
             Object.assign(filters, result);
             return;
@@ -1847,7 +1878,7 @@ export default {
       const snapshot = this.getColumnStateSnapshot();
       this.$emit('columns-state-change', snapshot);
       if (this.columnsState && typeof this.columnsState.onChange === 'function') {
-        this.columnsState.onChange(snapshot);
+        this.columnsState.onChange.call(this.context, snapshot);
       }
       this.persistColumnState(snapshot);
     },