cosey 0.2.13 → 0.2.14

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

@@ -28,6 +28,7 @@ export type TableColumnProps<T = any> = Partial<Omit<ExtractPropTypes<typeof elT
     internalSlot?: {
         [prop: string]: any;
     };
+    tooltip?: string;
 };
 export declare const tableColumnProps: {
     slots: {
@@ -50,6 +51,9 @@ export declare const tableColumnProps: {
     internalSlot: {
         type: PropType<TableColumnProps["internalSlot"]>;
     };
+    tooltip: {
+        type: StringConstructor;
+    };
     type: {
         type: StringConstructor;
         default: string;

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

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

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

@@ -41,6 +41,7 @@ declare const TableColumn: import("vue").DefineComponent<{
     internalSlot?: {
         [prop: string]: any;
     } | undefined;
+    tooltip?: string | 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 +84,7 @@ declare const TableColumn: import("vue").DefineComponent<{
     internalSlot?: {
         [prop: string]: any;
     } | undefined;
+    tooltip?: string | 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];
@@ -66,6 +71,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.14",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",