bkui-vue 0.0.1-beta.4 → 0.0.1-beta.40

package/lib/shared/shared.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("@popperjs/core"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/defineProperty","@babel/runtime/helpers/typeof","@babel/runtime/helpers/toConsumableArray","@popperjs/core","@babel/runtime/helpers/inherits","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","vue-types"],t);else{var n="object"==typeof exports?t(require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("@popperjs/core"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("vue-types")):t(e["@babel/runtime/helpers/classCallCheck"],e["@babel/runtime/helpers/createClass"],e["@babel/runtime/helpers/defineProperty"],e["@babel/runtime/helpers/typeof"],e["@babel/runtime/helpers/toConsumableArray"],e["@popperjs/core"],e["@babel/runtime/helpers/inherits"],e["@babel/runtime/helpers/possibleConstructorReturn"],e["@babel/runtime/helpers/getPrototypeOf"],e["vue-types"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,i,o,s,a,u,l)=>(()=>{"use strict";var c={3162:t=>{t.exports=e},5111:e=>{e.exports=t},311:e=>{e.exports=n},5365:e=>{e.exports=u},1346:e=>{e.exports=s},3205:e=>{e.exports=a},642:e=>{e.exports=i},8541:e=>{e.exports=r},5798:e=>{e.exports=o},210:e=>{e.exports=l}},p={};function h(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return c[e](n,n.exports,h),n.exports}h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var n in t)h.o(t,n)&&!h.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{h.r(d),h.d(d,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>t,BKPopover:()=>A,BkMaskManager:()=>R,EMPTY_OBJ:()=>Q,Placements:()=>K,PropTypes:()=>J,Size:()=>G,bKMaskManager:()=>U,bkPopIndexManager:()=>q,bkZIndexManager:()=>l,classes:()=>$,clone:()=>E,elementsEqual:()=>S,finiteOrDefault:()=>x,isArray:()=>g,isElement:()=>L,isEmpty:()=>m,isEmptyObj:()=>ne,isFinite:()=>I,isNullOrUndef:()=>b,isObject:()=>k,merge:()=>M,mergeIf:()=>P,mergerFn:()=>j,mergerIfFn:()=>w,noop:()=>ee,random:()=>N,renderEmptyVNode:()=>te,resolveClassName:()=>oe,scrollbarWidth:()=>X,stringEnum:()=>W,valueOrDefault:()=>O,withInstall:()=>re,withInstallProps:()=>ie});var e,t,n=h(3162),r=h.n(n),i=h(5111),o=h.n(i),s=h(311),a=h.n(s);!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"}(t||(t={}));var u=(e={},a()(e,t.BOTTOM,0),a()(e,t.CONTENT,1),a()(e,t.NAVI,100),a()(e,t.FULLSCREEN,1e3),a()(e,t.MODAL,3e3),a()(e,t.PLUGINS,8e3),a()(e,t.MESSAGE,1e4),a()(e,t.POPPER,99999),e),l=new(function(){function e(){r()(this,e),this.storageLayerIndexValue={},this.copyDefaultValue()}return o()(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[t.MODAL]=this.storageLayerIndexValue[t.MODAL]+1,this.storageLayerIndexValue[t.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(t.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(t.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(t.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(t.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__,a()({},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,a()({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(u).reduce((function(e,t){return Object.assign(e,a()({},t,{value:u[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(u,e)}}]),e}()),c=h(8541),p=h.n(c),f=h(642),v=h.n(f),y=h(5798);function b(e){return null==e}function m(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&b(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 k(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var I=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function x(e,t){return I(e)?e:t}function O(e,t){return void 0===e?t:e}function S(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 E(e){if(g(e))return e.map(E);if(k(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=E(e[n[i]]);return t}return e}function T(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function j(e,t,n,r){if(T(e)){var i=t[e],o=n[e];k(i)&&k(o)?M(i,o,r):t[e]=E(o)}}function M(e,t,n){var r=g(t)?t:[t],i=r.length;if(!k(e))return e;for(var o=(n=n||{}).merger||j,s=0;s<i;++s)if(k(t=r[s]))for(var a=Object.keys(t),u=0,l=a.length;u<l;++u)o(a[u],e,t,n);return e}function P(e,t){return M(e,t,{merger:w})}function w(e,t,n){if(T(e)){var r=t[e],i=n[e];k(r)&&k(i)?P(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=E(i))}}function L(e){try{return e instanceof HTMLElement}catch(t){return"object"===p()(e)&&1===e.nodeType&&"object"===p()(e.style)&&"object"===p()(e.ownerDocument)}}var A=function(){function e(t,n,i){var o,s;r()(this,e),this.isShow=!1,this.trigger=void 0,this.instance=void 0,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===(o=this.popperRefer)||void 0===o?void 0:o.parentElement,this.isShow=!!(null===(s=this.instanceOptions)||void 0===s?void 0:s.isShow),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.show(null)}return o()(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(v()(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!0}])}),this.update(),this.isShow=!0,this.afterShow(),this.fixOnBoundary||this.appendToTarget())}},{key:"hide",value:function(){var e;null===(e=this.popperRefer)||void 0===e||e.removeAttribute("data-show"),this.setOptions({modifiers:[].concat(v()(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();L(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();L(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=M({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,y.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"===p()(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 L(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.hide()}))}))}},{key:"isSameElement",value:function(e,t){return e&&(e===t||e===t.firstElementChild)}}]),e}(),C="abcdefghijklmnopqrstuvwxyz0123456789",N=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:C,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},R=function(){function e(t){r()(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:"absolute",left:0,top:0,bottom:0,right:0,display:"none","background-color":"rgba(0,0,0,.6)"};var n=t||{},i=n.multiInstance,o=void 0!==i&&i,s=n.maskAttrTag,a=void 0===s?"auto":s,u=n.parentNode,l=void 0===u?document.body:u,c=n.maskStyle,p=void 0===c?{}:c;this.activeInstance=void 0,this.multiInstance=o,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),this.parentNode=l||document,this.mask=this.getMask(),this.backupMask=this.createMask("data-bk-backup-uid"),this.setMaskStyle(Object.assign({},this.maskStyle,p))}return o()(e,[{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=null!=i?i:N(16),s=/-?\d+/.test("".concat(t))?t:l.getModalNextIndex(),a=Object.assign({},this.maskStyle,r||{});if(!n&&this.lastUUID){var u=this.zIndexStore.get(this.lastUUID);a=u.style}this.storeMaskInsCfg({zIndex:s,style:Object.assign({},a),uuid:o,preUID:this.lastUUID}),this.setMaskStyle(a),this.mask.style.setProperty("display","block"),this.mask.style.setProperty("z-index","".concat(s)),this.backupMask.style.setProperty("z-index","".concat(s-1)),e&&(this.activeInstance=e,this.appendContentToMask(e))}},{key:"hide",value:function(e,t){var n,r=null!=t?t:this.lastUUID;this.mask.style.setProperty("display","none"),null==e||e.remove(),null===(n=this.activeInstance)||void 0===n||n.remove(),this.activeInstance=void 0,this.popIndexStore(r)}},{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(){if(this.multiInstance)return this.createMask();var e=this.parentNode.querySelector("[data-bkmask-uid='".concat(this.uniqueMaskAttrTag,"']"));return e||(e=this.createMask()),e}},{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(N(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),e}(),U=new R({}),q=new(function(){function e(){r()(this,e),this.popInstanceList=[],this.uuidAttrName="data-bk-pop-uuid"}return o()(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]:{};if(e){var r=l.getModalNextIndex(),i=N(16);e.setAttribute(this.uuidAttrName,i),this.popInstanceList.push({uuid:i,zIndex:r,content:e,showMask:t,appendStyle:n}),t&&U.backupActiveInstance(),U.show(e,r,t,n,i)}else console.warn("pop show error: content is null or undefined")}},{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();U.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;U.show(i,r,o,s,a)}else U.hide()}}},{key:"hide",value:function(e){var t=null==e?void 0:e.getAttribute(this.uuidAttrName);if(t){var n=this.popInstanceList.findIndex((function(e){return e.uuid===t}));n>=0&&(this.popInstanceList[n].content.remove(),this.popInstanceList.splice(n,1),U.popIndexStore(t),this.popInstanceList.length?this.popHide(!1):U.hide())}else null==e||e.remove()}}]),e}()),D=h(1346),_=h.n(D),V=h(3205),B=h.n(V),z=h(5365),F=h.n(z),H=h(210);var G,K,Y=(0,H.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"}(K||(K={}));var Z,J=function(e){_()(s,e);var t,n,i=(t=s,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,r=F()(t);if(n){var i=F()(this).constructor;e=Reflect.construct(r,arguments,i)}else e=r.apply(this,arguments);return B()(this,e)});function s(){return r()(this,s),i.apply(this,arguments)}return o()(s,null,[{key:"size",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["small","default","large"];return(0,H.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,H.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,H.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,H.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,H.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,H.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}(Y);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}function $(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 Q=Object.create({}),ee=function(){},te=function(){return null},ne=function(e){return Object.keys(e).length<1},re=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},ie=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 oe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}})(),d})()));

package/lib/shared/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 生成n位长度的字符串
+ * @param {Number} n
+ * @param str,默认26位字母及数字
+ */
+export declare const random: (n: number, str?: string) => string;

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

@@ -1,12 +1,10 @@
-import { VNodeChild, CSSProperties } from 'vue';
+import { CSSProperties, VNodeChild } from 'vue';
 import { VueTypeDef } from 'vue-types';
 declare const propTypesNS: {
     new (): {};
     defaults: Partial<import("vue-types/dist/types").VueTypesDefaults>;
     sensibleDefaults: boolean | Partial<import("vue-types/dist/types").VueTypesDefaults>;
-    config: {
-        silent: boolean;
-    };
+    config: import("vue-types/dist/types").VueTypesConfig;
     readonly any: import("vue-types").VueTypeValidableDef<any>;
     readonly func: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
@@ -45,9 +43,7 @@ declare const propTypesNS: {
         new (): {};
         defaults: Partial<import("vue-types/dist/types").VueTypesDefaults>;
         sensibleDefaults: boolean | Partial<import("vue-types/dist/types").VueTypesDefaults>;
-        config: {
-            silent: boolean;
-        };
+        config: import("vue-types/dist/types").VueTypesConfig;
         readonly any: import("vue-types").VueTypeValidableDef<any>;
         readonly func: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
@@ -94,6 +90,10 @@ declare const propTypesNS: {
     };
 };
 export declare type VueNode = VNodeChild | JSX.Element;
+export declare type ElementType<T extends ReadonlyArray<unknown>> = T extends ReadonlyArray<infer ElementType> ? ElementType : never;
+export declare function stringEnum<T extends string>(o: Array<T>): {
+    [K in T]: K;
+};
 export declare enum Size {
     Small = "small",
     Large = "large"
@@ -110,5 +110,6 @@ export declare class PropTypes extends propTypesNS {
     static placement(placements?: string[]): VueTypeDef<string>;
     static commonType(types?: string[], name?: string): VueTypeDef<string>;
     static style(): VueTypeDef<CSSProperties>;
+    static position(positions?: string[]): VueTypeDef<string>;
 }
 export {};

package/lib/shared/z-index-manager.d.ts

@@ -40,7 +40,9 @@ export declare enum BKLAYERTYPE {
     /** 各类弹窗或抽屉（非模态弹窗不考虑） */
     MODAL = "modal",
     /** 各类消息提示 */
-    MESSAGE = "message"
+    MESSAGE = "message",
+    /** 各类popper提示 */
+    POPPER = "popper"
 }
 /** 定义不同分层默认值 */
 export declare const BKLAYERD_INDEX_EFAULT_VALUE: {
@@ -51,6 +53,7 @@ export declare const BKLAYERD_INDEX_EFAULT_VALUE: {
     modal: number;
     plugins: number;
     message: number;
+    popper: number;
 };
 declare class BKZIndexManager {
     storageLayerIndexValue: any;
@@ -69,6 +72,8 @@ declare class BKZIndexManager {
     getFullScreenNextIndex(): number;
     /** 获取导航类型最新zIndex的值 */
     getNaviNextIndex(): number;
+    /** 获取导航类型最新zIndex的值 */
+    getPopperIndex(): number;
     /**
      * 更新自定义默认zIndex配置
      * @param config 配置项

package/lib/sideslider/index.d.ts

@@ -0,0 +1,206 @@
+declare const BkSideslider: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            width: string | number;
+            height: string | number;
+            showMask: boolean;
+            direction: string;
+            isShow: boolean;
+            customClass: string | unknown[];
+            scrollable: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            isShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: string;
+            };
+            customClass: {
+                type: (ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            scrollable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showMask: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onClosed?: (...args: any[]) => any;
+            "onUpdate:isShow"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "direction" | "isShow" | "customClass" | "scrollable">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "closed" | "update:isShow", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            isShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: string;
+            };
+            customClass: {
+                type: (ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            scrollable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showMask: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onClosed?: (...args: any[]) => any;
+            "onUpdate:isShow"?: (...args: any[]) => any;
+        }, unknown, unknown, {}, {
+            handleClose(): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], string, {
+            width: string | number;
+            height: string | number;
+            showMask: boolean;
+            direction: string;
+            isShow: boolean;
+            customClass: string | unknown[];
+            scrollable: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        direction: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        isShow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        height: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        customClass: {
+            type: (ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        scrollable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showMask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClosed?: (...args: any[]) => any;
+        "onUpdate:isShow"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & {} & {
+        handleClose(): void;
+    } & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    isShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    customClass: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClosed?: (...args: any[]) => any;
+    "onUpdate:isShow"?: (...args: any[]) => any;
+}, unknown, unknown, {}, {
+    handleClose(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", {
+    width: string | number;
+    height: string | number;
+    showMask: boolean;
+    direction: string;
+    isShow: boolean;
+    customClass: string | unknown[];
+    scrollable: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkSideslider;

package/lib/sideslider/sideslider.d.ts

@@ -17,38 +17,59 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     customClass: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | StringConstructor)[];
         default: string;
     };
     scrollable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, unknown, {}, {
     handleClose(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    direction?: unknown;
-    isShow?: unknown;
-    width?: unknown;
-    height?: unknown;
-    customClass?: unknown;
-    scrollable?: unknown;
-} & {
-    width: string | number;
-    height: string | number;
-    isShow: boolean;
-    customClass: string;
-    scrollable: boolean;
-    direction: string;
-} & {}> & {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    isShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    customClass: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
 }, {
     width: string | number;
     height: string | number;
+    showMask: boolean;
+    direction: string;
     isShow: boolean;
-    customClass: string;
+    customClass: string | unknown[];
     scrollable: boolean;
-    direction: string;
 }>;
 export default _default;

package/lib/sideslider/sideslider.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o)=>(()=>{"use strict";var n={4976:e=>{e.exports=r},8014:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return n[e](r,r.exports,s),r.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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 d={};return(()=>{s.r(d),s.d(d,{default:()=>u});var e=s(4212),t=s(748),r=s(4976),o=s.n(r),n=s(8014),i=s.n(n);var l=i().propsMixin,a=Object.assign({},l);a.width.default="400",a.height.default="100%";const c=(0,t.defineComponent)({name:"Sideslider",components:{BkModal:i(),BkButton:o()},props:Object.assign(Object.assign({},a),{direction:{type:String,default:"right",validator:function(e){var t=["left","right"];return!(t.indexOf(e)<0&&(console.error("direction property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),1))}}}),emits:["closed","update:isShow"],methods:{handleClose:function(){this.$emit("update:isShow",!1),this.$emit("closed")}},render:function(){var e,r=this,o={header:function(){var e,o,n;return(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)("div",{class:"bk-sideslider-header"},[(0,t.createVNode)("span",{class:"bk-sideslider-close ".concat(r.direction),onClick:r.handleClose},null),(0,t.createVNode)("span",{class:"bk-sideslider-title ".concat(r.direction)},[null!==(n=null===(o=(e=r.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==n?n:"Header"])])])},default:function(){var e,t,o;return null!==(o=null===(t=(e=r.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==o?o:"Content"},footer:function(){return(0,t.createVNode)("div",{class:"bk-sideslider-footer"},null)}},n="bk-sideslider-wrapper ".concat(this.scrollable?"scroll-able":"");return(0,t.createVNode)(i(),(0,t.mergeProps)(this.$props,{class:n,style:"".concat(this.direction,": 0")}),"function"==typeof(e=o)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)?o:{default:function(){return[o]}})}}),u=(0,e.withInstall)(c)})(),d})()));

package/lib/sideslider/sideslider.variable.css

@@ -1,10 +1,12 @@
 :root {
   --bk-prefix: bk;
+  --popover-max-height: 216px;
   --primary-color: #3a84ff;
   --success-color: #2dcb56;
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -58,6 +60,36 @@
   --link-success-disabled-color: #94f5a4;
   --link-warning-disabled-color: #ffd695;
   --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
 }
 .bk-modal-wrapper.bk-sideslider-wrapper {
   position: fixed;

package/{changelog.config.js → lib/slider/index.d.ts}

@@ -23,11 +23,5 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-
-module.exports = {
-  owner: 'blueking',
-  repository: 'bkui-vue',
-  host: 'https://git.woa.com',
-  commit: 'commit',
-  issue: 'issue',
-};
+import Slider from './slider';
+export default Slider;

package/lib/slider/slider-button.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+import { PropType } from 'vue';
+interface Params {
+    vertical: boolean;
+    showTip: boolean;
+    disable: boolean;
+    maxValue: number;
+    minValue: number;
+    step: number;
+    precision: number;
+    showButtonLabel: boolean;
+    formatterButtonLabel: Function;
+    showIntervalLabel: boolean;
+    customContent: {
+        [propName: string]: {
+            label?: string;
+            tip?: string;
+        };
+    };
+    sliderSize: number;
+    formatterTipLabel: Function;
+}
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    params: {
+        type: PropType<Params>;
+        default: () => {};
+    };
+}, {
+    renderDom: () => JSX.Element;
+    setPosition: (position: number) => void;
+    tip: import("vue").ComputedRef<{
+        content: any;
+        placement: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "emitChange" | "resetSize")[], "update:modelValue" | "emitChange" | "resetSize", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    params: {
+        type: PropType<Params>;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onEmitChange?: (...args: any[]) => any;
+    onResetSize?: (...args: any[]) => any;
+}, {
+    modelValue: number;
+    params: Params;
+}>;
+export default _default;