cosey 0.2.14 → 0.2.16

package/components/table/table-column/renderer.js

@@ -95,6 +95,9 @@ function exportRenderer(row, column, cellValue, index) {
   if (column.formatter) {
     return column.formatter(row, column, cellValue, index);
   }
+  if (column.format) {
+    return column.format(cellValue, row, column, index);
+  }
   if (isEmpty(cellValue)) {
     return "";
   }

package/components/table/table-column/table-column.d.ts

@@ -1,4 +1,5 @@
-import { type ExtractPropTypes, type PropType } from 'vue';
+import { type VNode, type ExtractPropTypes, type PropType } from 'vue';
+import { type TableColumnCtx } from 'element-plus';
 import elTableColumnProps from 'element-plus/es/components/table/src/table-column/defaults.mjs';
 import { type RendererType } from './renderer';
 export type TableColumnPropsSlots = string | ((props: {
@@ -29,6 +30,7 @@ export type TableColumnProps<T = any> = Partial<Omit<ExtractPropTypes<typeof elT
         [prop: string]: any;
     };
     tooltip?: string;
+    format?: (cellValue: any, row: any, column: TableColumnCtx<any>, index: number) => VNode;
 };
 export declare const tableColumnProps: {
     slots: {
@@ -54,6 +56,9 @@ export declare const tableColumnProps: {
     tooltip: {
         type: StringConstructor;
     };
+    format: {
+        type: FunctionConstructor;
+    };
     type: {
         type: StringConstructor;
         default: string;

package/components/table/table-column/table-column.js

@@ -3,7 +3,7 @@ import elTableColumnProps from 'element-plus/es/components/table/src/table-colum
 const tableColumnProps = {
   ...elTableColumnProps,
   slots: {
-    type: [String, Object]
+    type: [String, Object, Function]
   },
   renderer: {
     type: [String, Object],
@@ -24,6 +24,9 @@ const tableColumnProps = {
   },
   tooltip: {
     type: String
+  },
+  format: {
+    type: Function
   }
 };
 

package/components/table/table-column/table-column.vue.d.ts

@@ -42,6 +42,7 @@ declare const TableColumn: import("vue").DefineComponent<{
         [prop: string]: any;
     } | undefined;
     tooltip?: string | undefined;
+    format?: ((cellValue: any, row: any, column: import("element-plus").TableColumnCtx<any>, index: number) => import("vue").VNode) | undefined;
 }, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     label?: string | undefined;
     minWidth?: string | number | undefined;
@@ -85,6 +86,7 @@ declare const TableColumn: import("vue").DefineComponent<{
         [prop: string]: any;
     } | undefined;
     tooltip?: string | undefined;
+    format?: ((cellValue: any, row: any, column: import("element-plus").TableColumnCtx<any>, index: number) => import("vue").VNode) | undefined;
 }> & Readonly<{}>, {
     minWidth: string | number;
     width: string | number;

package/components/table/table-column/table-column.vue.js

@@ -38,17 +38,23 @@ const TableColumn = defineComponent({
         }
       }
       if (!obj.formatter) {
-        obj.formatter = (row, column, cellValue, index) => {
-          return renderer({
-            cellValue,
-            row}, obj.renderer, t);
-        };
-        const renderType = typeof obj.renderer === "object" ? obj.renderer.type : obj.renderer;
-        const renderProps = mapRendererColumnProps[renderType];
-        if (renderProps) {
-          cls.push(renderProps.className);
-          if (renderProps.minWidth && !obj.minWidth) {
-            obj.minWidth = renderProps.minWidth;
+        if (obj.format) {
+          obj.formatter = (row, column, cellValue, index) => {
+            return obj.format(cellValue, row, column, index);
+          };
+        } else {
+          obj.formatter = (row, column, cellValue, index) => {
+            return renderer({
+              cellValue,
+              row}, obj.renderer, t);
+          };
+          const renderType = typeof obj.renderer === "object" ? obj.renderer.type : obj.renderer;
+          const renderProps = mapRendererColumnProps[renderType];
+          if (renderProps) {
+            cls.push(renderProps.className);
+            if (renderProps.minWidth && !obj.minWidth) {
+              obj.minWidth = renderProps.minWidth;
+            }
           }
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",