bkui-vue 0.0.2-beta.8 → 0.0.2-table-refactor.1

package/lib/overflow-title/index.d.ts

@@ -15,8 +15,8 @@ declare const BkOverflowTitle: {
             resizeable?: boolean;
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -57,6 +57,7 @@ declare const BkOverflowTitle: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly popoverOptions?: unknown;
         };
         $attrs: {
             [x: string]: unknown;
@@ -90,6 +91,134 @@ declare const BkOverflowTitle: {
             resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
+            popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+                isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                always: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                width: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                height: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                maxWidth: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                    default: string | number | (() => HTMLElement) | (() => JSX.Element);
+                };
+                target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+                allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                    default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+                };
+                theme: import("vue-types").VueTypeValidableDef<string> & {
+                    default: string;
+                } & {
+                    default: string;
+                };
+                trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+                    default: "click" | "hover" | "manual";
+                };
+                renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                    default: "auto" | "shown";
+                };
+                arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                padding: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                offset: import("vue-types").VueTypeDef<number | {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                    alignmentAxis?: number;
+                }> & {
+                    default: number | (() => {
+                        mainAxis?: number;
+                        crossAxis?: number;
+                        alignmentAxis?: number;
+                    });
+                };
+                boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+                zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                reference: import("vue-types").VueTypeValidableDef<any>;
+                modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                    default: () => unknown[];
+                } & {
+                    default: () => unknown[];
+                };
+                popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+                    default: number | (() => number[]);
+                };
+                extCls: import("vue-types").VueTypeValidableDef<string> & {
+                    default: string;
+                } & {
+                    default: string;
+                };
+                componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+            }>>>>;
         }>>, {
             boxRef: import("vue").Ref<HTMLElement>;
             textRef: import("vue").Ref<HTMLElement>;
@@ -144,6 +273,134 @@ declare const BkOverflowTitle: {
         resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
+        popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                default: string | number | (() => HTMLElement) | (() => JSX.Element);
+            };
+            target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+            allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            };
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+                default: "click" | "hover" | "manual";
+            };
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
+            };
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            padding: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            offset: import("vue-types").VueTypeDef<number | {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            }> & {
+                default: number | (() => {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                    alignmentAxis?: number;
+                });
+            };
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            reference: import("vue-types").VueTypeValidableDef<any>;
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+                default: number | (() => number[]);
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>>>;
     }>> & import("vue").ShallowUnwrapRef<{
         boxRef: import("vue").Ref<HTMLElement>;
         textRef: import("vue").Ref<HTMLElement>;
@@ -175,6 +432,134 @@ declare const BkOverflowTitle: {
     resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    popoverOptions: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+        allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        };
+        theme: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+            default: "click" | "hover" | "manual";
+        };
+        renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+            default: "auto" | "shown";
+        };
+        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        padding: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        offset: import("vue-types").VueTypeDef<number | {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        }> & {
+            default: number | (() => {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            });
+        };
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        reference: import("vue-types").VueTypeValidableDef<any>;
+        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+            default: number | (() => number[]);
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>>>>;
 }>>, {
     boxRef: import("vue").Ref<HTMLElement>;
     textRef: import("vue").Ref<HTMLElement>;
@@ -191,5 +576,5 @@ declare const BkOverflowTitle: {
     calType: string;
     resizeable: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
-export { getActualWidthByDom, getActualWidthByCanvas, overflowTitle, OverflowTitle, };
+export { getActualWidthByDom, getActualWidthByCanvas, overflowTitle, OverflowTitle };
 export default BkOverflowTitle;

package/lib/overflow-title/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../popover"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../popover","vue-types"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../popover"),require("vue-types")):t(e["../shared"],e.vue,e["../popover"],e["vue-types"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o,n)=>(()=>{"use strict";var r={35:(e,t,o)=>{var n=o(9601),r=o.n(n),i=o(2609);o.n(i)()(r()).push([e.id,".text-ov {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.position-relative {\n  position: relative;\n}\n.position-absolute {\n  position: absolute;\n}\n",""])},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o="",n=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),n&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=e(t),n&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o})).join("")},t.i=function(e,o,n,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(n)for(var l=0;l<this.length;l++){var u=this[l][0];null!=u&&(a[u]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);n&&a[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),o&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=o):c[2]=o),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),t.push(c))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5537:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=n}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={id:e,exports:{}};return r[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{OverflowTitle:()=>d,default:()=>f,getActualWidthByCanvas:()=>s,getActualWidthByDom:()=>c,overflowTitle:()=>p});var e,t=a(4212),o=a(748),n=a(5537),r=a.n(n),i=a(210);!function(e){e.AUTO="auto",e.AUTO_START="auto-start",e.AUTO_END="auto-end",e.TOP="top",e.RIGHT="right",e.BOTTOM="bottom",e.LEFT="left",e.TOP_START="top-start",e.TOP_END="top-end",e.BOTTOM_START="bottom-start",e.BOTTOM_END="bottom-end",e.RIGHT_START="right-start",e.RIGHT_END="right-end",e.LEFT_START="left-start",e.LEFT_END="left-end"}(e||(e={}));const u={content:t.PropTypes.string,type:t.PropTypes.oneOf(["tips","title"]).def("title"),calType:t.PropTypes.oneOf(["dom","canvas"]).def("dom"),boundary:t.PropTypes.oneOfType([t.PropTypes.string.def("parent"),t.PropTypes.instanceOf(HTMLElement)]).def(document.body),placement:(0,i.string)().def(e.BOTTOM).def(e.TOP_START),resizeable:t.PropTypes.bool},s=function(e,t){var o=t.fontSize,n=void 0===o?14:o,r=t.fontFamily,i=void 0===r?"Microsoft YaHei":r,a=document.createElement("canvas").getContext("2d");a.font="".concat(n,"px ").concat(i);var l=a.measureText(e),u=Math.abs(l.actualBoundingBoxLeft)+Math.abs(l.actualBoundingBoxRight);return Math.max(l.width,u)},c=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:document.body;if(!o)return 0;var n=t||{},r=n.fontSize,i=n.fontFamily,a=document.createElement("div");a.style.cssText="position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n    ".concat(r?"font-size:".concat(r," ;"):"","\n    ").concat(i?"font-family:".concat(i," "):"","\n  "),a.innerText=e,o.append(a);var l=a.clientWidth;return o.removeChild(a),l};a(35);const d=(0,o.defineComponent)({name:"OverflowTitle",props:u,setup:function(e,n){var r=n.slots,i=(0,o.ref)(null),a=(0,o.ref)(null),l=(0,o.ref)(!1),u=(0,o.shallowRef)(),d=(0,o.computed)((function(){var t;return e.content?e.content:null===(t=null==r?void 0:r.default)||void 0===t?void 0:t.call(r)}));return(0,o.onMounted)((function(){var n=i.value.clientWidth,r=(0,t.debounce)(500,(function(){var t,o,r;l.value=!1,u.value={};var p=0;if("dom"===e.calType)p=c(null===(t=a.value)||void 0===t?void 0:t.textContent,null,i.value);else{var f=getComputedStyle(i.value),v=f.fontSize,T=f.fontFamily;p=s(d.value,{fontSize:v,fontFamily:T})}p>n&&(l.value=!0,"title"===e.type&&(u.value={title:null!==(r=null===(o=null==a?void 0:a.value)||void 0===o?void 0:o.innerText)&&void 0!==r?r:e.content}))}));if(r(),e.resizeable){var p=new ResizeObserver(r);p.observe(i.value),(0,o.onBeforeUnmount)((function(){i.value&&(null==p||p.unobserve(i.value)),null==p||p.disconnect()}))}})),{boxRef:i,textRef:a,isShowTips:l,contentText:d,textProps:u}},render:function(){var e=this;return(0,o.createVNode)("div",{ref:"boxRef",class:"position-relative"},[(0,o.createVNode)(r(),{disabled:"title"===this.type||!this.isShowTips,placement:this.placement,boundary:this.boundary||document.body},{default:function(){return(0,o.createVNode)("div",(0,o.mergeProps)({ref:"textRef",class:"text-ov"},e.textProps),[e.contentText])},content:function(){return e.contentText}})])}}),p={mounted:function(e,t){var o=t.value,n=void 0===o?{}:o,r=e.parentElement.clientWidth;if(r){var i=n.content,a=n.calType,l=void 0===a?"dom":a,u=i||e.innerText,d=0;if("dom"===l)d=c(e.textContent,null,e.parentElement);else{var p=getComputedStyle(e),f=p.fontSize,v=p.fontFamily;d=s(u,{fontSize:f,fontFamily:v})}d>r&&e.setAttribute("title",u)}}},f=(0,t.withInstall)(d)})(),l})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../popover"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../popover","vue-types"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../popover"),require("vue-types")):t(e["../shared"],e.vue,e["../popover"],e["vue-types"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o,n)=>(()=>{"use strict";var r={35:(e,t,o)=>{var n=o(9601),r=o.n(n),i=o(2609);o.n(i)()(r()).push([e.id,".text-ov {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.position-relative {\n  position: relative;\n}\n.position-absolute {\n  position: absolute;\n}\n",""])},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o="",n=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),n&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=e(t),n&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o})).join("")},t.i=function(e,o,n,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(n)for(var l=0;l<this.length;l++){var u=this[l][0];null!=u&&(a[u]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);n&&a[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),o&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=o):c[2]=o),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),t.push(c))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5537:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=n}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={id:e,exports:{}};return r[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{OverflowTitle:()=>p,default:()=>v,getActualWidthByCanvas:()=>s,getActualWidthByDom:()=>c,overflowTitle:()=>d});var e,t=a(4212),o=a(748),n=a(5537),r=a.n(n),i=a(210);!function(e){e.AUTO="auto",e.AUTO_START="auto-start",e.AUTO_END="auto-end",e.TOP="top",e.RIGHT="right",e.BOTTOM="bottom",e.LEFT="left",e.TOP_START="top-start",e.TOP_END="top-end",e.BOTTOM_START="bottom-start",e.BOTTOM_END="bottom-end",e.RIGHT_START="right-start",e.RIGHT_END="right-end",e.LEFT_START="left-start",e.LEFT_END="left-end"}(e||(e={}));const u={content:t.PropTypes.string,type:t.PropTypes.oneOf(["tips","title"]).def("title"),calType:t.PropTypes.oneOf(["dom","canvas"]).def("dom"),boundary:t.PropTypes.oneOfType([t.PropTypes.string.def("parent"),t.PropTypes.instanceOf(HTMLElement)]).def(document.body),placement:(0,i.string)().def(e.BOTTOM).def(e.TOP_START),resizeable:t.PropTypes.bool,popoverOptions:Object},s=function(e,t){var o=t.fontSize,n=void 0===o?14:o,r=t.fontFamily,i=void 0===r?"Microsoft YaHei":r,a=document.createElement("canvas").getContext("2d");a.font="".concat(n,"px ").concat(i);var l=a.measureText(e),u=Math.abs(l.actualBoundingBoxLeft)+Math.abs(l.actualBoundingBoxRight);return Math.max(l.width,u)},c=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:document.body;if(!o)return 0;var n=t||{},r=n.fontSize,i=n.fontFamily,a=document.createElement("div");a.style.cssText="position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n    ".concat(r?"font-size:".concat(r," ;"):"","\n    ").concat(i?"font-family:".concat(i," "):"","\n  "),a.innerText=e,o.append(a);var l=a.clientWidth;return o.removeChild(a),l};a(35);const p=(0,o.defineComponent)({name:"OverflowTitle",props:u,setup:function(e,n){var r=n.slots,i=(0,o.ref)(null),a=(0,o.ref)(null),l=(0,o.ref)(!1),u=(0,o.shallowRef)(),p=(0,o.computed)((function(){var t;return e.content?e.content:null===(t=null==r?void 0:r.default)||void 0===t?void 0:t.call(r)}));return(0,o.onMounted)((function(){var n=i.value.clientWidth,r=(0,t.debounce)(500,(function(){var t,o,r;l.value=!1,u.value={};var d=0;if("dom"===e.calType)d=c(null===(t=a.value)||void 0===t?void 0:t.textContent,null,i.value);else{var v=getComputedStyle(i.value),f=v.fontSize,T=v.fontFamily;d=s(p.value,{fontSize:f,fontFamily:T})}d>n&&(l.value=!0,"title"===e.type&&(u.value={title:null!==(r=null===(o=null==a?void 0:a.value)||void 0===o?void 0:o.innerText)&&void 0!==r?r:e.content}))}));if(r(),e.resizeable){var d=new ResizeObserver(r);d.observe(i.value),(0,o.onBeforeUnmount)((function(){i.value&&(null==d||d.unobserve(i.value)),null==d||d.disconnect()}))}})),{boxRef:i,textRef:a,isShowTips:l,contentText:p,textProps:u}},render:function(){var e=this;return(0,o.createVNode)("div",{ref:"boxRef",class:"position-relative"},[(0,o.createVNode)(r(),(0,o.mergeProps)({placement:this.placement,boundary:this.boundary||document.body,popoverDelay:[200,0]},u.popoverOptions,{disabled:"title"===this.type||!this.isShowTips}),{default:function(){return(0,o.createVNode)("div",(0,o.mergeProps)({ref:"textRef",class:"text-ov"},e.textProps),[e.contentText])},content:function(){return e.contentText}})])}}),d={mounted:function(e,t){var o=t.value,n=void 0===o?{}:o,r=e.parentElement.clientWidth;if(r){var i=n.content,a=n.calType,l=void 0===a?"dom":a,u=i||e.innerText,p=0;if("dom"===l)p=c(e.textContent,null,e.parentElement);else{var d=getComputedStyle(e),v=d.fontSize,f=d.fontFamily;p=s(u,{fontSize:v,fontFamily:f})}p>r&&e.setAttribute("title",u)}}},v=(0,t.withInstall)(p)})(),l})()));

package/lib/overflow-title/props.d.ts

@@ -1,3 +1,4 @@
+import { PropType } from 'vue/dist/vue';
 export type TipsType = 'tips' | 'title';
 export type CalType = 'dom' | 'canvas';
 export declare enum PlacementEnum {
@@ -39,5 +40,133 @@ declare const _default: {
     resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    popoverOptions: PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+        allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        };
+        theme: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+            default: "click" | "hover" | "manual";
+        };
+        renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+            default: "auto" | "shown";
+        };
+        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        padding: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        offset: import("vue-types").VueTypeDef<number | {
+            mainAxis?: number;
+            crossAxis?: number;
+            alignmentAxis?: number;
+        }> & {
+            default: number | (() => {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            });
+        };
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        reference: import("vue-types").VueTypeValidableDef<any>;
+        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+            default: number | (() => number[]);
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>>>>;
 };
 export default _default;

package/lib/pagination/index.d.ts

@@ -21,8 +21,8 @@ declare const BkPagination: {
             class?: unknown;
             style?: unknown;
             onChange?: (...args: any[]) => any;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -391,4 +391,4 @@ declare const BkPagination: {
     showTotalCount: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkPagination;
-export { BkPagination, };
+export { BkPagination };