bkui-vue 0.0.1-beta.46 → 0.0.1-beta.460

package/lib/shared/dom.d.ts

@@ -0,0 +1,3 @@
+export declare const on: (element: any, event: any, handler: any) => void;
+export declare const off: (element: any, event: any, handler: any) => void;
+export declare function scrollTop(el: any, from: number, to: any, duration?: number, endCallback?: any): void;

package/lib/shared/helper.d.ts

@@ -90,3 +90,12 @@ export declare function mergerIfFn(key: string, target: any, source: any): void;
  * @returns
  */
 export declare function isElement(obj: any): boolean;
+/**
+ * Whether the text content is clipped due to CSS overflow, as in showing `...`.
+ */
+export declare function hasOverflowEllipsis(element: HTMLElement): boolean;
+/**
+ * Sets the `title` attribute in the event's element target, when the text
+ * content is clipped due to CSS overflow, as in showing `...`.
+ */
+export declare function maybeShowTooltip(target: HTMLElement, title: string): void;

package/lib/shared/hooks/use-form-item.d.ts

@@ -0,0 +1,2 @@
+import { IFormItemContext } from '../../form';
+export declare const useFormItem: () => IFormItemContext;

package/lib/shared/hooks/use-form.d.ts

@@ -0,0 +1,2 @@
+import { IFormContext } from '../../form';
+export declare const useForm: () => IFormContext;

package/lib/shared/index.d.ts

@@ -23,15 +23,19 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-import { Plugin } from 'vue';
-export * from './z-index-manager';
-export * from './popover';
-export * from './pop-manager';
-export * from './mask-manager';
+import { Directive, Plugin } from 'vue';
+export * from './dom';
 export * from './helper';
-export * from './vue-types';
+export * from './hooks/use-form';
+export * from './hooks/use-form-item';
+export * from './mask-manager';
+export * from './pop-manager';
+export * from './popover';
 export * from './scrollbar-width';
+export * from './token';
 export * from './utils';
+export * from './vue-types';
+export * from './z-index-manager';
 export declare function classes(dynamicCls: object, constCls?: string): string;
 export declare const EMPTY_OBJ: any;
 export declare const noop: () => void;
@@ -42,7 +46,10 @@ export interface OriginComponent {
     install?: Plugin;
 }
 export declare const withInstall: <T extends OriginComponent>(component: T) => T & Plugin;
-export declare const withInstallProps: <T extends OriginComponent, K extends Record<string, unknown>>(component: T, childComponents: K, isProps?: boolean) => T & Plugin & Readonly<K>;
+export declare const withInstallProps: <T extends OriginComponent, K extends Record<string, unknown>, D extends Directive<any, any>>(component: T, childComponents: K, isProps?: boolean, directive?: {
+    name: string;
+    directive: D;
+}) => T & Plugin & Readonly<K>;
 /**
  * 解析当前组件ClassName，自动添加前缀
  * @param clsName 当前ClassName
@@ -50,3 +57,21 @@ export declare const withInstallProps: <T extends OriginComponent, K extends Rec
  * @returns prefix-clsName
  */
 export declare function resolveClassName(clsName: string, prefix?: string): string;
+/**
+ * 函数防抖
+ * @param {*} fn 执行的函数
+ * @param {*} delay 延时时间
+ * @param {*} immediate 是否立即执行
+ */
+export declare function debounce(delay: number, fn: Function, immediate?: boolean): {
+    (this: any): any;
+    cancel(): void;
+};
+/**
+ * 过滤（去除）对象中的某个属性
+ * @param data 需要处理的对象
+ * @param filter 过滤关键字
+ * @returns object 去除属性之后的对象
+ */
+export declare function filterProperty(data: object, filter: string[]): any;
+export declare function arrayEqual(arr1?: Array<string | number | string[]>, arr2?: Array<string | number | string[]>): any;

