bkui-vue 0.0.1-beta.34 → 0.0.1-beta.340

package/lib/select/selectTagInput.d.ts

@@ -0,0 +1,93 @@
+import { PropType } from 'vue-types/dist/types';
+import { ISelected } from './type';
+declare const _default: import("vue").DefineComponent<{
+    selected: {
+        type: PropType<ISelected[]>;
+        default: () => any[];
+    };
+    tagTheme: import("vue-types/dist/types").VueTypeDef<string> & {
+        default: string;
+    };
+    placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    filterable: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowCreate: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    modelValue: import("vue-types/dist/types").VueTypeValidableDef<any>;
+    collapseTags: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}, {
+    select: import("./type").ISelectContext;
+    overflowTagIndex: import("vue").Ref<number>;
+    value: any;
+    inputRef: import("vue").Ref<HTMLElement>;
+    handleRemoveTag: (val: string) => void;
+    focus: () => void;
+    handleInput: (e: any) => void;
+    handleKeydown: (e: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "remove" | "enter")[], "update:modelValue" | "remove" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selected: {
+        type: PropType<ISelected[]>;
+        default: () => any[];
+    };
+    tagTheme: import("vue-types/dist/types").VueTypeDef<string> & {
+        default: string;
+    };
+    placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    filterable: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allowCreate: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    modelValue: import("vue-types/dist/types").VueTypeValidableDef<any>;
+    collapseTags: import("vue-types/dist/types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
+    onEnter?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onRemove?: (...args: any[]) => any;
+}, {
+    disabled: boolean;
+    placeholder: string;
+    selected: ISelected[];
+    tagTheme: string;
+    filterable: boolean;
+    allowCreate: boolean;
+    collapseTags: boolean;
+}>;
+export default _default;

package/lib/select/type.d.ts

@@ -1,31 +1,39 @@
-import Popover from '@bkui-vue/popover';
+import Popover from '../popover';
 import Option from './option';
 import Group from './optionGroup';
-export declare type OptionInstanceType = InstanceType<typeof Option>;
+import SelectTagInput from './selectTagInput';
+export interface OptionInstanceType extends InstanceType<typeof Option> {
+    value: string;
+}
 export declare type GroupInstanceType = InstanceType<typeof Group>;
 export declare type PopoverInstanceType = InstanceType<typeof Popover>;
+export declare type SelectTagInputType = InstanceType<typeof SelectTagInput>;
 export interface ISelectContext {
-    props: {
-        multiple?: boolean;
-    };
-    selectedOptions: Set<any>;
-    register(option: OptionInstanceType): any;
-    unregister(option: OptionInstanceType): any;
-    registerGroup(option: GroupInstanceType): any;
-    unregisterGroup(option: GroupInstanceType): any;
+    multiple?: boolean;
+    selected: ISelected[];
+    activeOptionValue: any;
+    showSelectedIcon: boolean;
+    register(key: any, option: OptionInstanceType): any;
+    unregister(key: any): any;
+    registerGroup(key: any, option: GroupInstanceType): any;
+    unregisterGroup(key: any): any;
     handleOptionSelected(option: OptionInstanceType): void;
+    handleGetLabelByValue(value: any): string;
 }
 export interface IOptionGroupContext {
     disabled: boolean;
     groupCollapse: boolean;
-    register(option: OptionInstanceType): any;
-    unregister(option: OptionInstanceType): any;
+    register(key: any, option: OptionInstanceType): any;
+    unregister(key: any): any;
 }
 export interface ISelectState {
     currentPlaceholder: string;
-    selectedOptions: Set<OptionInstanceType>;
     currentSelectedLabel: string;
 }
 export interface IPopoverConfig {
     popoverMinWidth: number;
 }
+export interface ISelected {
+    value: string;
+    label: string;
+}

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/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

@@ -31,6 +31,11 @@ export * from './mask-manager';
 export * from './helper';
 export * from './vue-types';
 export * from './scrollbar-width';
+export * from './utils';
+export * from './token';
+export * from './hooks/use-form';
+export * from './hooks/use-form-item';
+export * from './dom';
 export declare function classes(dynamicCls: object, constCls?: string): string;
 export declare const EMPTY_OBJ: any;
 export declare const noop: () => void;
@@ -49,3 +54,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("@popperjs/core"),require("lodash"),require("vue-types"),require("vue"));else if("function"==typeof define&&define.amd)define(["@popperjs/core","lodash","vue-types","vue"],t);else{var n="object"==typeof exports?t(require("@popperjs/core"),require("lodash"),require("vue-types"),require("vue")):t(e["@popperjs/core"],e.lodash,e["vue-types"],e.vue);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r)=>(()=>{var i={8022:(e,t,n)=>{var r=n(4481),i=n(6426),o=i;o.v1=r,o.v4=i,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 r=n||0,i=t;return[i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]]].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 r=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),r[t]=e>>>((3&t)<<3)&255;return r}}},4481:(e,t,n)=>{var r,i,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||r,f=void 0!==e.clockseq?e.clockseq:i;if(null==p||null==f){var d=o();null==p&&(p=r=[1|d[0],d[1],d[2],d[3],d[4],d[5]]),null==f&&(f=i=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,i=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 b=0;b<6;++b)l[c+b]=p[b];return t||s(l)}},6426:(e,t,n)=>{var r=n(9157),i=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||r)();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||i(s)}},5798:t=>{"use strict";t.exports=e},467:e=>{"use strict";e.exports=t},748:e=>{"use strict";e.exports=r},210:e=>{"use strict";e.exports=n}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return i[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";function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i,o;s.r(a),s.d(a,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>o,BKPopIndexManager:()=>F,BKPopover:()=>A,BkMaskManager:()=>_,EMPTY_OBJ:()=>ue,Placements:()=>Y,PropTypes:()=>$,Size:()=>G,arrayEqual:()=>ge,bKMaskManager:()=>V,bkPopIndexManager:()=>q,bkZIndexManager:()=>c,capitalize:()=>D,classes:()=>ae,clone:()=>x,debounce:()=>ve,elementsEqual:()=>O,filterProperty:()=>ye,finiteOrDefault:()=>k,formItemKey:()=>ee,formKey:()=>Q,getPopContainerId:()=>L,isArray:()=>g,isElement:()=>M,isEmpty:()=>y,isEmptyObj:()=>pe,isFinite:()=>b,isNullOrUndef:()=>v,isObject:()=>m,merge:()=>E,mergeIf:()=>T,mergerFn:()=>w,mergerIfFn:()=>j,noop:()=>ce,observerResize:()=>U,off:()=>oe,on:()=>ie,random:()=>C,renderEmptyVNode:()=>le,resolveClassName:()=>he,scrollTop:()=>se,scrollbarWidth:()=>X,stringEnum:()=>W,useForm:()=>ne,useFormItem:()=>re,valueOrDefault:()=>I,withInstall:()=>fe,withInstallProps:()=>de}),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"}(o||(o={}));var u=(r(i={},o.BOTTOM,0),r(i,o.CONTENT,1),r(i,o.NAVI,100),r(i,o.FULLSCREEN,1e3),r(i,o.MODAL,3e3),r(i,o.PLUGINS,8e3),r(i,o.MESSAGE,1e4),r(i,o.POPPER,99999),i),c=new(function(){function t(){e(this,t),this.storageLayerIndexValue={},this.copyDefaultValue()}return n(t,[{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[o.MODAL]=this.storageLayerIndexValue[o.MODAL]+1,this.storageLayerIndexValue[o.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(o.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(o.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(o.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(o.NAVI)}},{key:"getPopperIndex",value:function(){return u.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__,r({},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,r({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(u).reduce((function(e,t){return Object.assign(e,r({},t,{value:u[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(u,e)}}]),t}());function l(e){return l="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},l(e)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){return function(e){if(Array.isArray(e))return p(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 p(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)?p(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 d=s(8022),h=s(5798);function v(e){return null==e}function y(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&v(e)}function g(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 m(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var b=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function k(e,t){return b(e)?e:t}function I(e,t){return void 0===e?t:e}function O(e,t){var n,r,i,o;if(!e||!t||e.length!==t.length)return!1;for(n=0,r=e.length;n<r;++n)if(i=e[n],o=t[n],i.datasetIndex!==o.datasetIndex||i.index!==o.index)return!1;return!0}function x(e){if(g(e))return e.map(x);if(m(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=x(e[n[i]]);return t}return e}function S(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function w(e,t,n,r){if(S(e)){var i=t[e],o=n[e];m(i)&&m(o)?E(i,o,r):t[e]=x(o)}}function E(e,t,n){var r=g(t)?t:[t],i=r.length;if(!m(e))return e;for(var o=(n=n||{}).merger||w,s=0;s<i;++s)if(m(t=r[s]))for(var a=Object.keys(t),u=0,c=a.length;u<c;++u)o(a[u],e,t,n);return e}function T(e,t){return E(e,t,{merger:j})}function j(e,t,n){if(S(e)){var r=t[e],i=n[e];m(r)&&m(i)?T(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=x(i))}}function M(e){try{return e instanceof HTMLElement}catch(t){return"object"===l(e)&&1===e.nodeType&&"object"===l(e.style)&&"object"===l(e.ownerDocument)}}var A=function(){function t(n,r,i){var o,s;e(this,t),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(n),this.popperRefer=this.resolveInputSelectorToHtmlElement(r),this.referenceTarget=this.getTargetReferenceElement(),this.container=null===(o=this.popperRefer)||void 0===o?void 0:o.parentElement,this.isShow=!!(null===(s=this.instanceOptions)||void 0===s?void 0:s.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 n(t,[{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(f(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(f(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();M(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();M(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=E({placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}}],strategy:"absolute",onFirstUpdate:void 0,isShow:!1,theme:"dark",trigger:"hover",disabled:!1},e||{}),r=n.onFirstUpdate;return n.onFirstUpdate=function(e){"function"==typeof r&&(r.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,h.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"===l(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 M(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)}}]),t}(),P=null,L=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#";if(null===P){P="id_".concat((0,d.v4)());var t=document.createElement("div");t.setAttribute("id",P),t.setAttribute("data-popper-id",P),document.body.append(t)}return"".concat(e).concat(P)},R=s(467),N="abcdefghijklmnopqrstuvwxyz0123456789",C=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},U=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=(0,R.throttle)((function(){"function"==typeof t&&t()}),n),o=new ResizeObserver((function(){i()}));return r&&"function"==typeof t&&t(),{start:function(){o.observe(e)},stop:function(){o.disconnect(),o.unobserve(e)}}},D=function(e){return e[0].toUpperCase()+e.slice(1)},_=function(){function t(n){e(this,t),this.multiInstance=!1,this.uniqueMaskAttrTag="",this.parentNode=document.body,this.activeInstance=void 0,this.zIndexStore=new Map,this.lastUUID=null,this.maskStyle={position:"absolute",left:0,top:0,bottom:0,right:0,display:"none","background-color":"rgba(0,0,0,.6)"};var r=n||{},i=r.multiInstance,o=void 0!==i&&i,s=r.maskAttrTag,a=void 0===s?"auto":s,u=r.parentNode,c=void 0===u?document.body:u,l=r.maskStyle,p=void 0===l?{}:l,f=r.onClick,d=void 0===f?null:f;this.onClick=d,this.activeInstance=void 0,this.multiInstance=o,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),this.parentNode=c||document,this.mask=this.getMask(),this.backupMask=this.createMask("data-bk-backup-uid"),this.setMaskStyle(Object.assign({},this.maskStyle,p))}return n(t,[{key:"setOption",value:function(e){var t=e||{},n=t.parentNode,r=void 0===n?document.body:n,i=t.maskStyle,o=void 0===i?{}:i,s=t.onClick,a=void 0===s?null:s;this.onClick=a,this.parentNode=r||document,this.setMaskStyle(Object.assign({},this.maskStyle,o))}},{key:"show",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,o=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=null!=i?i:C(16),a=/-?\d+/.test("".concat(t))?t:c.getModalNextIndex(),u=Object.assign({},this.maskStyle,r||{});if(!n&&this.lastUUID){var l=this.zIndexStore.get(this.lastUUID);u=l.style}this.storeMaskInsCfg({zIndex:a,style:Object.assign({},u),uuid:s,preUID:this.lastUUID}),this.setMaskStyle(u),this.mask.style.setProperty("display","block"),this.mask.style.setProperty("z-index","".concat(a)),this.backupMask.style.setProperty("z-index","".concat(a-1)),e&&(o&&e.style.setProperty("z-index","".concat(a+1)),this.activeInstance=e,o||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,r=arguments.length>2?arguments[2]:void 0,i=null!=r?r:this.lastUUID;this.mask.style.setProperty("display","none"),t||(null==n||n.remove(),null===(e=this.activeInstance)||void 0===e||e.remove()),this.activeInstance=void 0,this.popIndexStore(i)}},{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:"getMask",value:function(){var e=this;if(this.multiInstance)return this.createMask();var t=this.parentNode.querySelector("[data-bkmask-uid='".concat(this.uniqueMaskAttrTag,"']"));return t||(t=this.createMask()).addEventListener("click",(function(n){n.target===t&&"function"==typeof e.onClick&&Reflect.apply(e.onClick,e,[n])}),!0),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?"__bk_mask_".concat(C(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),t}(),V=new _({}),F=function(){function t(){e(this,t),this.popInstanceList=[],this.clickFn=[],this.uuidAttrName="data-bk-pop-uuid",V.setOption({onClick:this.onMaskClickFn.bind(this)})}return n(t,[{key:"onMaskClick",value:function(e){this.clickFn.push(e)}},{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]:{},r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;if(e){var o="number"==typeof i?i:c.getModalNextIndex(),s=C(16);e.setAttribute(this.uuidAttrName,s),this.popInstanceList.push({uuid:s,zIndex:o,content:e,showMask:t,appendStyle:n}),t&&V.backupActiveInstance(),V.show(e,o,t,n,s,r)}else console.warn("pop show error: content is null or undefined")}},{key:"destroy",value:function(e){var t,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];null===(t=this.clickFn)||void 0===t||t.pop(),this.hide(e,n)}},{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();V.popIndexStore(t.uuid),t.remove()}if(this.popInstanceList.length){var n=this.popInstanceList.slice(-1)[0],r=n.zIndex,i=n.content,o=n.showMask,s=n.appendStyle,a=n.uuid;V.show(i,r,o,s,a)}else V.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 r=this.popInstanceList.findIndex((function(e){return e.uuid===n}));r>=0&&(t||this.popInstanceList[r].content.remove(),this.popInstanceList.splice(r,1),V.popIndexStore(n),this.popInstanceList.length?this.popHide(!1):V.hide(t))}else null==e||e.remove()}},{key:"onMaskClickFn",value:function(e){var t,n,r=null===(n=null===(t=this.clickFn)||void 0===t?void 0:t.slice(-1))||void 0===n?void 0:n.at(0);r&&Reflect.apply(r,this,[e])}}]),t}(),q=new F;function z(e,t){return z=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},z(e,t)}function B(e,t){if(t&&("object"===l(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 H(e){return H=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},H(e)}var K=s(210);var G,Y,J=(0,K.createTypes)({});function W(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}!function(e){e.Small="small",e.Large="large"}(G||(G={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(Y||(Y={}));var Z,$=function(t){!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&&z(e,t)}(s,t);var r,i,o=(r=s,i=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,t=H(r);if(i){var n=H(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return B(this,e)});function s(){return e(this,s),o.apply(this,arguments)}return n(s,null,[{key:"size",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["small","default","large"];return(0,K.toType)("Size",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid size, ".concat(t,", the size must be one of 【").concat(e.join(" | "),"】")),1))},default:"default"})}},{key:"theme",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["primary","warning","success","danger"];return(0,K.toType)("Theme",{type:String,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=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top","left","right","bottom"];return(0,K.toType)("Placements",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid placements, ".concat(t,", the placement must be one of 【").concat(e.join(" | "),"】")),1))},default:"top"})}},{key:"commonType",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"commonType";return(0,K.toType)(t.replace(/^\S/,(function(e){return e.toUpperCase()})),{type:String,validator:function(n){var r=e.includes(n);return r||console.error("invalid ".concat(t,", ").concat(n,", the ").concat(t," must be one of 【").concat(e.join(" | "),"】")),r},default:e[0]})}},{key:"style",value:function(){return(0,K.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,K.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"})}}]),s}(J);function X(){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 r=n.offsetWidth;return e.parentNode.removeChild(e),Z=t-r}var Q=Symbol("form"),ee=Symbol("formItem"),te=s(748),ne=function(){return(0,te.inject)(Q)},re=function(){return(0,te.inject)(ee,void 0)},ie=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)},oe=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 se(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:500,i=arguments.length>4?arguments[4]:void 0,o=Math.abs(t-n),s=Math.ceil(o/r*50);function a(t,n,r){if(t!==n){var o=t+r>n?n:t+r;t>n&&(o=t-r<n?n:t-r),e===window?window.scrollTo(o,o):e.scrollTop=o,window.requestAnimationFrame((function(){return a(o,n,r)}))}else null==i||i()}a(t,n,s)}function ae(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):"")}var ue=Object.create({}),ce=function(){},le=function(){return null},pe=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]:{},r=n.prefix,i=t.config.globalProperties.bkUIPrefix||r||"Bk";t.component(i+e.name,e)},e},de=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.install=function(r){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=i.prefix,s=r.config.globalProperties.bkUIPrefix||o||"Bk";r.component(s+e.name,e),!n&&Object.values(t).forEach((function(e){r.component(s+e.name,e)}))},Object.keys(t).forEach((function(n){e[n]=t[n]})),e};function he(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,r=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=function(){var o=this,s=arguments;if(e&&clearTimeout(e),i){var a=!e;e=setTimeout((function(){e=null}),n),a&&(t=r.apply(o,s))}else e=setTimeout((function(){r.apply(o,s)}),n);return t};return o.cancel=function(){clearTimeout(e),e=null},o}function ye(e,t){return JSON.parse(JSON.stringify(e,(function(e,n){if(!t.includes(e))return n})))}function ge(){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 ge(e[n],t[n]);if(e[n]!==t[n])return!1}return!0}})(),a})()));

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

@@ -3,6 +3,7 @@ declare type BkMaskManagerConfig = {
     maskAttrTag?: string;
     parentNode?: HTMLElement | Document;
     maskStyle?: any;
+    onClick?: (e: MouseEvent) => void;
 };
 declare type MaskConfigStore = {
     zIndex: number;
@@ -29,6 +30,7 @@ export declare class BkMaskManager {
     private lastUUID;
     /** 遮罩样式 **/
     private readonly maskStyle;
+    private onClick;
     /**
      * 遮罩管理器
      *
@@ -36,15 +38,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;
     /**
      * 移除最后一次缓存数据

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

@@ -1,16 +1,20 @@
-declare class BKPopIndexManager {
+export declare class BKPopIndexManager {
     /** 用来缓存弹出层实例 */
     private popInstanceList;
     private readonly uuidAttrName;
+    private clickFn;
     constructor();
+    onMaskClick(callFn: (e: MouseEvent) => void): 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;
+    destroy(content?: HTMLElement, transfer?: boolean): void;
     /**
      * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
      * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑
@@ -20,7 +24,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,16 @@
  * @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;

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

@@ -94,6 +94,10 @@ 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;
 };
+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 Size {
     Small = "small",
     Large = "large"