cosey 0.2.13 → 0.2.15

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/style/index.js

@@ -8,6 +8,9 @@ const getTableColumnStyle = (token) => {
         ".cell": {
           textOverflow: "initial"
         }
+      },
+      [`${componentCls}-label`]: {
+        verticalAlign: "middle"
       }
     }
   };

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: {
@@ -28,6 +29,8 @@ export type TableColumnProps<T = any> = Partial<Omit<ExtractPropTypes<typeof elT
     internalSlot?: {
         [prop: string]: any;
     };
+    tooltip?: string;
+    format?: (cellValue: any, row: any, column: TableColumnCtx<any>, index: number) => VNode;
 };
 export declare const tableColumnProps: {
     slots: {
@@ -50,6 +53,12 @@ export declare const tableColumnProps: {
     internalSlot: {
         type: PropType<TableColumnProps["internalSlot"]>;
     };
+    tooltip: {
+        type: StringConstructor;
+    };
+    format: {
+        type: FunctionConstructor;
+    };
     type: {
         type: StringConstructor;
         default: string;

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

@@ -21,6 +21,12 @@ const tableColumnProps = {
   },
   internalSlot: {
     type: Object
+  },
+  tooltip: {
+    type: String
+  },
+  format: {
+    type: Function
   }
 };
 

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

@@ -41,6 +41,8 @@ declare const TableColumn: import("vue").DefineComponent<{
     internalSlot?: {
         [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;
@@ -83,6 +85,8 @@ declare const TableColumn: import("vue").DefineComponent<{
     internalSlot?: {
         [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

@@ -1,9 +1,11 @@
-import { defineComponent, computed, createVNode } from 'vue';
+import { defineComponent, computed, createVNode, Fragment } from 'vue';
 import { tableColumnProps } from './table-column.js';
 import { renderer, mapRendererColumnProps } from './renderer.js';
-import { ElTableColumn } from 'element-plus';
+import { ElTableColumn, ElTooltip } from 'element-plus';
 import classNames from 'classnames';
 import stdin_default$1 from './style/index.js';
+import stdin_default$2 from '../../icon/icon.vue.js';
+import { useToken } from '../../theme/util/useToken.js';
 import { isString, isPlainObject, isFunction } from '../../../utils/is.js';
 import { useComponentConfig } from '../../config-provider/config-provider.js';
 import { useLocale } from '../../../hooks/useLocale.js';
@@ -24,6 +26,9 @@ const TableColumn = defineComponent({
     const {
       hashId
     } = stdin_default$1(prefixCls);
+    const {
+      token
+    } = useToken();
     const mergedProps = computed(() => {
       const obj = {};
       const cls = [props.className, hashId.value, prefixCls.value];
@@ -33,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;
+            }
           }
         }
       }
@@ -66,6 +77,19 @@ const TableColumn = defineComponent({
     });
     return () => mergedProps.value.hidden ? null : createVNode(ElTableColumn, mergedProps.value, {
       ...slots.value,
+      header: slots.value.header || (mergedProps.value.tooltip ? () => createVNode(Fragment, null, [createVNode("span", {
+        "class": `${prefixCls.value}-label`
+      }, [mergedProps.value.label]), createVNode(ElTooltip, {
+        "content": mergedProps.value.tooltip,
+        "placement": "top"
+      }, {
+        default: () => [createVNode(stdin_default$2, {
+          "name": "carbon:help",
+          "style": {
+            marginInlineStart: token.value.marginXXS + "px"
+          }
+        }, null)]
+      })]) : void 0),
       default: slotProps => mergedProps.value.columns ? mergedProps.value.columns.map(column => createVNode(TableColumn, column, null)) : slots.value.default?.(slotProps)
     });
   }

package/package.json

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