package/lib/shared/index.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("lodash"),require("@popperjs/core"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["vue","lodash","@popperjs/core","vue-types"],t);else{var n="object"==typeof exports?t(require("vue"),require("lodash"),require("@popperjs/core"),require("vue-types")):t(e.vue,e.lodash,e["@popperjs/core"],e["vue-types"]);for(var i in n)("object"==typeof exports?exports:e)[i]=n[i]}}(self,((e,t,n,i)=>(()=>{var r={8022:(e,t,n)=>{var i=n(4481),r=n(6426),o=r;o.v1=i,o.v4=r,e.exports=o},8725:e=>{for(var t=[],n=0;n<256;++n)t[n]=(n+256).toString(16).substr(1);e.exports=function(e,n){var i=n||0,r=t;return[r[e[i++]],r[e[i++]],r[e[i++]],r[e[i++]],"-",r[e[i++]],r[e[i++]],"-",r[e[i++]],r[e[i++]],"-",r[e[i++]],r[e[i++]],"-",r[e[i++]],r[e[i++]],r[e[i++]],r[e[i++]],r[e[i++]],r[e[i++]]].join("")}},9157:e=>{var t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(t){var n=new Uint8Array(16);e.exports=function(){return t(n),n}}else{var i=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),i[t]=e>>>((3&t)<<3)&255;return i}}},4481:(e,t,n)=>{var i,r,o=n(9157),s=n(8725),a=0,u=0;e.exports=function(e,t,n){var c=t&&n||0,l=t||[],p=(e=e||{}).node||i,f=void 0!==e.clockseq?e.clockseq:r;if(null==p||null==f){var d=o();null==p&&(p=i=[1|d[0],d[1],d[2],d[3],d[4],d[5]]),null==f&&(f=r=16383&(d[6]<<8|d[7]))}var h=void 0!==e.msecs?e.msecs:(new Date).getTime(),v=void 0!==e.nsecs?e.nsecs:u+1,y=h-a+(v-u)/1e4;if(y<0&&void 0===e.clockseq&&(f=f+1&16383),(y<0||h>a)&&void 0===e.nsecs&&(v=0),v>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=h,u=v,r=f;var g=(1e4*(268435455&(h+=122192928e5))+v)%4294967296;l[c++]=g>>>24&255,l[c++]=g>>>16&255,l[c++]=g>>>8&255,l[c++]=255&g;var m=h/4294967296*1e4&268435455;l[c++]=m>>>8&255,l[c++]=255&m,l[c++]=m>>>24&15|16,l[c++]=m>>>16&255,l[c++]=f>>>8|128,l[c++]=255&f;for(var k=0;k<6;++k)l[c+k]=p[k];return t||s(l)}},6426:(e,t,n)=>{var i=n(9157),r=n(8725);e.exports=function(e,t,n){var o=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var s=(e=e||{}).random||(e.rng||i)();if(s[6]=15&s[6]|64,s[8]=63&s[8]|128,t)for(var a=0;a<16;++a)t[o+a]=s[a];return t||r(s)}},5798:e=>{"use strict";e.exports=n},467:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e},210:e=>{"use strict";e.exports=i}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{"use strict";s.r(a),s.d(a,{AlignEnum:()=>ce,BKLAYERD_INDEX_EFAULT_VALUE:()=>H,BKLAYERTYPE:()=>L,BKPopIndexManager:()=>K,BKPopover:()=>$,BkMaskManager:()=>q,DialogTypeEnum:()=>he,DirectionEnum:()=>ve,EMPTY_OBJ:()=>Pe,InputBehaviorEnum:()=>me,InputBehaviorType:()=>je,LineStyleEnum:()=>ye,PlacementEnum:()=>pe,Placements:()=>ae,PropTypes:()=>Le,RenderDirectiveEnum:()=>ue,RenderType:()=>de,SelectedType:()=>Ne,SelectedTypeEnum:()=>Re,SizeEnum:()=>se,TagThemeEnum:()=>ge,TagThemeType:()=>Ae,ThemeEnum:()=>le,TriggerEnum:()=>fe,alignType:()=>Te,arrayEqual:()=>ze,bKMaskManager:()=>z,bkPopIndexManager:()=>W,bkZIndexManager:()=>B,capitalize:()=>U,checkOverflow:()=>_,classes:()=>Ce,clone:()=>h,debounce:()=>Ve,dialogTypeUnion:()=>Se,directionType:()=>we,elementsEqual:()=>d,filterProperty:()=>qe,finiteOrDefault:()=>p,formItemKey:()=>E,formKey:()=>M,getPopContainerId:()=>ee,hasOverflowEllipsis:()=>I,isArray:()=>u,isElement:()=>b,isEmpty:()=>o,isEmptyObj:()=>_e,isFinite:()=>l,isNullOrUndef:()=>r,isObject:()=>c,lineStyleType:()=>xe,maybeShowTooltip:()=>T,merge:()=>g,mergeIf:()=>m,mergerFn:()=>y,mergerIfFn:()=>k,noop:()=>De,observerResize:()=>D,off:()=>t,on:()=>e,placementType:()=>Oe,random:()=>P,renderDirectiveType:()=>Ie,renderEmptyVNode:()=>Ue,renderType:()=>Ee,resolveClassName:()=>Be,scrollTop:()=>n,scrollbarWidth:()=>te,stringEnum:()=>be,triggerType:()=>Me,useForm:()=>S,useFormItem:()=>w,valueOrDefault:()=>f,withInstall:()=>Fe,withInstallProps:()=>He});var e=document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!0)}:function(e,t,n){e&&t&&n&&e.attachEvent("on".concat(t),n)},t=document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!0)}:function(e,t,n){e&&t&&e.detachEvent("on".concat(t),n)};function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2?arguments[2]:void 0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:500,r=arguments.length>4?arguments[4]:void 0,o=Math.abs(t-n),s=Math.ceil(o/i*50);function a(t,n,i){if(t!==n){var o=t+i>n?n:t+i;t>n&&(o=t-i<n?n:t-i),e===window?window.scrollTo(o,o):e.scrollTop=o,window.requestAnimationFrame((function(){return a(o,n,i)}))}else null==r||r()}a(t,n,s)}function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function r(e){return null==e}function o(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&r(e)}function u(e){if(Array.isArray(e))return!0;var t=Object.prototype.toString.call(e);return"[object"===t.substr(0,7)&&"Array]"===t.substr(-6)}function c(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var l=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function p(e,t){return l(e)?e:t}function f(e,t){return void 0===e?t:e}function d(e,t){var n,i,r,o;if(!e||!t||e.length!==t.length)return!1;for(n=0,i=e.length;n<i;++n)if(r=e[n],o=t[n],r.datasetIndex!==o.datasetIndex||r.index!==o.index)return!1;return!0}function h(e){if(u(e))return e.map(h);if(c(e)){for(var t=Object.create(null),n=Object.keys(e),i=n.length,r=0;r<i;++r)t[n[r]]=h(e[n[r]]);return t}return e}function v(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function y(e,t,n,i){if(v(e)){var r=t[e],o=n[e];c(r)&&c(o)?g(r,o,i):t[e]=h(o)}}function g(e,t,n){var i=u(t)?t:[t],r=i.length;if(!c(e))return e;for(var o=(n=n||{}).merger||y,s=0;s<r;++s)if(c(t=i[s]))for(var a=Object.keys(t),l=0,p=a.length;l<p;++l)o(a[l],e,t,n);return e}function m(e,t){return g(e,t,{merger:k})}function k(e,t,n){if(v(e)){var i=t[e],r=n[e];c(i)&&c(r)?m(i,r):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=h(r))}}function b(e){try{return e instanceof HTMLElement}catch(t){return"object"===i(e)&&1===e.nodeType&&"object"===i(e.style)&&"object"===i(e.ownerDocument)}}function I(e){return e.offsetWidth<e.scrollWidth||e.offsetHeight<e.scrollHeight}function T(e,t){I(e)?e.setAttribute("title",t):e.removeAttribute("title")}var O=s(748),M=Symbol("form"),E=Symbol("formItem"),S=function(){return(0,O.inject)(M)},w=function(){return(0,O.inject)(E,void 0)};function x(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function A(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function j(e,t,n){return t&&A(e.prototype,t),n&&A(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var R,L,N=s(467),C="abcdefghijklmnopqrstuvwxyz0123456789",P=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:C,n="",i=0;i<e;i++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},D=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,N.throttle)((function(){"function"==typeof t&&t()}),n),o=new ResizeObserver((function(){r()}));return i&&"function"==typeof t&&t(),{start:function(){o.observe(e)},stop:function(){o.disconnect(),o.unobserve(e)}}},U=function(e){return e[0].toUpperCase()+e.slice(1)};function _(e){if(!e)return!1;var t=!1;try{var n=window.getComputedStyle(e,null);if("none"!==n.webkitLineClamp){var i=parseFloat(n.height),r=function(e,t){var n=document.createElement("div"),i=parseFloat(t.width)?"".concat(Math.ceil(parseFloat(t.width)),"px"):t.width;return n.style.cssText="\n      width: ".concat(i,";\n      line-height: ").concat(t["line-height"],";\n      font-size: ").concat(t["font-size"],";\n      word-break: ").concat(t["word-break"],";\n      padding: ").concat(t.padding,";\n    "),n.textContent=e.textContent,n}(e,n);document.body.appendChild(r);var o=window.getComputedStyle(r,null).height;document.body.removeChild(r),t=i<parseFloat(o)}else t=e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight}catch(e){console.warn("There is an error when check element overflow state: ",e)}return t}function F(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){e.BOTTOM="bottom",e.CONTENT="content",e.NAVI="navi",e.FULLSCREEN="fullScreen",e.PLUGINS="plugins",e.MODAL="modal",e.MESSAGE="message",e.POPPER="popper"}(L||(L={}));var H=(F(R={},L.BOTTOM,0),F(R,L.CONTENT,1),F(R,L.NAVI,100),F(R,L.FULLSCREEN,1e3),F(R,L.MODAL,3e3),F(R,L.PLUGINS,8e3),F(R,L.MESSAGE,1e4),F(R,L.POPPER,99999),R),B=new(function(){function e(){x(this,e),this.storageLayerIndexValue={},this.copyDefaultValue()}return j(e,[{key:"getNextIndex",value:function(e){return Object.prototype.hasOwnProperty.call(this.storageLayerIndexValue,e)?(this.storageLayerIndexValue[e]=this.storageLayerIndexValue[e]+1,this.storageLayerIndexValue[e]):(this.storageLayerIndexValue[L.MODAL]=this.storageLayerIndexValue[L.MODAL]+1,this.storageLayerIndexValue[L.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(L.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(L.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(L.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(L.NAVI)}},{key:"getPopperIndex",value:function(){return H.popper}},{key:"setDefaultZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue.__proto__,n)&&Object.assign(t.storageLayerIndexValue.__proto__,F({},n,e[n]))})),this.copyDefaultValue()}},{key:"resetZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue,n)&&Object.assign(t.storageLayerIndexValue,F({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(H).reduce((function(e,t){return Object.assign(e,F({},t,{value:H[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(H,e)}}]),e}());"__bk_mask_".concat(P(16));var V=new(function(){function e(){x(this,e),this.timer=null,this.store=[],this.maskMap=new WeakMap}return j(e,[{key:"appendMaker",value:function(e){this.store.push(e),this.executeMaker()}},{key:"pushMaskStyle",value:function(e,t){var n=this.getMaskMap(e);(null==n?void 0:n.styles)?n.styles.push(t):this.setMaskMap(e,Object.assign({styles:[t]},n||{}))}},{key:"getMaskStyles",value:function(e){var t;return(null===(t=this.getMaskMap(e))||void 0===t?void 0:t.styles)||[]}},{key:"setMaskId",value:function(e,t){var n=this.getMaskMap(e);n?(Object.assign(n,{id:t}),this.setMaskMap(e,n)):this.setMaskMap(e,Object.assign({id:t},n||{}))}},{key:"getMaskId",value:function(e){var t;return null===(t=this.getMaskMap(e))||void 0===t?void 0:t.id}},{key:"setMaskMap",value:function(e,t){this.maskMap.set(e,t)}},{key:"getMaskMap",value:function(e){return this.maskMap.get(e)}},{key:"executeMaker",value:function(){var e=this;this.timer&&cancelAnimationFrame(this.timer),this.timer=requestAnimationFrame((function(){var t=e.store.pop();"function"==typeof t&&(Reflect.apply(t,e,[]),e.executeMaker())}))}}]),e}()),q=function(){function e(t){var n=this;x(this,e),this.multiInstance=!1,this.uniqueMaskAttrTag="",this.parentNode=document.body,this.activeInstance=void 0,this.zIndexStore=new Map,this.lastUUID=null,this.maskStyle={position:"fixed",left:0,top:0,bottom:0,right:0,display:"none","background-color":"rgba(0,0,0,.6)"},this.isInit=!1,this.maskAttrTag="auto";var i=t||{},r=i.multiInstance,o=void 0!==r&&r,s=i.maskAttrTag,a=void 0===s?"auto":s,u=i.parentNode,c=void 0===u?document.body:u,l=i.maskStyle,p=void 0===l?{}:l,f=i.onClick,d=void 0===f?null:f,h=i.popInstance,v=void 0===h?null:h;this.parentNode=c||document,this.maskAttrTag=a,this.onClick=d,this.activeInstance=void 0,this.multiInstance=o,this.popInstance=v,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),V.appendMaker((function(){n.initInstance(p)}))}return j(e,[{key:"setOption",value:function(e){var t=e||{},n=t.parentNode,i=void 0===n?document.body:n,r=t.maskStyle,o=void 0===r?{}:r,s=t.onClick,a=void 0===s?null:s,u=t.maskAttrTag,c=void 0===u?this.maskAttrTag:u;this.onClick=a,this.parentNode=i||document,this.setMaskStyle(Object.assign({},this.maskStyle,o)),this.uniqueMaskAttrTag=this.getMaskAttrTag(c)}},{key:"show",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,o=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=null!=r?r:P(16),a=/-?\d+/.test("".concat(t))?t:B.getModalNextIndex(),u=Object.assign({},this.maskStyle,i||{});if(!n&&this.lastUUID){var c=this.zIndexStore.get(this.lastUUID);c&&(u=null==c?void 0:c.style)}this.storeMaskInsCfg({zIndex:a,style:Object.assign({},u),uuid:s,preUID:this.lastUUID}),Object.assign(u,{display:"block","z-index":"".concat(a),"pointer-events":"all"}),this.initInstance(u),this.catchClickEvent(),this.setMaskStyle(u),V.pushMaskStyle(this.parentNode,Object.assign({},u)),this.backupMask.style.setProperty("z-index","".concat(a-1)),n||(this.mask.style.setProperty("pointer-events","none"),null==e||e.style.setProperty("pointer-events","all")),e&&(o&&e.style.setProperty("z-index","".concat(a+1)),this.activeInstance=e,this.appendContentToMask(e))}},{key:"hide",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0,r=null!=i?i:this.lastUUID;t||(null==n||n.remove(),null===(e=this.activeInstance)||void 0===e||e.remove()),this.removeClickEvent(),this.activeInstance=void 0,this.popIndexStore(r);var o=V.getMaskStyles(this.parentNode);if(null==o||o.pop(),null==o?void 0:o.length){var s=o.slice(-1)[0];this.setMaskStyle(s)}else this.mask.style.setProperty("display","none")}},{key:"storeMaskInsCfg",value:function(e){return this.zIndexStore.set(e.uuid,e),this.lastUUID=e.uuid,this.zIndexStore.get(e.uuid)}},{key:"popIndexStore",value:function(e){if(this.zIndexStore.has(e)){var t=this.zIndexStore.get(e);return this.lastUUID=t.preUID,this.zIndexStore.delete(e)}return this.lastUUID=null,!1}},{key:"backupActiveInstance",value:function(){this.activeInstance&&this.backupMask.append(this.activeInstance)}},{key:"backupContentElement",value:function(e){e&&this.backupMask.append(e)}},{key:"getActiveContentInstance",value:function(){return this.activeInstance}},{key:"initInstance",value:function(e){if(!this.isInit){this.isInit=!0;var t=this.getMask(),n=t.instance,i=t.isExist;this.mask=n,this.backupMask=this.getBackupMask(),!i&&this.setMaskStyle(Object.assign({},this.maskStyle,e))}}},{key:"getMask",value:function(){if(this.multiInstance)return{instance:this.createMask(),isExist:!1};var e=!0,t=this.parentNode.querySelector("[data-bk-mask-uid='".concat(this.uniqueMaskAttrTag,"']"));return t||(e=!1,t=this.createMask()),{instance:t,isExist:e}}},{key:"catchClickEvent",value:function(){var e=this;this.mask&&this.mask.addEventListener("click",(function(t){return e.handleMaskClick(t)}),!0)}},{key:"removeClickEvent",value:function(){this.mask&&this.mask.removeEventListener("click",this.handleMaskClick)}},{key:"handleMaskClick",value:function(e){e.target===this.mask&&"function"==typeof this.onClick&&Reflect.apply(this.onClick,this.popInstance||this,[e])}},{key:"getBackupMask",value:function(){var e="data-bk-backup-uid",t=this.parentNode.querySelector("[".concat(e,"]"));return t||(t=this.createMask(e)),t}},{key:"createMask",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"data-bk-mask-uid",t=document.createElement("div");return t.setAttribute(e,this.uniqueMaskAttrTag),this.parentNode.append(t),t}},{key:"setMaskStyle",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.mask&&Object.entries(t).forEach((function(t){return e.mask.style.setProperty(t[0],t[1])}))}},{key:"getMaskAttrTag",value:function(e){return/^(auto|\s+)$/i.test(e)||null==e||""===e?(V.getMaskId(this.parentNode)||V.setMaskId(this.parentNode,"__bk_mask_".concat(P(16))),V.getMaskId(this.parentNode)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),e}(),z=new q({}),K=function(){function e(t){x(this,e),this.popInstanceList=[],this.clickFn=void 0,this.uuidAttrName="data-bk-pop-uuid",this.bKMaskManagerInstance=new q({parentNode:this.getParentNode(null==t?void 0:t.transfer),popInstance:this,onClick:this.onMaskClickFn})}return j(e,[{key:"getParentNode",value:function(e){if("string"==typeof e){var t=document.querySelector(e);if(t)return t}return b(e)?e:document.body}},{key:"onMaskClick",value:function(e,t){this.clickFn={fn:e,target:t}}},{key:"show",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;if(e){var o="number"==typeof r?r:B.getModalNextIndex(),s=P(16);e.setAttribute(this.uuidAttrName,s),this.popInstanceList.push({uuid:s,zIndex:o,content:e,showMask:t,appendStyle:n}),t&&this.bKMaskManagerInstance.backupActiveInstance(),this.bKMaskManagerInstance.show(e,o,t,n,s,i)}else console.warn("pop show error: content is null or undefined")}},{key:"destroy",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.clickFn=void 0,this.hide(e,t)}},{key:"popHide",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(this.popInstanceList.length){if(e){var t=this.popInstanceList.pop();this.bKMaskManagerInstance.popIndexStore(t.uuid),t.remove()}if(this.popInstanceList.length){var n=this.popInstanceList.slice(-1)[0],i=n.zIndex,r=n.content,o=n.showMask,s=n.appendStyle,a=n.uuid;this.bKMaskManagerInstance.show(r,i,o,s,a)}else this.bKMaskManagerInstance.hide()}}},{key:"hide",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=null==e?void 0:e.getAttribute(this.uuidAttrName);if(n){var i=this.popInstanceList.findIndex((function(e){return e.uuid===n}));i>=0&&(t||this.popInstanceList[i].content.remove(),this.popInstanceList.splice(i,1),this.bKMaskManagerInstance.popIndexStore(n),this.popInstanceList.length?this.popHide(!1):this.bKMaskManagerInstance.hide(t))}else null==e||e.remove()}},{key:"onMaskClickFn",value:function(e){var t=this.clickFn.fn;t&&Reflect.apply(t,this,[e])}}]),e}(),W=new K;function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function Y(e){return function(e){if(Array.isArray(e))return G(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return G(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?G(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Z,J=s(8022),X=s(5798),$=function(){function e(t,n,i){var r,o;x(this,e),this.isShow=!1,this.trigger=void 0,this.instance=void 0,this.always=!1,this.reference=void 0,this.referenceTarget=void 0,this.popperRefer=void 0,this.delay=50,this.isInnerPopper=!1,this.disabled=!1,this.afterShow=null,this.afterHidden=null,this.appendTo="parent",this.container=null,this.fixOnBoundary=!1,this.instanceOptions=this.initDefaultOptions(i),this.reference=this.resolveInputSelectorToHtmlElement(t),this.popperRefer=this.resolveInputSelectorToHtmlElement(n),this.referenceTarget=this.getTargetReferenceElement(),this.container=null===(r=this.popperRefer)||void 0===r?void 0:r.parentElement,this.isShow=!!(null===(o=this.instanceOptions)||void 0===o?void 0:o.isShow),this.always=this.instanceOptions.always,this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.appendTo=this.instanceOptions.appendTo,this.afterHidden="function"==typeof i.afterHidden?i.afterHidden:function(){},this.afterShow="function"==typeof i.afterShow?i.afterShow:function(){},this.fixOnBoundary=this.instanceOptions.fixOnBoundary,this.initInstance(),this.registerEvents(),(this.isShow||this.always)&&this.show(null)}return j(e,[{key:"forceUpdate",value:function(){var e;null===(e=this.instance)||void 0===e||e.forceUpdate()}},{key:"update",value:function(){var e;null===(e=this.instance)||void 0===e||e.update()}},{key:"updateOptions",value:function(e){var t;this.instanceOptions=this.initDefaultOptions(e),this.isShow=!!(null===(t=this.instanceOptions)||void 0===t?void 0:t.isShow),this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.setOptions(this.instanceOptions)}},{key:"setOptions",value:function(e){var t;null===(t=this.instance)||void 0===t||t.setOptions(e)}},{key:"destroy",value:function(){var e;null===(e=this.instance)||void 0===e||e.destroy()}},{key:"updateDisabled",value:function(e){this.disabled=null!=e?e:!this.disabled,this.disabled&&this.hide()}},{key:"show",value:function(e){var t;this.disabled||(null===(t=this.popperRefer)||void 0===t||t.setAttribute("data-show",""),this.setOptions({modifiers:[].concat(Y(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!0}])}),this.update(),this.isShow=!0,this.afterShow(),this.fixOnBoundary||this.appendToTarget())}},{key:"hide",value:function(){var e;this.always||(null===(e=this.popperRefer)||void 0===e||e.removeAttribute("data-show"),this.setOptions({modifiers:[].concat(Y(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!1}])}),this.isShow=!1,this.isInnerPopper=!1,this.afterHidden(),this.fixOnBoundary||this.restorePopContent())}},{key:"restorePopContent",value:function(){var e=this.getAppendToTarget();b(e)&&e.contains(this.popperRefer)&&this.container&&!this.container.contains(this.popperRefer)&&this.container.append(this.popperRefer)}},{key:"appendToTarget",value:function(){var e=this.getAppendToTarget();b(e)&&e.contains(this.popperRefer)&&e.append(this.popperRefer)}},{key:"getAppendToTarget",value:function(){var e=this.appendTo,t=e;return"parent"!==e&&"string"==typeof e&&(t=document.querySelector(e)),t}},{key:"initDefaultOptions",value:function(e){var t=this,n=g({placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}}],strategy:"absolute",onFirstUpdate:void 0,isShow:!1,theme:"dark",trigger:"hover",disabled:!1},e||{}),i=n.onFirstUpdate;return n.onFirstUpdate=function(e){"function"==typeof i&&(i.call(t,e),t.handleFirstUpdate())},n}},{key:"handleFirstUpdate",value:function(){this.fixOnBoundary&&this.appendToTarget()}},{key:"getTargetReferenceElement",value:function(){return this.isElement(this.reference)&&1===this.reference.childElementCount?this.reference.firstElementChild:this.reference}},{key:"initInstance",value:function(){var e,t;this.referenceTarget&&(this.referenceTarget&&this.popperRefer?(this.instance=(0,X.createPopper)(this.referenceTarget,this.popperRefer,this.instanceOptions),null===(e=this.popperRefer)||void 0===e||e.setAttribute("data-theme",null!==(t=this.instanceOptions.theme)&&void 0!==t?t:"dark")):console.error("reference or popperRefer is null, please check html element."))}},{key:"resolveInputSelectorToHtmlElement",value:function(e){if(this.isElement(e))return e;if("string"==typeof e)return document.querySelector(e);if("object"===i(e)){if(Object.prototype.hasOwnProperty.call(e,"getBoundingClientRect"))return e}else console.error("'getBoundingClientRect' is needed when use virtual elements");return null}},{key:"isElement",value:function(e){return b(e)}},{key:"registerEvents",value:function(){var e=this;this.isElement(this.referenceTarget)&&"hover"===this.trigger&&(["mouseenter","focus"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(n){"mouseenter"===t&&(e.isInnerPopper=!0),e.show(n)}))})),["mouseleave","blur"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(){e.isInnerPopper=!1,setTimeout((function(){!e.isInnerPopper&&e.hide()}),e.delay)}))})),this.isElement(this.popperRefer)&&["mouseenter","mouseleave"].forEach((function(t){e.popperRefer.addEventListener(t,(function(){"mouseenter"===t&&(e.isInnerPopper=!0),"mouseleave"===t&&e.hide()}))}))),"click"===this.trigger&&["click"].forEach((function(t){document.body.addEventListener(t,(function(t){e.isSameElement(t.target,e.reference)||e.reference.contains(t.target)?e.show(t):!e.isShow||e.isSameElement(t.target,e.popperRefer)||e.popperRefer.contains(t.target)||e.hide()}))}))}},{key:"isSameElement",value:function(e,t){return e&&(e===t||e===t.firstElementChild)}}]),e}(),Q=null,ee=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#";if(null===Q){Q="id_".concat((0,J.v4)());var t=document.createElement("div");t.setAttribute("id",Q),t.setAttribute("data-popper-id",Q),document.body.append(t)}return"".concat(e).concat(Q)};function te(){if(void 0!==Z)return Z;var e=document.createElement("div");e.className="bk-scrollbar-wrap",e.style.visibility="hidden",e.style.width="100px",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);var t=e.offsetWidth;e.style.overflow="scroll";var n=document.createElement("div");n.style.width="100%",e.appendChild(n);var i=n.offsetWidth;return e.parentNode.removeChild(e),Z=t-i}function ne(e,t){return ne=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},ne(e,t)}function ie(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function re(e){return re=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},re(e)}var oe=s(210);var se,ae,ue,ce,le,pe,fe,de,he,ve,ye,ge,me,ke=(0,oe.createTypes)({});function be(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}function Ie(){return(0,oe.string)().def(ue.SHOW)}function Te(){return(0,oe.string)().def(ce.LEFT)}function Oe(){return(0,oe.string)().def(pe.BOTTOM)}function Me(){return(0,oe.string)().def(fe.HOVER)}function Ee(){return(0,oe.toType)("popRenderType",{}).def(de.SHOWN)}function Se(){return(0,oe.toType)("dialogType",{default:he.OPERATION})}function we(){return(0,oe.toType)("direction",{}).def(ve.HORIZONTAL)}function xe(){return(0,oe.toType)("lineType",{}).def(ye.DASHED)}function Ae(){return(0,oe.toType)("tagTheme",{}).def()}function je(){return(0,oe.toType)("behavior",{}).def(me.NORMAL)}!function(e){e.SMALL="small",e.LARGE="large",e.DEFAULT="default"}(se||(se={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(ae||(ae={})),function(e){e.IF="if",e.SHOW="show"}(ue||(ue={})),function(e){e.LEFT="left",e.CENTER="center",e.RIGHT="right"}(ce||(ce={})),function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.DANGER="danger"}(le||(le={})),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"}(pe||(pe={})),function(e){e.HOVER="hover",e.CLICK="click",e.MANUAL="manual"}(fe||(fe={})),function(e){e.AUTO="auto",e.SHOWN="shown"}(de||(de={})),function(e){e.SHOW="show",e.OPERATION="operation",e.CONFIRM="confirm",e.PROCESS="process"}(he||(he={})),function(e){e.HORIZONTAL="horizontal",e.VERTICAL="vertical"}(ve||(ve={})),function(e){e.DASHED="dashed",e.SOLID="solid"}(ye||(ye={})),function(e){e.SUCCESS="success",e.INFO="info",e.WARNING="warning",e.DANGER="danger"}(ge||(ge={})),function(e){e.SIMPLICITY="simplicity",e.NORMAL="normal"}(me||(me={}));var Re,Le=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ne(e,t)}(r,e);var t,n,i=(t=r,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,i=re(t);if(n){var r=re(this).constructor;e=Reflect.construct(i,arguments,r)}else e=i.apply(this,arguments);return ie(this,e)});function r(){return x(this,r),i.apply(this,arguments)}return j(r,null,[{key:"size",value:function(){var e=["small","default","large"];return(0,oe.toType)("Size",{validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid theme, ".concat(t,", the theme must be one of 【").concat(e.join(" | "),"】")),1))},default:"default"})}},{key:"theme",value:function(){var e=["primary","warning","success","danger"];return(0,oe.toType)("Theme",{validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid theme, ".concat(t,", the theme must be one of 【").concat(e.join(" | "),"】")),1))}})}},{key:"placement",value:function(){var e=["top","left","right","bottom"];return(0,oe.toType)("Placements",{validator:function(t){return!(t&&!e.includes(t))},default:"top"})}},{key:"style",value:function(){return(0,oe.toType)("Style",{type:[String,Object]})}},{key:"position",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top-left","top-right","bottom-left","bottom-right"];return(0,oe.toType)("positions",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid positions, ".concat(t,", the position must be one of 【").concat(e.join(" | "),"】")),1))},default:"top-center"})}}]),r}(ke);function Ne(){return(0,oe.toType)("selectedStyle",{}).def(Re.CHECK)}function Ce(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).filter((function(e){return e[1]})).map((function(e){return e[0]})).join(" ").concat(t?" ".concat(t):"")}!function(e){e.CHECKBOX="checkbox",e.CHECK="check"}(Re||(Re={}));var Pe=Object.create({}),De=function(){},Ue=function(){return null},_e=function(e){return Object.keys(e).length<1},Fe=function(e){return e.install=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=n.prefix,r=t.config.globalProperties.bkUIPrefix||i||"Bk";t.component(r+e.name,e)},e},He=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3?arguments[3]:void 0;return e.install=function(r){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=o.prefix,a=r.config.globalProperties.bkUIPrefix||s||"Bk";i&&r.directive(a+i.name,i.directive),r.component(a+e.name,e),!n&&Object.values(t).forEach((function(e){r.component(a+e.name,e)}))},Object.keys(t).forEach((function(n){e[n]=t[n]})),e};function Be(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}function Ve(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,i=arguments.length>1?arguments[1]:void 0,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=function(){var o=this,s=arguments;if(e&&clearTimeout(e),r){var a=!e;e=setTimeout((function(){e=null}),n),a&&(t=i.apply(o,s))}else e=setTimeout((function(){i.apply(o,s)}),n);return t};return o.cancel=function(){clearTimeout(e),e=null},o}function qe(e,t){return JSON.parse(JSON.stringify(e,(function(e,n){if(!t.includes(e))return n})))}function ze(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++){if(Array.isArray(e[n]))return ze(e[n],t[n]);if(e[n]!==t[n])return!1}return!0}})(),a})()));

package/lib/shared/mask-manager.d.ts

@@ -1,8 +1,11 @@
+import { BKPopIndexManager } from './pop-manager';
 declare type BkMaskManagerConfig = {
     multiInstance?: boolean;
     maskAttrTag?: string;
     parentNode?: HTMLElement | Document;
     maskStyle?: any;
+    onClick?: (e: MouseEvent) => void;
+    popInstance?: BKPopIndexManager;
 };
 declare type MaskConfigStore = {
     zIndex: number;
@@ -12,13 +15,13 @@ declare type MaskConfigStore = {
 };
 export declare class BkMaskManager {
     /** 遮罩容器 */
-    private readonly mask;
+    private mask;
     /** 遮罩备份容器，用于多个组件实例显示，遮罩只显示最后一个 **/
-    private readonly backupMask;
+    private backupMask;
     /** 是否允许多个遮罩实例 */
     private readonly multiInstance;
     /** 遮罩控制器唯一标识 */
-    private readonly uniqueMaskAttrTag;
+    private uniqueMaskAttrTag;
     /** 设置弹出层父级组件，默认是body */
     private parentNode;
     /** 遮罩当前显示组件实例 **/
@@ -29,6 +32,10 @@ export declare class BkMaskManager {
     private lastUUID;
     /** 遮罩样式 **/
     private readonly maskStyle;
+    private onClick;
+    private isInit;
+    private maskAttrTag;
+    private popInstance?;
     /**
      * 遮罩管理器
      *
@@ -36,15 +43,17 @@ export declare class BkMaskManager {
      * @param maskAttrTag 遮罩DOM唯一标志，支持自定义和 auto
      */
     constructor(config?: BkMaskManagerConfig);
+    setOption(option: BkMaskManagerConfig): void;
     /**
      * 显示遮罩
      * @param content 遮罩内容
      * @param zIndex z-index
      * @param showMask 是否显示遮罩
      * @param appendStyle 追加样式
+     * @param transfer 是否显示将内容加入遮罩下
      */
-    show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null): void;
-    hide(content?: HTMLElement, uuid?: string): void;
+    show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null, transfer?: boolean): void;
+    hide(transfer?: boolean, content?: HTMLElement, uuid?: string): void;
     storeMaskInsCfg(config: MaskConfigStore): MaskConfigStore;
     /**
      * 移除最后一次缓存数据
@@ -53,11 +62,16 @@ export declare class BkMaskManager {
     backupActiveInstance(): void;
     backupContentElement(content?: HTMLElement): void;
     getActiveContentInstance(): HTMLElement;
+    private initInstance;
     /**
      * 初始化当前遮罩管理器
      * @returns 当前遮罩容器
      */
     private getMask;
+    private catchClickEvent;
+    private removeClickEvent;
+    private handleMaskClick;
+    private getBackupMask;
     /**
      * 创建遮罩层DOM
      * @returns 返回DOM

package/lib/shared/pop-manager.d.ts

@@ -1,16 +1,27 @@
-declare class BKPopIndexManager {
+export declare class BKPopIndexManager {
     /** 用来缓存弹出层实例 */
     private popInstanceList;
     private readonly uuidAttrName;
-    constructor();
+    private clickFn?;
+    private bKMaskManagerInstance;
+    constructor(options?: any);
+    getParentNode(transfer: any): any;
+    onMaskClick(callFn: (e: MouseEvent) => void, target: HTMLElement): void;
     /**
      * 展示弹窗
      * @param content 弹窗内容
      * @param showMask 是否显示遮罩
      * @param appendStyle 追加样式
+     * @param transfer 是否显示在body内（即是否显示在div#app内，默认为false）
      * @returns
      */
-    show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}): void;
+    show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}, transfer?: boolean, zindex?: any): void;
+    /**
+     * 销毁指定实例
+     * @param content 指定实例内容
+     * @param transfer
+     */
+    destroy(content?: HTMLElement, transfer?: boolean): void;
     /**
      * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
      * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑
@@ -20,7 +31,7 @@ declare class BKPopIndexManager {
      * 关闭指定弹窗
      * @param content { HTMLElement } 关闭弹窗内容
      * **/
