@deot/vc 1.0.20 → 1.0.22

package/dist/index.d.ts

@@ -1613,6 +1613,14 @@ export declare const Components: {
         type: (StringConstructor | BooleanConstructor)[];
         default: string;
         };
+        okDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
+        cancelDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
         footer: {
         type: BooleanConstructor;
         default: boolean;
@@ -1640,6 +1648,8 @@ export declare const Components: {
         closeWithCancel: boolean;
         okText: string | boolean;
         cancelText: string | boolean;
+        okDisabled: boolean;
+        cancelDisabled: boolean;
         }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1696,6 +1706,14 @@ export declare const Components: {
         type: (StringConstructor | BooleanConstructor)[];
         default: string;
         };
+        okDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
+        cancelDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
         footer: {
         type: BooleanConstructor;
         default: boolean;
@@ -1723,6 +1741,8 @@ export declare const Components: {
         closeWithCancel: boolean;
         okText: string | boolean;
         cancelText: string | boolean;
+        okDisabled: boolean;
+        cancelDisabled: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1776,6 +1796,14 @@ export declare const Components: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -1803,6 +1831,8 @@ export declare const Components: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
         open: (options: Partial<{
             footer: boolean;
@@ -1817,6 +1847,8 @@ export declare const Components: {
             closeWithCancel: boolean;
             okText: string | boolean;
             cancelText: string | boolean;
+            okDisabled: boolean;
+            cancelDisabled: boolean;
         } & {
             title?: string | undefined;
             onCancel?: Function | undefined;
@@ -1879,6 +1911,14 @@ export declare const Components: {
         type: (StringConstructor | BooleanConstructor)[];
         default: string;
         };
+        okDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
+        cancelDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
         footer: {
         type: BooleanConstructor;
         default: boolean;
@@ -1906,6 +1946,8 @@ export declare const Components: {
         closeWithCancel: boolean;
         okText: string | boolean;
         cancelText: string | boolean;
+        okDisabled: boolean;
+        cancelDisabled: boolean;
         }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1962,6 +2004,14 @@ export declare const Components: {
         type: (StringConstructor | BooleanConstructor)[];
         default: string;
         };
+        okDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
+        cancelDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
         footer: {
         type: BooleanConstructor;
         default: boolean;
@@ -1989,6 +2039,8 @@ export declare const Components: {
         closeWithCancel: boolean;
         okText: string | boolean;
         cancelText: string | boolean;
+        okDisabled: boolean;
+        cancelDisabled: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -2042,6 +2094,14 @@ export declare const Components: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -2069,6 +2129,8 @@ export declare const Components: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
         open: (options: Partial<{
             footer: boolean;
@@ -2083,6 +2145,8 @@ export declare const Components: {
             closeWithCancel: boolean;
             okText: string | boolean;
             cancelText: string | boolean;
+            okDisabled: boolean;
+            cancelDisabled: boolean;
         } & {
             title?: string | undefined;
             onCancel?: Function | undefined;
@@ -2144,6 +2208,14 @@ export declare const Components: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -2203,6 +2275,14 @@ export declare const Components: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -2230,6 +2310,8 @@ export declare const Components: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     MDrawerView: DefineComponent<ExtractPropTypes<    {
     title: StringConstructor;
@@ -2280,6 +2362,14 @@ export declare const Components: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -2339,6 +2429,14 @@ export declare const Components: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -2366,6 +2464,8 @@ export declare const Components: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     Dropdown: DefineComponent<ExtractPropTypes<    {
     tag: {
@@ -4227,6 +4327,14 @@ export declare const Components: {
         type: BooleanConstructor;
         default: boolean;
         };
+        okDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
+        cancelDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
         onOk: {
         type: FunctionConstructor;
         };
@@ -4253,6 +4361,8 @@ export declare const Components: {
         closeWithCancel: boolean;
         okText: string | boolean;
         cancelText: string | boolean;
+        okDisabled: boolean;
+        cancelDisabled: boolean;
         escClosable: boolean;
         draggable: boolean;
         }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -4332,6 +4442,14 @@ export declare const Components: {
         type: BooleanConstructor;
         default: boolean;
         };
+        okDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
+        cancelDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
         onOk: {
         type: FunctionConstructor;
         };
@@ -4358,6 +4476,8 @@ export declare const Components: {
         closeWithCancel: boolean;
         okText: string | boolean;
         cancelText: string | boolean;
+        okDisabled: boolean;
+        cancelDisabled: boolean;
         escClosable: boolean;
         draggable: boolean;
         }>;
@@ -4434,6 +4554,14 @@ export declare const Components: {
     type: BooleanConstructor;
     default: boolean;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     onOk: {
     type: FunctionConstructor;
     };
@@ -4460,6 +4588,8 @@ export declare const Components: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     escClosable: boolean;
     draggable: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
@@ -4477,6 +4607,8 @@ export declare const Components: {
             closeWithCancel: boolean;
             okText: string | boolean;
             cancelText: string | boolean;
+            okDisabled: boolean;
+            cancelDisabled: boolean;
             escClosable: boolean;
             draggable: boolean;
         } & {
@@ -4503,6 +4635,8 @@ export declare const Components: {
             closeWithCancel: boolean;
             okText: string | boolean;
             cancelText: string | boolean;
+            okDisabled: boolean;
+            cancelDisabled: boolean;
             escClosable: boolean;
             draggable: boolean;
         } & {
@@ -4529,6 +4663,8 @@ export declare const Components: {
             closeWithCancel: boolean;
             okText: string | boolean;
             cancelText: string | boolean;
+            okDisabled: boolean;
+            cancelDisabled: boolean;
             escClosable: boolean;
             draggable: boolean;
         } & {
@@ -4555,6 +4691,8 @@ export declare const Components: {
             closeWithCancel: boolean;
             okText: string | boolean;
             cancelText: string | boolean;
+            okDisabled: boolean;
+            cancelDisabled: boolean;
             escClosable: boolean;
             draggable: boolean;
         } & {
@@ -4640,6 +4778,14 @@ export declare const Components: {
     type: BooleanConstructor;
     default: boolean;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     onOk: {
     type: FunctionConstructor;
     };
@@ -4716,6 +4862,14 @@ export declare const Components: {
     type: BooleanConstructor;
     default: boolean;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     onOk: {
     type: FunctionConstructor;
     };
@@ -4742,6 +4896,8 @@ export declare const Components: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     escClosable: boolean;
     draggable: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/dist/index.iife.js

@@ -26938,9 +26938,9 @@ var Vc = (function (exports, vue) {
       default: true
     },
     autoWidth: {
-      // 同宽
+      // 当为false是，使用triggerEl宽度
       type: Boolean,
-      default: false
+      default: true
     },
     triggerEl: {
       type: Object,
@@ -28023,7 +28023,7 @@ var Vc = (function (exports, vue) {
         fitPos.value = result;
         wrapperStyle.value = $wrapperStyle;
         arrowStyle.value = $arrowStyle;
-        if (!props2.autoWidth) return;
+        if (props2.autoWidth) return;
         wrapperW.value = {
           width: `${triggerEl.getBoundingClientRect().width}px`
         };
@@ -29047,7 +29047,7 @@ var Vc = (function (exports, vue) {
           "trigger": props2.trigger,
           "tag": props2.tag,
           "placement": props2.placement,
-          "autoWidth": false,
+          "autoWidth": true,
           "disabled": props2.disabled,
           "portalClass": ["is-padding-none", "vc-date-picker--portal", props2.portalClass],
           "class": [classes.value, its.value.class, "vc-date-picker"],
@@ -32206,6 +32206,14 @@ var Vc = (function (exports, vue) {
       type: [String, Boolean],
       default: "取消"
     },
+    okDisabled: {
+      type: Boolean,
+      default: false
+    },
+    cancelDisabled: {
+      type: Boolean,
+      default: false
+    },
     footer: {
       type: Boolean,
       default: true
@@ -32341,11 +32349,13 @@ var Vc = (function (exports, vue) {
             "class": ["vc-drawer__footer"]
           }, [slots["footer-extra"]?.(), !slots.footer ? vue.createVNode(vue.Fragment, null, [props2.cancelText && vue.createVNode(Button, {
             "style": "margin-right: 8px;",
+            "disabled": props2.cancelDisabled,
             "onClick": (e) => handleBefore(e, handleCancel)
           }, {
             default: () => [props2.cancelText]
           }), props2.okText && vue.createVNode(Button, {
             "type": "primary",
+            "disabled": props2.okDisabled,
             "onClick": (e) => handleBefore(e, handleOk)
           }, {
             default: () => [props2.okText]
@@ -33909,6 +33919,14 @@ var Vc = (function (exports, vue) {
       type: Boolean,
       default: false
     },
+    okDisabled: {
+      type: Boolean,
+      default: false
+    },
+    cancelDisabled: {
+      type: Boolean,
+      default: false
+    },
     /**
      * 兼容portal设计, 实现Promise方式
      */
@@ -34209,11 +34227,13 @@ var Vc = (function (exports, vue) {
             }, "vc-modal__footer"]
           }, [slots["footer-extra"]?.(), !slots.footer ? vue.createVNode(vue.Fragment, null, [props2.cancelText && vue.createVNode(Button, {
             "style": "margin-right: 8px;",
+            "disabled": props2.cancelDisabled,
             "onClick": (e) => handleBefore(e, handleCancel)
           }, {
             default: () => [props2.cancelText]
           }), props2.okText && vue.createVNode(Button, {
             "type": "primary",
+            "disabled": props2.okDisabled,
             "onClick": (e) => handleBefore(e, handleOk)
           }, {
             default: () => [props2.okText]
@@ -34970,7 +34990,7 @@ var Vc = (function (exports, vue) {
     },
     autoWidth: {
       type: Boolean,
-      default: true
+      default: false
     },
     max: {
       type: Number,
@@ -35208,32 +35228,34 @@ var Vc = (function (exports, vue) {
               "class": "vc-select__loading"
             }, [vue.createVNode(Spin, {
               "size": 16
-            }, null)]), vue.createVNode("div", {
+            }, null)]), vue.createVNode(Scroller, {
               "class": "vc-select__options"
-            }, [props2.data ? vue.createVNode("div", null, [props2.data.map((item) => {
-              let _slot;
-              return Array.isArray(item.children) ? vue.createVNode(OptionGroup, {
-                "value": item.value,
-                "label": item.label,
-                "key": item.value
-              }, _isSlot$1(_slot = item.children.map(($item) => {
-                return vue.createVNode(Option, {
-                  "key": $item.value,
-                  "value": $item.value,
-                  "label": $item.label,
-                  "disabled": $item.disabled,
-                  "filterable": $item.filterable
+            }, {
+              default: () => [props2.data ? vue.createVNode("div", null, [props2.data.map((item) => {
+                let _slot;
+                return Array.isArray(item.children) ? vue.createVNode(OptionGroup, {
+                  "value": item.value,
+                  "label": item.label,
+                  "key": item.value
+                }, _isSlot$1(_slot = item.children.map(($item) => {
+                  return vue.createVNode(Option, {
+                    "key": $item.value,
+                    "value": $item.value,
+                    "label": $item.label,
+                    "disabled": $item.disabled,
+                    "filterable": $item.filterable
+                  }, null);
+                })) ? _slot : {
+                  default: () => [_slot]
+                }) : vue.createVNode(Option, {
+                  "key": item.value,
+                  "value": item.value,
+                  "label": item.label,
+                  "disabled": item.disabled,
+                  "filterable": item.filterable
                 }, null);
-              })) ? _slot : {
-                default: () => [_slot]
-              }) : vue.createVNode(Option, {
-                "key": item.value,
-                "value": item.value,
-                "label": item.label,
-                "disabled": item.disabled,
-                "filterable": item.filterable
-              }, null);
-            })]) : slots.default?.()])]);
+              })]) : slots.default?.()]
+            })]);
           }
         });
       };
@@ -39145,8 +39167,8 @@ var Vc = (function (exports, vue) {
           scrollPosition.value = "middle";
         }
         if (!props2.height) {
-          leftFixedBody.value.getRootElement().scrollTop = bodyXWrapper.value.scrollTop;
-          rightFixedBody.value.getRootElement().scrollTop = bodyXWrapper.value.scrollTop;
+          leftFixedBody.value && (leftFixedBody.value.getRootElement().scrollTop = bodyXWrapper.value.scrollTop);
+          rightFixedBody.value && (rightFixedBody.value.getRootElement().scrollTop = bodyXWrapper.value.scrollTop);
         }
       }, 20);
       const handleScollY = (e) => {
@@ -39618,9 +39640,10 @@ var Vc = (function (exports, vue) {
         emit("clip", endIndex.value);
       };
       const handleResize = props2.resize === true || props2.resize === 0 ? calcPosition : debounce$1(calcPosition, props2.resize || 0);
+      let poper;
       const handleMouseOver = (e) => {
         if (endIndex.value > 0) {
-          Popover.open({
+          poper = Popover.open({
             el: document.body,
             name: "vc-text-popover",
             // 确保不重复创建
@@ -39644,6 +39667,7 @@ var Vc = (function (exports, vue) {
       });
       vue.onBeforeUnmount(() => {
         props2.resize !== false && Resize.off(instance.vnode.el, handleResize);
+        poper?.destroy?.();
       });
       const Content = props2.tag;
       return () => {
@@ -39790,7 +39814,7 @@ var Vc = (function (exports, vue) {
       return vue.createVNode(Text, {
         "style": style2,
         "line": line,
-        "value": value
+        "value": `${value}`
       }, null);
     }
     return value;

package/dist/index.umd.cjs

@@ -26941,9 +26941,9 @@
       default: true
     },
     autoWidth: {
-      // 同宽
+      // 当为false是，使用triggerEl宽度
       type: Boolean,
-      default: false
+      default: true
     },
     triggerEl: {
       type: Object,
@@ -28026,7 +28026,7 @@
         fitPos.value = result;
         wrapperStyle.value = $wrapperStyle;
         arrowStyle.value = $arrowStyle;
-        if (!props2.autoWidth) return;
+        if (props2.autoWidth) return;
         wrapperW.value = {
           width: `${triggerEl.getBoundingClientRect().width}px`
         };
@@ -29050,7 +29050,7 @@
           "trigger": props2.trigger,
           "tag": props2.tag,
           "placement": props2.placement,
-          "autoWidth": false,
+          "autoWidth": true,
           "disabled": props2.disabled,
           "portalClass": ["is-padding-none", "vc-date-picker--portal", props2.portalClass],
           "class": [classes.value, its.value.class, "vc-date-picker"],
@@ -32209,6 +32209,14 @@
       type: [String, Boolean],
       default: "取消"
     },
+    okDisabled: {
+      type: Boolean,
+      default: false
+    },
+    cancelDisabled: {
+      type: Boolean,
+      default: false
+    },
     footer: {
       type: Boolean,
       default: true
@@ -32344,11 +32352,13 @@
             "class": ["vc-drawer__footer"]
           }, [slots["footer-extra"]?.(), !slots.footer ? vue.createVNode(vue.Fragment, null, [props2.cancelText && vue.createVNode(Button, {
             "style": "margin-right: 8px;",
+            "disabled": props2.cancelDisabled,
             "onClick": (e) => handleBefore(e, handleCancel)
           }, {
             default: () => [props2.cancelText]
           }), props2.okText && vue.createVNode(Button, {
             "type": "primary",
+            "disabled": props2.okDisabled,
             "onClick": (e) => handleBefore(e, handleOk)
           }, {
             default: () => [props2.okText]
@@ -33912,6 +33922,14 @@
       type: Boolean,
       default: false
     },
+    okDisabled: {
+      type: Boolean,
+      default: false
+    },
+    cancelDisabled: {
+      type: Boolean,
+      default: false
+    },
     /**
      * 兼容portal设计, 实现Promise方式
      */
@@ -34212,11 +34230,13 @@
             }, "vc-modal__footer"]
           }, [slots["footer-extra"]?.(), !slots.footer ? vue.createVNode(vue.Fragment, null, [props2.cancelText && vue.createVNode(Button, {
             "style": "margin-right: 8px;",
+            "disabled": props2.cancelDisabled,
             "onClick": (e) => handleBefore(e, handleCancel)
           }, {
             default: () => [props2.cancelText]
           }), props2.okText && vue.createVNode(Button, {
             "type": "primary",
+            "disabled": props2.okDisabled,
             "onClick": (e) => handleBefore(e, handleOk)
           }, {
             default: () => [props2.okText]
@@ -34973,7 +34993,7 @@
     },
     autoWidth: {
       type: Boolean,
-      default: true
+      default: false
     },
     max: {
       type: Number,
@@ -35211,32 +35231,34 @@
               "class": "vc-select__loading"
             }, [vue.createVNode(Spin, {
               "size": 16
-            }, null)]), vue.createVNode("div", {
+            }, null)]), vue.createVNode(Scroller, {
               "class": "vc-select__options"
-            }, [props2.data ? vue.createVNode("div", null, [props2.data.map((item) => {
-              let _slot;
-              return Array.isArray(item.children) ? vue.createVNode(OptionGroup, {
-                "value": item.value,
-                "label": item.label,
-                "key": item.value
-              }, _isSlot$1(_slot = item.children.map(($item) => {
-                return vue.createVNode(Option, {
-                  "key": $item.value,
-                  "value": $item.value,
-                  "label": $item.label,
-                  "disabled": $item.disabled,
-                  "filterable": $item.filterable
+            }, {
+              default: () => [props2.data ? vue.createVNode("div", null, [props2.data.map((item) => {
+                let _slot;
+                return Array.isArray(item.children) ? vue.createVNode(OptionGroup, {
+                  "value": item.value,
+                  "label": item.label,
+                  "key": item.value
+                }, _isSlot$1(_slot = item.children.map(($item) => {
+                  return vue.createVNode(Option, {
+                    "key": $item.value,
+                    "value": $item.value,
+                    "label": $item.label,
+                    "disabled": $item.disabled,
+                    "filterable": $item.filterable
+                  }, null);
+                })) ? _slot : {
+                  default: () => [_slot]
+                }) : vue.createVNode(Option, {
+                  "key": item.value,
+                  "value": item.value,
+                  "label": item.label,
+                  "disabled": item.disabled,
+                  "filterable": item.filterable
                 }, null);
-              })) ? _slot : {
-                default: () => [_slot]
-              }) : vue.createVNode(Option, {
-                "key": item.value,
-                "value": item.value,
-                "label": item.label,
-                "disabled": item.disabled,
-                "filterable": item.filterable
-              }, null);
-            })]) : slots.default?.()])]);
+              })]) : slots.default?.()]
+            })]);
           }
         });
       };
@@ -39148,8 +39170,8 @@
           scrollPosition.value = "middle";
         }
         if (!props2.height) {
-          leftFixedBody.value.getRootElement().scrollTop = bodyXWrapper.value.scrollTop;
-          rightFixedBody.value.getRootElement().scrollTop = bodyXWrapper.value.scrollTop;
+          leftFixedBody.value && (leftFixedBody.value.getRootElement().scrollTop = bodyXWrapper.value.scrollTop);
+          rightFixedBody.value && (rightFixedBody.value.getRootElement().scrollTop = bodyXWrapper.value.scrollTop);
         }
       }, 20);
       const handleScollY = (e) => {
@@ -39621,9 +39643,10 @@
         emit("clip", endIndex.value);
       };
       const handleResize = props2.resize === true || props2.resize === 0 ? calcPosition : debounce$1(calcPosition, props2.resize || 0);
+      let poper;
       const handleMouseOver = (e) => {
         if (endIndex.value > 0) {
-          Popover.open({
+          poper = Popover.open({
             el: document.body,
             name: "vc-text-popover",
             // 确保不重复创建
@@ -39647,6 +39670,7 @@
       });
       vue.onBeforeUnmount(() => {
         props2.resize !== false && Resize.off(instance.vnode.el, handleResize);
+        poper?.destroy?.();
       });
       const Content = props2.tag;
       return () => {
@@ -39793,7 +39817,7 @@
       return vue.createVNode(Text, {
         "style": style2,
         "line": line,
-        "value": value
+        "value": `${value}`
       }, null);
     }
     return value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.20",
-    "@deot/vc-hooks": "^1.0.20",
-    "@deot/vc-shared": "^1.0.20"
+    "@deot/vc-components": "^1.0.22",
+    "@deot/vc-hooks": "^1.0.22",
+    "@deot/vc-shared": "^1.0.22"
   },
   "peerDependencies": {
     "vue": "*"