@aspire-ui/element-component-pro 1.0.6 → 1.0.7

package/dist/index.d.ts

@@ -1307,6 +1307,9 @@ declare const _default: {
         };
     });
     ProForm: import('vue/types/v3-component-public-instance').ComponentPublicInstanceConstructor<import('vue/types/v3-component-public-instance').Vue3Instance<{}, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
         size: {
             type: import('vue').PropType<"medium" | "small" | "large">;
             default: string;
@@ -1314,9 +1317,6 @@ declare const _default: {
         components: {
             type: import('vue').PropType<Record<string, unknown>>;
         };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
         showActionButtonGroup: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -1359,6 +1359,10 @@ declare const _default: {
                 xl: number;
             };
         };
+        colon: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         schemas: {
             type: import('vue').PropType<import('./types').ProFormSchema[]>;
         };
@@ -1373,7 +1377,7 @@ declare const _default: {
             default: string;
         };
         labelPosition: {
-            type: import('vue').PropType<"left" | "right" | "top">;
+            type: import('vue').PropType<"top" | "left" | "right">;
             default: string;
         };
         gutter: {
@@ -1419,6 +1423,9 @@ declare const _default: {
             type: import('vue').PropType<import('./types').FormListeners>;
         };
     }>>, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
         size: {
             type: import('vue').PropType<"medium" | "small" | "large">;
             default: string;
@@ -1426,9 +1433,6 @@ declare const _default: {
         components: {
             type: import('vue').PropType<Record<string, unknown>>;
         };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
         showActionButtonGroup: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -1471,6 +1475,10 @@ declare const _default: {
                 xl: number;
             };
         };
+        colon: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         schemas: {
             type: import('vue').PropType<import('./types').ProFormSchema[]>;
         };
@@ -1485,7 +1493,7 @@ declare const _default: {
             default: string;
         };
         labelPosition: {
-            type: import('vue').PropType<"left" | "right" | "top">;
+            type: import('vue').PropType<"top" | "left" | "right">;
             default: string;
         };
         gutter: {
@@ -1546,6 +1554,7 @@ declare const _default: {
         resetButtonIcon: string;
         showAdvancedButton: boolean;
         actionColOptions: import('./types').ColEx;
+        colon: boolean;
         labelWidth: string;
         labelPosition: "left" | "right" | "top";
         gutter: number;
@@ -1555,6 +1564,9 @@ declare const _default: {
         alwaysShowLines: number;
         submitOnReset: boolean;
     }, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
         size: {
             type: import('vue').PropType<"medium" | "small" | "large">;
             default: string;
@@ -1562,9 +1574,6 @@ declare const _default: {
         components: {
             type: import('vue').PropType<Record<string, unknown>>;
         };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
         showActionButtonGroup: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -1607,6 +1616,10 @@ declare const _default: {
                 xl: number;
             };
         };
+        colon: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         schemas: {
             type: import('vue').PropType<import('./types').ProFormSchema[]>;
         };
@@ -1621,7 +1634,7 @@ declare const _default: {
             default: string;
         };
         labelPosition: {
-            type: import('vue').PropType<"left" | "right" | "top">;
+            type: import('vue').PropType<"top" | "left" | "right">;
             default: string;
         };
         gutter: {
@@ -1680,6 +1693,9 @@ declare const _default: {
         removeSchemaByField: (field: string | string[]) => Promise<void>;
         setProps: (props: Partial<import('./types').ProFormProps>) => Promise<void>;
     }> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
         size: {
             type: import('vue').PropType<"medium" | "small" | "large">;
             default: string;
@@ -1687,9 +1703,6 @@ declare const _default: {
         components: {
             type: import('vue').PropType<Record<string, unknown>>;
         };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
         showActionButtonGroup: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -1732,6 +1745,10 @@ declare const _default: {
                 xl: number;
             };
         };
+        colon: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         schemas: {
             type: import('vue').PropType<import('./types').ProFormSchema[]>;
         };
@@ -1746,7 +1763,7 @@ declare const _default: {
             default: string;
         };
         labelPosition: {
-            type: import('vue').PropType<"left" | "right" | "top">;
+            type: import('vue').PropType<"top" | "left" | "right">;
             default: string;
         };
         gutter: {
@@ -1792,6 +1809,9 @@ declare const _default: {
             type: import('vue').PropType<import('./types').FormListeners>;
         };
     }>>> & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
         size: {
             type: import('vue').PropType<"medium" | "small" | "large">;
             default: string;
@@ -1799,9 +1819,6 @@ declare const _default: {
         components: {
             type: import('vue').PropType<Record<string, unknown>>;
         };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
         showActionButtonGroup: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -1844,6 +1861,10 @@ declare const _default: {
                 xl: number;
             };
         };
+        colon: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         schemas: {
             type: import('vue').PropType<import('./types').ProFormSchema[]>;
         };
@@ -1858,7 +1879,7 @@ declare const _default: {
             default: string;
         };
         labelPosition: {
-            type: import('vue').PropType<"left" | "right" | "top">;
+            type: import('vue').PropType<"top" | "left" | "right">;
             default: string;
         };
         gutter: {
@@ -1932,6 +1953,7 @@ declare const _default: {
         resetButtonIcon: string;
         showAdvancedButton: boolean;
         actionColOptions: import('./types').ColEx;
+        colon: boolean;
         labelWidth: string;
         labelPosition: "left" | "right" | "top";
         gutter: number;
@@ -1942,6 +1964,9 @@ declare const _default: {
         submitOnReset: boolean;
     }> & {
         props: {
+            disabled: {
+                type: import('vue').PropType<boolean>;
+            };
             size: {
                 type: import('vue').PropType<"medium" | "small" | "large">;
                 default: string;
@@ -1949,9 +1974,6 @@ declare const _default: {
             components: {
                 type: import('vue').PropType<Record<string, unknown>>;
             };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-            };
             showActionButtonGroup: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -1994,6 +2016,10 @@ declare const _default: {
                     xl: number;
                 };
             };
+            colon: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
             schemas: {
                 type: import('vue').PropType<import('./types').ProFormSchema[]>;
             };
@@ -2008,7 +2034,7 @@ declare const _default: {
                 default: string;
             };
             labelPosition: {
-                type: import('vue').PropType<"left" | "right" | "top">;
+                type: import('vue').PropType<"top" | "left" | "right">;
                 default: string;
             };
             gutter: {
@@ -2061,6 +2087,7 @@ declare const _default: {
                 field: string;
                 label: string;
                 labelWidth?: string | undefined;
+                colon?: boolean | undefined;
                 component?: (import('./types').ProFormBuiltInComponent | import('./types').ProFormCustomComponent) | undefined;
                 componentProps?: (Record<string, unknown> | ((params: import('./types').RenderCallbackParams & {
                     formActionType?: import('./types').FormActionType;
@@ -2090,6 +2117,7 @@ declare const _default: {
                 dependencies?: string[] | undefined;
                 helpMessage?: string | string[] | undefined;
                 helpComponentProps?: Record<string, unknown> | undefined;
+                tooltip?: (boolean | string | Record<string, unknown> | ((params: import('./types').RenderCallbackParams) => boolean | string | Record<string, unknown>)) | undefined;
             };
             field: string;
             values: Record<string, unknown>;

package/dist/style.css

@@ -1 +1 @@
-.ecp-pro-table[data-v-c5638c20]{padding:16px;background:#fff;width:100%;box-sizing:border-box}.ecp-pro-table[data-v-c5638c20] .el-table{width:100%!important}.ecp-pro-table__header[data-v-c5638c20]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ecp-pro-table__title-wrapper[data-v-c5638c20]{display:flex;align-items:center;gap:4px}.ecp-pro-table__title[data-v-c5638c20]{font-size:16px;font-weight:600}.ecp-pro-table__help[data-v-c5638c20]{color:#909399;cursor:help}.ecp-pro-table__toolbar[data-v-c5638c20]{display:flex;align-items:center;gap:8px}.ecp-pro-table__body[data-v-c5638c20]{width:100%}.ecp-pro-table__pagination[data-v-c5638c20]{margin-top:16px;display:flex;justify-content:flex-end}.ecp-pro-table__col-help[data-v-c5638c20]{margin-left:4px;color:#909399;cursor:help}.ecp-table-action[data-v-f319e73a],.ecp-table-action__item[data-v-f319e73a]{display:inline-flex;align-items:center;gap:4px}.ecp-table-action__icon[data-v-f319e73a]{margin-right:4px}.ecp-table-action__more[data-v-f319e73a]{display:inline-flex;align-items:center}.ecp-table-action__dropdown-item[data-v-f319e73a]{display:inline-flex;align-items:center;gap:4px}.ecp-tree-select[data-v-f30bba11]{position:relative;width:100%}.ecp-tree-select__filter-inner[data-v-f30bba11]{margin-bottom:8px}.ecp-tree-select__dropdown[data-v-f30bba11]{position:absolute;top:100%;left:0;right:0;max-height:280px;overflow:auto;background:#fff;border:1px solid #dcdfe6;border-radius:4px;margin-top:4px;z-index:1000;padding:8px}.ecp-tree-select__loading[data-v-f30bba11]{padding:24px;text-align:center;color:#909399;font-size:14px}.ecp-pro-form-item__help-icon[data-v-84880e9d]{margin-left:4px;color:#909399;cursor:help;font-size:14px}.ecp-pro-form-item__help-icon[data-v-84880e9d]:hover{color:#409eff}.ecp-pro-form-item__help-item[data-v-84880e9d]{margin-bottom:4px}.ecp-pro-form-item__help-item[data-v-84880e9d]:last-child{margin-bottom:0}.ecp-form-actions[data-v-489c88d2]{text-align:right}.ecp-form-actions__advance[data-v-489c88d2]{margin-right:8px}.el-icon-d-arrow-left.up[data-v-489c88d2]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-489c88d2]{transform:rotate(-90deg)}.ecp-pro-form[data-v-6171d80d]{padding:16px;position:relative}.ecp-pro-form__advance[data-v-6171d80d]{margin-bottom:16px}.ecp-pro-form_col[data-v-6171d80d]{position:relative;float:right}.el-icon-d-arrow-left.up[data-v-6171d80d]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-6171d80d]{transform:rotate(-90deg)}.ecp-form-actions__advance[data-v-6171d80d]{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}.ecp-pro-descriptions[data-v-31a2b882]{width:100%;box-sizing:border-box}.ecp-pro-descriptions__header[data-v-31a2b882]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.ecp-pro-descriptions__title-wrap[data-v-31a2b882]{display:flex;align-items:center;gap:6px}.ecp-pro-descriptions__title[data-v-31a2b882]{font-size:16px;font-weight:600;color:#303133}.ecp-pro-descriptions__help[data-v-31a2b882],.ecp-pro-descriptions__toggle[data-v-31a2b882]{color:#909399}.ecp-pro-descriptions__toggle .el-icon-arrow-down[data-v-31a2b882]{margin-left:4px;transition:transform .2s ease}.ecp-pro-descriptions__toggle .el-icon-arrow-down.is-expanded[data-v-31a2b882]{transform:rotate(180deg)}.ecp-pro-descriptions__body[data-v-31a2b882]{display:grid;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5;overflow:hidden}.ecp-pro-descriptions__body.is-collapsed[data-v-31a2b882]{overflow:hidden}.ecp-pro-descriptions__body[data-v-31a2b882]:not(.is-bordered){border-top:0;border-left:0;gap:12px 16px}.ecp-pro-descriptions__item[data-v-31a2b882]{display:flex;min-width:0;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__item[data-v-31a2b882]{border-right:0;border-bottom:0}.ecp-pro-descriptions__label[data-v-31a2b882],.ecp-pro-descriptions__content[data-v-31a2b882]{min-width:0;box-sizing:border-box;word-break:break-word}.ecp-pro-descriptions__label[data-v-31a2b882]{flex:0 0 120px;padding:12px 16px;color:#606266;background:#fafafa}.ecp-pro-descriptions__content[data-v-31a2b882]{flex:1;padding:12px 16px;color:#303133;background:#fff}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__label[data-v-31a2b882]{flex-basis:auto;padding:0;margin-right:8px;background:transparent;font-weight:500}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__content[data-v-31a2b882]{padding:0;background:transparent}.ecp-pro-descriptions__body.is-small .ecp-pro-descriptions__label[data-v-31a2b882],.ecp-pro-descriptions__body.is-small .ecp-pro-descriptions__content[data-v-31a2b882]{padding-top:8px;padding-bottom:8px;font-size:13px}@media (max-width: 767px){.ecp-pro-descriptions__item[data-v-31a2b882]{flex-direction:column}.ecp-pro-descriptions__label[data-v-31a2b882]{flex-basis:auto}}
+.ecp-pro-table[data-v-c5638c20]{padding:16px;background:#fff;width:100%;box-sizing:border-box}.ecp-pro-table[data-v-c5638c20] .el-table{width:100%!important}.ecp-pro-table__header[data-v-c5638c20]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ecp-pro-table__title-wrapper[data-v-c5638c20]{display:flex;align-items:center;gap:4px}.ecp-pro-table__title[data-v-c5638c20]{font-size:16px;font-weight:600}.ecp-pro-table__help[data-v-c5638c20]{color:#909399;cursor:help}.ecp-pro-table__toolbar[data-v-c5638c20]{display:flex;align-items:center;gap:8px}.ecp-pro-table__body[data-v-c5638c20]{width:100%}.ecp-pro-table__pagination[data-v-c5638c20]{margin-top:16px;display:flex;justify-content:flex-end}.ecp-pro-table__col-help[data-v-c5638c20]{margin-left:4px;color:#909399;cursor:help}.ecp-table-action[data-v-45a58e7c],.ecp-table-action__item[data-v-45a58e7c]{display:inline-flex;align-items:center;gap:4px}.ecp-table-action__icon[data-v-45a58e7c]{margin-right:4px}.ecp-table-action__more[data-v-45a58e7c]{display:inline-flex;align-items:center}.ecp-table-action__dropdown-item[data-v-45a58e7c]{display:inline-flex;align-items:center;gap:4px}.ecp-tree-select[data-v-f30bba11]{position:relative;width:100%}.ecp-tree-select__filter-inner[data-v-f30bba11]{margin-bottom:8px}.ecp-tree-select__dropdown[data-v-f30bba11]{position:absolute;top:100%;left:0;right:0;max-height:280px;overflow:auto;background:#fff;border:1px solid #dcdfe6;border-radius:4px;margin-top:4px;z-index:1000;padding:8px}.ecp-tree-select__loading[data-v-f30bba11]{padding:24px;text-align:center;color:#909399;font-size:14px}.ecp-pro-form-item__colon[data-v-9514f173]{margin-right:2px}.ecp-pro-form-item__help-icon[data-v-9514f173]{margin-left:4px;color:#909399;cursor:help;font-size:14px}.ecp-pro-form-item__help-icon[data-v-9514f173]:hover{color:#409eff}.ecp-pro-form-item__help-item[data-v-9514f173]{margin-bottom:4px}.ecp-pro-form-item__help-item[data-v-9514f173]:last-child{margin-bottom:0}.ecp-form-actions[data-v-489c88d2]{text-align:right}.ecp-form-actions__advance[data-v-489c88d2]{margin-right:8px}.el-icon-d-arrow-left.up[data-v-489c88d2]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-489c88d2]{transform:rotate(-90deg)}.ecp-pro-form[data-v-bf70afca]{padding:16px;position:relative}.ecp-pro-form__advance[data-v-bf70afca]{margin-bottom:16px}.ecp-pro-form_col[data-v-bf70afca]{position:relative;float:right}.el-icon-d-arrow-left.up[data-v-bf70afca]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-bf70afca]{transform:rotate(-90deg)}.ecp-form-actions__advance[data-v-bf70afca]{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}.ecp-pro-descriptions[data-v-7d6cd376]{width:100%;box-sizing:border-box}.ecp-pro-descriptions__header[data-v-7d6cd376]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.ecp-pro-descriptions__title-wrap[data-v-7d6cd376]{display:flex;align-items:center;gap:6px}.ecp-pro-descriptions__title[data-v-7d6cd376]{font-size:16px;font-weight:600;color:#303133}.ecp-pro-descriptions__help[data-v-7d6cd376],.ecp-pro-descriptions__toggle[data-v-7d6cd376]{color:#909399}.ecp-pro-descriptions__toggle .el-icon-arrow-down[data-v-7d6cd376]{margin-left:4px;transition:transform .2s ease}.ecp-pro-descriptions__toggle .el-icon-arrow-down.is-expanded[data-v-7d6cd376]{transform:rotate(180deg)}.ecp-pro-descriptions__body[data-v-7d6cd376]{display:grid;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5;overflow:hidden}.ecp-pro-descriptions__body.is-collapsed[data-v-7d6cd376]{overflow:hidden}.ecp-pro-descriptions__body[data-v-7d6cd376]:not(.is-bordered){border-top:0;border-left:0;gap:12px 16px}.ecp-pro-descriptions__item[data-v-7d6cd376]{display:flex;min-width:0;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__item[data-v-7d6cd376]{border-right:0;border-bottom:0}.ecp-pro-descriptions__label[data-v-7d6cd376],.ecp-pro-descriptions__content[data-v-7d6cd376]{min-width:0;box-sizing:border-box;word-break:break-word}.ecp-pro-descriptions__label[data-v-7d6cd376]{flex:0 0 120px;padding:12px 16px;color:#606266;background:#fafafa}.ecp-pro-descriptions__content[data-v-7d6cd376]{flex:1;padding:12px 16px;color:#303133;background:#fff}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__label[data-v-7d6cd376]{flex-basis:auto;padding:0;margin-right:8px;background:transparent;font-weight:500}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__content[data-v-7d6cd376]{padding:0;background:transparent}.ecp-pro-descriptions__body.is-small .ecp-pro-descriptions__label[data-v-7d6cd376],.ecp-pro-descriptions__body.is-small .ecp-pro-descriptions__content[data-v-7d6cd376]{padding-top:8px;padding-bottom:8px;font-size:13px}@media (max-width: 767px){.ecp-pro-descriptions__item[data-v-7d6cd376]{flex-direction:column}.ecp-pro-descriptions__label[data-v-7d6cd376]{flex-basis:auto}}

package/dist/types/index.d.ts

@@ -54,6 +54,7 @@ export interface ProFormProps {
     initialValues?: Record<string, unknown>;
     labelWidth?: string;
     labelPosition?: 'left' | 'right' | 'top';
+    colon?: boolean;
     gutter?: number;
     size?: 'medium' | 'small' | 'large';
     disabled?: boolean;
@@ -88,6 +89,8 @@ export interface ProFormSchema {
     label: string;
     /** 单个表单项标签宽度，优先级高于 Form 的 labelWidth */
     labelWidth?: string;
+    /** 是否显示 label 冒号，优先级高于 ProForm 的 colon */
+    colon?: boolean;
     /**
      * 组件类型：
      * - 内置：'input' | 'select' | 'date-picker' | 'date-range' | 'input-number' | 'switch' | 'cascader' | 'checkbox' | 'radio'
@@ -129,6 +132,8 @@ export interface ProFormSchema {
     helpMessage?: string | string[];
     /** 温馨提示组件的 props */
     helpComponentProps?: Record<string, unknown>;
+    /** 表单项 value 的 tooltip，true 时默认展示当前值，支持函数动态返回 */
+    tooltip?: boolean | string | Record<string, unknown> | ((params: RenderCallbackParams) => boolean | string | Record<string, unknown>);
 }
 /** ProDescriptions 描述项配置 */
 export interface ProDescriptionsSchema {
@@ -174,6 +179,12 @@ export interface DescriptionSchema {
     slot?: string;
     /** 自定义渲染 */
     render?: (value: unknown, record: Record<string, unknown>) => VNode | string | number | null | undefined;
+    /** 描述项 value 的 tooltip，true 时默认展示当前值，支持函数动态返回 */
+    tooltip?: boolean | string | Record<string, unknown> | ((params: {
+        value: unknown;
+        record: Record<string, unknown>;
+        schema: DescriptionSchema;
+    }) => boolean | string | Record<string, unknown>);
 }
 /** Description Props */
 export interface DescriptionProps {

package/dist/utils/tooltip.d.ts

@@ -0,0 +1,4 @@
+export type TooltipValue = boolean | string | Record<string, unknown>;
+export declare const hasTooltipContent: (value: unknown) => boolean;
+export declare const getTooltipContent: (value: unknown) => string;
+export declare const normalizeTooltipConfig: (tooltip: TooltipValue | null | undefined, fallbackValue?: unknown) => Record<string, unknown> | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aspire-ui/element-component-pro",
-  "version": "1.0.06",
+  "version": "1.0.07",
   "description": "Element UI 二次封装组件库，基于 Vue 2.7 + TypeScript + setup 语法糖，实现 VbenAdmin 风格的 Pro 组件",
   "type": "module",
   "main": "./dist/element-component-pro.umd.js",
@@ -32,6 +32,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue2": "^2.3.1",
     "element-ui": "^2.15.14",
+    "marked": "^9.1.6",
     "playwright": "^1.40.0",
     "typescript": "^5.3.0",
     "vite": "^4.5.0",

package/src/ProDescriptions/ProDescriptions.vue

@@ -72,6 +72,7 @@
 <script setup lang="ts">
 import { computed, defineComponent, h, onMounted, onUnmounted, ref, watch } from 'vue'
 import { useComponentSetting } from '../useComponentSetting'
+import { normalizeTooltipConfig } from '../utils/tooltip'
 import type {
   DescriptionActionType,
   DescriptionColumn,
@@ -139,30 +140,47 @@ const DescriptionValueRenderer = defineComponent({
       const record = rendererProps.record as Record<string, unknown>
       const value = rendererProps.value
 
+      const renderTextNode = (text: string) => {
+        const tooltipProps = normalizeTooltip(schema, text === rendererProps.emptyText ? value : text, record)
+        const contentNode = h('span', text)
+        if (!tooltipProps) return contentNode
+        return h('el-tooltip', { props: tooltipProps }, [contentNode])
+      }
+
       if (schema.render) {
         const rendered = schema.render(value, record)
-        if (rendered == null || rendered === '') return h('span', rendererProps.emptyText)
-        if (typeof rendered === 'string' || typeof rendered === 'number') return h('span', String(rendered))
+        if (rendered == null || rendered === '') return renderTextNode(rendererProps.emptyText)
+        if (typeof rendered === 'string' || typeof rendered === 'number') return renderTextNode(String(rendered))
         return rendered as never
       }
 
       if (Array.isArray(value)) {
-        return h('span', value.length ? value.join(', ') : rendererProps.emptyText)
+        return renderTextNode(value.length ? value.join(', ') : rendererProps.emptyText)
       }
 
       if (value === null || value === undefined || value === '') {
-        return h('span', rendererProps.emptyText)
+        return renderTextNode(rendererProps.emptyText)
       }
 
       if (typeof value === 'object') {
-        return h('span', JSON.stringify(value))
+        return renderTextNode(JSON.stringify(value))
       }
 
-      return h('span', String(value))
+      return renderTextNode(String(value))
     }
   },
 })
 
+const normalizeTooltip = (schema: DescriptionSchema, value: unknown, record: Record<string, unknown>) => {
+  const tooltip = schema.tooltip
+  if (!tooltip) return null
+
+  const resolved = typeof tooltip === 'function'
+    ? tooltip({ value, record, schema })
+    : tooltip
+  return normalizeTooltipConfig(resolved, value)
+}
+
 const { getSetting } = useComponentSetting()
 const effectiveProps = computed(() => ({ ...getSetting('ProDescriptions'), ...props, ...innerProps.value }))
 

package/src/ProForm/ProForm.vue

@@ -9,7 +9,7 @@
           <el-col v-if="shouldShow(schema)" :key="schema.field" v-bind="getColProps(schema)"
             :offset="schema.colProps?.offset ?? effectiveProps.baseColProps?.offset ?? 0" :data-field="schema.field">
             <ProFormItem :schema="schema" :form-model="currentFormModel" :form-disabled="effectiveProps.disabled"
-              :auto-placeholder="effectiveProps.autoSetPlaceholder" :form-action-type="formActionRef"
+              :auto-placeholder="effectiveProps.autoSetPlaceholder" :form-action-type="formActionRef" :colon="effectiveProps.colon"
               :custom-components="formCustomComponents" :on-field-change="handleFieldChange">
               <template v-if="slots[getSlotName(schema)]">
                 <slot :name="getSlotName(schema)" :model="currentFormModel" :schema="schema" :field="schema.field"
@@ -69,6 +69,7 @@ const props = withDefaults(
     initialValues?: Record<string, unknown>
     labelWidth?: string
     labelPosition?: 'left' | 'right' | 'top'
+    colon?: boolean
     gutter?: number
     size?: 'medium' | 'small' | 'large'
     disabled?: boolean
@@ -96,6 +97,7 @@ const props = withDefaults(
   {
     labelWidth: '120px',
     labelPosition: 'right',
+    colon: true,
     gutter: 24,
     size: 'medium',
     autoSetPlaceholder: true,