-    hide(content?: HTMLElement): void;
+    hide(content?: HTMLElement, transfer?: boolean): void;
+    private onMaskClickFn;
 }
 export declare const bkPopIndexManager: BKPopIndexManager;
-export {};

package/lib/shared/popover.d.ts

@@ -6,12 +6,13 @@ export declare type IOptions = {
     strategy?: PositioningStrategy;
     onFirstUpdate?: OnFirstUpdateFnType;
     isShow?: boolean;
+    always?: boolean;
     theme?: string;
     trigger?: string;
     disabled?: boolean;
     appendTo?: string | HTMLElement;
-    afterShow?: () => {};
-    afterHidden?: () => {};
+    afterShow?: () => void;
+    afterHidden?: () => void;
     /**
      * 如果设置了appendTo为指定DOM，此配置项生效
      * 是否将弹出内容固定到目标元素位置
@@ -32,6 +33,8 @@ export declare class BKPopover {
     trigger?: string;
     /** 当前popperjs实例 */
     private instance?;
+    /** 是否总是可见 */
+    private always?;
     /** Popover 外层容器，触发Pop的元素 */
     private reference?;
     /** Popover 弹出内容外层占位容器 */
@@ -125,3 +128,4 @@ export declare class BKPopover {
     private registerEvents;
     private isSameElement;
 }
+export declare const getPopContainerId: (prefix?: string) => string;

package/lib/shared/token.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from 'vue';
+import { IFormContext, IFormItemContext } from '../form';
+export declare const formKey: InjectionKey<IFormContext>;
+export declare const formItemKey: InjectionKey<IFormItemContext>;

package/lib/shared/utils.d.ts

@@ -4,3 +4,22 @@
  * @param str,默认26位字母及数字
  */
 export declare const random: (n: number, str?: string) => string;
+/**
+ * 监听目标元素的Resize事件
+ * @param root 目标元素
+ * @param callbackFn 执行函数
+ * @param delay 延迟执行时间，默认 60
+ * @param immediate 是否立即执行回调函数
+ * @returns "{ start: () => void, stop: () => void }"
+ */
+export declare const observerResize: (root: HTMLElement, callbackFn: () => void, delay?: number, immediate?: boolean) => {
+    start: () => void;
+    stop: () => void;
+};
+export declare const capitalize: (str: any) => any;
+/**
+ * 判断元素是否溢出容器
+ * @param {*} el
+ * @returns
+ */
+export declare function checkOverflow(el: any): boolean;

package/lib/shared/vue-types.d.ts

@@ -94,9 +94,14 @@ export declare type ElementType<T extends ReadonlyArray<unknown>> = T extends Re
 export declare function stringEnum<T extends string>(o: Array<T>): {
     [K in T]: K;
 };
-export declare enum Size {
-    Small = "small",
-    Large = "large"
+declare type UnionToIntersection<T> = (T extends any ? (v: T) => void : never) extends (v: infer V) => void ? V : never;
+declare type LastOf<T> = UnionToIntersection<T extends any ? () => T : never> extends () => infer R ? R : never;
+declare type Push<T extends any[], V> = [...T, V];
+export declare type UnionToArrayType<T, L = LastOf<T>, N = [T] extends [never] ? true : false> = N extends true ? [] : Push<UnionToArrayType<Exclude<T, L>>, L>;
+export declare enum SizeEnum {
+    SMALL = "small",
+    LARGE = "large",
+    DEFAULT = "default"
 }
 export declare enum Placements {
     Top = "top",
@@ -104,12 +109,114 @@ export declare enum Placements {
     Right = "right",
     Bottom = "bottom"
 }
+export declare enum RenderDirectiveEnum {
+    IF = "if",
+    SHOW = "show"
+}
+export declare function renderDirectiveType(): import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+    default: "if" | "show";
+};
+export declare enum AlignEnum {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+export declare function alignType(): import("vue-types").VueTypeValidableDef<"left" | "center" | "right"> & {
+    default: "left" | "center" | "right";
+};
+export declare enum ThemeEnum {
+    PRIMARY = "primary",
+    WARNING = "warning",
+    SUCCESS = "success",
+    DANGER = "danger"
+}
+/** 弹层出现位置选项 */
+export declare enum PlacementEnum {
+    AUTO = "auto",
+    AUTO_START = "auto-start",
+    AUTO_END = "auto-end",
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    TOP_START = "top-start",
+    TOP_END = "top-end",
+    BOTTOM_START = "bottom-start",
+    BOTTOM_END = "bottom-end",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end"
+}
+export declare function placementType(): import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+    default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+};
+/** 弹层触发选项  */
+export declare enum TriggerEnum {
+    HOVER = "hover",
+    CLICK = "click",
+    MANUAL = "manual"
+}
+export declare function triggerType(): import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+    default: "click" | "hover" | "manual";
+};
+/** 内容渲染类型：目前是在popover内容渲染时使用 */
+export declare enum RenderType {
+    AUTO = "auto",
+    SHOWN = "shown"
+}
+export declare function renderType(): VueTypeDef<"auto" | "shown"> & {
+    default: "auto" | "shown";
+};
+export declare enum DialogTypeEnum {
+    SHOW = "show",
+    OPERATION = "operation",
+    CONFIRM = "confirm",
+    PROCESS = "process"
+}
+export declare function dialogTypeUnion(): VueTypeDef<"process" | "show" | "operation" | "confirm">;
+export declare enum DirectionEnum {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export declare function directionType(): VueTypeDef<"horizontal" | "vertical"> & {
+    default: "horizontal" | "vertical";
+};
+export declare enum LineStyleEnum {
+    DASHED = "dashed",
+    SOLID = "solid"
+}
+export declare function lineStyleType(): VueTypeDef<"dashed" | "solid"> & {
+    default: "dashed" | "solid";
+};
+export declare enum TagThemeEnum {
+    SUCCESS = "success",
+    INFO = "info",
+    WARNING = "warning",
+    DANGER = "danger"
+}
+export declare function TagThemeType(): VueTypeDef<"success" | "info" | "warning" | "danger"> & {
+    default: "success" | "info" | "warning" | "danger";
+};
+export declare enum InputBehaviorEnum {
+    SIMPLICITY = "simplicity",
+    NORMAL = "normal"
+}
+export declare function InputBehaviorType(): VueTypeDef<"simplicity" | "normal"> & {
+    default: "simplicity" | "normal";
+};
 export declare class PropTypes extends propTypesNS {
-    static size(sizes?: string[]): VueTypeDef<string>;
-    static theme(themes?: string[]): VueTypeDef<string>;
-    static placement(placements?: string[]): VueTypeDef<string>;
-    static commonType(types?: string[], name?: string): VueTypeDef<string>;
+    static size(): VueTypeDef<"small" | "default" | "large">;
+    static theme(): VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    static placement(): VueTypeDef<"left" | "right" | "top" | "bottom">;
     static style(): VueTypeDef<CSSProperties>;
     static position(positions?: string[]): VueTypeDef<string>;
 }
+export declare enum SelectedTypeEnum {
+    CHECKBOX = "checkbox",
+    CHECK = "check"
+}
+export declare function SelectedType(): VueTypeDef<"checkbox" | "check"> & {
+    default: "checkbox" | "check";
+};
 export {};