bkui-vue 0.0.1-beta.145 → 0.0.1-beta.148

package/lib/cascader/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("../popover"),require("../checkbox"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../directives","../icon","../popover","../checkbox"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("../popover"),require("../checkbox")):t(e["../shared"],e.vue,e["../directives"],e["../icon"],e["../popover"],e["../checkbox"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o,i)=>(()=>{var a={7162:(e,t,r)=>{r(5047)},5047:e=>{var t=function(e){"use strict";var t,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,r){return e[t]=r}}function l(e,t,r,n){var o=t&&t.prototype instanceof y?t:y,i=Object.create(o.prototype),a=new C(n||[]);return i._invoke=function(e,t,r){var n=d;return function(o,i){if(n===p)throw new Error("Generator is already running");if(n===f){if("throw"===o)throw i;return S()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=L(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===d)throw n=f,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=p;var s=u(e,t,r);if("normal"===s.type){if(n=r.done?f:h,s.arg===v)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n=f,r.method="throw",r.arg=s.arg)}}}(e,r,a),i}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var d="suspendedStart",h="suspendedYield",p="executing",f="completed",v={};function y(){}function g(){}function m(){}var b={};s(b,i,(function(){return this}));var k=Object.getPrototypeOf,w=k&&k(k(E([])));w&&w!==r&&n.call(w,i)&&(b=w);var N=m.prototype=y.prototype=Object.create(b);function x(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function P(e,t){function r(o,i,a,c){var s=u(e[o],e,i);if("throw"!==s.type){var l=s.arg,d=l.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,a,c)}),(function(e){r("throw",e,a,c)})):t.resolve(d).then((function(e){l.value=e,a(l)}),(function(e){return r("throw",e,a,c)}))}c(s.arg)}var o;this._invoke=function(e,n){function i(){return new t((function(t,o){r(e,n,t,o)}))}return o=o?o.then(i,i):i()}}function L(e,r){var n=e.iterator[r.method];if(n===t){if(r.delegate=null,"throw"===r.method){if(e.iterator.return&&(r.method="return",r.arg=t,L(e,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=u(n,e.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[e.resultName]=i.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function T(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function V(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(T,this),this.reset(!0)}function E(e){if(e){var r=e[i];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function r(){for(;++o<e.length;)if(n.call(e,o))return r.value=e[o],r.done=!1,r;return r.value=t,r.done=!0,r};return a.next=a}}return{next:S}}function S(){return{value:t,done:!0}}return g.prototype=m,s(N,"constructor",m),s(m,"constructor",g),g.displayName=s(m,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,s(e,c,"GeneratorFunction")),e.prototype=Object.create(N),e},e.awrap=function(e){return{__await:e}},x(P.prototype),s(P.prototype,a,(function(){return this})),e.AsyncIterator=P,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new P(l(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(N),s(N,c,"Generator"),s(N,i,(function(){return this})),s(N,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},e.values=E,C.prototype={constructor:C,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(V),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function o(n,o){return c.type="throw",c.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),l=n.call(a,"finallyLoc");if(s&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),V(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;V(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:E(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},5800:e=>{"use strict";e.exports=i},4061:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=n},5537:e=>{"use strict";e.exports=o},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},c={};function s(e){var t=c[e];if(void 0!==t)return t.exports;var r=c[e]={exports:{}};return a[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 l={};return(()=>{"use strict";s.r(l),s.d(l,{BkCascader:()=>m,BkCascaderPanel:()=>u,default:()=>b});var e=s(4212),t=s(748),r=s(4061),n=s(6870),o=s(5537),i=s.n(o);s(7162),Symbol("BkSelect"),Symbol("BkOptionGroup");var a=s(5800),c=s.n(a);const u=(0,t.defineComponent)({name:"CascaderPanel",props:{store:e.PropTypes.object.def({})},emits:["input"],setup:function(r,o){var i=o.emit,a=r.store,c=(0,t.reactive)({list:[r.store.getNodes()]}),s=(0,t.ref)([]),l=(0,t.ref)([]),u=function(e){e.config.multiple?l.value=a.getCheckedNodes().map((function(e){return e.path})):l.value=e.path,i("input",l.value)},d=function(e){var t;if(!e.isDisabled){if(c.list=c.list.slice(0,e.level),s.value=s.value.slice(0,e.level-1),null===(t=e.children)||void 0===t?void 0:t.length)return c.list.push(e.children),void s.value.push(e);a.config.isRemote&&!e.isLeaf&&(e.loading=!0,a.config.remoteMethod(e,(function(t){a.appendNodes(t,e||null),c.list.push(e.children),s.value.push(e),e.loading=!1})),console.log("remote fuck here"))}};return{menus:c,activePath:s,nodeExpandHandler:d,isNodeInPath:function(e){return(s.value[e.level-1]||{}).id===e.id},nodeEvent:function(e){var t=e.config,r=t.trigger,n=t.checkAnyLevel,o=t.multiple;return{onClick:function(t){e.isLeaf&&!o||t.stopPropagation(),"click"===r&&d(e),n&&!o&&u(e),e.isLeaf&&!o&&u(e)},onMouseenter:function(){"hover"===r&&d(e)}}},isCheckedNode:function(t,r){return!t.config.multiple&&(0,e.arrayEqual)(r,t.path)},checkValue:l,nodeClear:function(){i("input",[])},checkNode:function(e,t){e.setNodeCheck(t),u(e)},iconRender:function(e){return e.loading?(0,t.createVNode)(n.Spinner,{class:"icon-spinner"},null):(0,t.createVNode)(n.AngleRight,{class:"icon-angle-right"},null)}}},render:function(){var e=this;return(0,t.createVNode)("div",{class:"bk-cascader-panel-wrapper"},[this.menus.list.map((function(r){return(0,t.createVNode)("ul",{class:"bk-cascader-panel"},[r.map((function(r){return(0,t.createVNode)("li",(0,t.mergeProps)({class:["bk-cascader-node",{"is-selected":e.isNodeInPath(r)},{"is-disabled":r.isDisabled},{"is-checked":e.isCheckedNode(r,e.checkValue)}]},e.nodeEvent(r)),[r.config.multiple&&(0,t.createVNode)(c(),{disabled:r.isDisabled,modelValue:r.checked,"onUpdate:modelValue":function(e){return r.checked=e},onChange:function(t){return e.checkNode(r,t)}},null),(0,t.createVNode)("span",{class:"bk-cascader-node-name"},[r.name]),r.isLeaf?"":e.iconRender(r)])}))])}))])}});function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function p(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}const f=function(){function e(t,r,n){d(this,e),this.data=t,this.config=r,this.parent=n||null,this.leaf=t.leaf,this.level=this.parent?this.parent.level+1:1,this.initState()}return p(e,[{key:"initState",value:function(){var t=this,r=this.config,n=r.idKey,o=r.nameKey,i=r.childrenKey;this.id=this.data[n],this.name=this.data[o],this.loading=!1,this.loaded=!1,this.checked=!1;var a=this.data[i];this.children=(a||[]).map((function(r){return new e(r,t.config,t)})),this.pathNodes=this.calculateNodesPath(),this.path=this.pathNodes.map((function(e){return e.id})),this.pathNames=this.pathNodes.map((function(e){return e.name}))}},{key:"isLeaf",get:function(){var e;return this.config.isRemote?this.leaf||!!this.loaded&&!this.children.length:!(Array.isArray(this.children)&&0!==(null===(e=this.children)||void 0===e?void 0:e.length))}},{key:"isDisabled",get:function(){return this.data.disabled}},{key:"setNodeCheck",value:function(e){this.checked=e}},{key:"calculateNodesPath",value:function(){for(var e=[this],t=this.parent;t;)e.unshift(t),t=t.parent;return e}}]),e}();var v=function e(t,r){return t.reduce((function(t,n){return n.isLeaf?t.push(n):(!r&&t.push(n),t=t.concat(e(n.children,r))),t}),[])};const y=function(){function t(e){var r=this;d(this,t);var n=e.list;this.data=n,this.nodes=this.data.map((function(e){return new f(e,r.config)})),this.config=e}return p(t,[{key:"getNodes",value:function(){return this.nodes}},{key:"getFlattedNodes",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return v(this.nodes,e)}},{key:"getCheckedNodes",value:function(){return this.getFlattedNodes().filter((function(e){return e.checked}))}},{key:"getNodeByValue",value:function(t){var r;return null!==(r=this.getFlattedNodes().filter((function(r){return(0,e.arrayEqual)(r.path,t)}))[0])&&void 0!==r?r:null}},{key:"appendNode",value:function(e,t){var r=new f(e,this.config,t);(t?t.children:this.nodes).push(r)}},{key:"appendNodes",value:function(e,t){var r=this;e.forEach((function(e){return r.appendNode(e,t)}))}}]),t}(),g=(0,t.defineComponent)({name:"Cascader",directives:{clickoutside:r.clickoutside},components:{CascaderPanel:u,BkPopover:i()},props:{modelValue:e.PropTypes.array.def([]),list:e.PropTypes.array.def([]),placeholder:e.PropTypes.string.def("请选择"),filterable:e.PropTypes.bool.def(!1),multiple:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),clearable:e.PropTypes.bool.def(!0),trigger:e.PropTypes.string.def("click"),checkAnyLevel:e.PropTypes.bool.def(!1),isRemote:e.PropTypes.bool.def(!1),remoteMethod:e.PropTypes.func,showCompleteName:e.PropTypes.bool.def(!1),idKey:e.PropTypes.string.def("id"),nameKey:e.PropTypes.string.def("name"),childrenKey:e.PropTypes.string.def("children"),separator:e.PropTypes.string.def("/"),limitOneLine:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string.def("")},emits:["update:modelValue","change","clear","toggle"],setup:function(e,r){var n=r.emit,o=e.separator,i=e.multiple,a=function(){var e=(0,t.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),c=a.isHover,s=a.setHover,l=a.cancelHover,u=(0,t.reactive)(new y(e)),d=(0,t.ref)(!1),h=(0,t.ref)(""),p=(0,t.ref)([]),f=function(e){if(i)p.value=u.getCheckedNodes().map((function(e){return{text:e.pathNames.join(o),key:e.id}}));else{if(0===e.length)h.value="";else{var t=u.getNodeByValue(e);h.value=t.pathNames.join(o)}n("update:modelValue",e),n("change",e)}};return{store:u,updateValue:f,hidePopover:function(){d.value=!1},inputClickHandler:function(e){e.stopPropagation(),d.value=!d.value,n("toggle",d.value)},selectedText:h,panelShow:d,handleClear:function(t){t.stopPropagation(),f([]),n("clear",JSON.parse(JSON.stringify(e.modelValue)))},isHover:c,setHover:s,cancelHover:l,selectedTags:p,removeTag:function(e,t,r){r.stopPropagation();var n=JSON.parse(JSON.stringify(e));n.splice(t,1),f(n)}}},render:function(){var e=this;return(0,t.createVNode)("div",{class:["bk-cascader","bk-cascader-wrapper",this.extCls,{"bk-is-show-panel":this.panelShow,"is-unselected":0===this.modelValue.length}],tabindex:"0","data-placeholder":this.placeholder,onMouseenter:this.setHover,onMouseleave:this.cancelHover},[e.clearable&&e.isHover?(0,t.createVNode)(n.Close,{class:"bk-icon-clear-icon",onClick:e.handleClear},null):(0,t.createVNode)(n.AngleUp,{class:"bk-icon-angle-up"},null),(0,t.createVNode)(i(),{placement:"bottom-start",theme:"light bk-cascader-popover",trigger:"click",arrow:!1,class:"bk-cascader-popover-wrapper",isShow:e.panelShow,"onUpdate:isShow":function(t){return e.panelShow=t},boundary:"body"},{default:function(){return(0,t.createVNode)("div",{class:"bk-cascader-name",onClick:e.inputClickHandler},[e.multiple&&(e.limitOneLine?(0,t.createVNode)("span",null,[e.selectedText]):(0,t.createVNode)("div",{class:"cascader-tag-list"},[e.selectedTags.map((function(r,o){return(0,t.createVNode)("span",{class:"cascader-tag-item"},[(0,t.createVNode)("span",{class:"cascader-tag-item-name"},[r.text]),(0,t.createVNode)(n.Error,{class:"bk-icon-clear-icon",onClick:function(t){return e.removeTag(e.modelValue,o,t)}},null)])}))])),e.filterable?(0,t.createVNode)("input",{class:"bk-cascader-search-input",type:"text",placeholder:e.placeholder},null):(0,t.createVNode)("span",null,[e.selectedText])])},content:function(){return(0,t.createVNode)("div",{class:"bk-cascader-popover"},[(0,t.createVNode)(u,{store:e.store,onInput:function(t){return e.updateValue(t)}},null)])}})])}});var m=(0,e.withInstallProps)(g,{CascaderPanel:u});const b=m})(),l})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("../popover"),require("../checkbox"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../directives","../icon","../popover","../checkbox"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("../popover"),require("../checkbox")):t(e["../shared"],e.vue,e["../directives"],e["../icon"],e["../popover"],e["../checkbox"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o,i)=>(()=>{var a={7162:(e,t,r)=>{r(5047)},5047:e=>{var t=function(e){"use strict";var t,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,r){return e[t]=r}}function l(e,t,r,n){var o=t&&t.prototype instanceof y?t:y,i=Object.create(o.prototype),a=new C(n||[]);return i._invoke=function(e,t,r){var n=d;return function(o,i){if(n===p)throw new Error("Generator is already running");if(n===f){if("throw"===o)throw i;return S()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=L(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===d)throw n=f,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=p;var s=u(e,t,r);if("normal"===s.type){if(n=r.done?f:h,s.arg===v)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n=f,r.method="throw",r.arg=s.arg)}}}(e,r,a),i}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var d="suspendedStart",h="suspendedYield",p="executing",f="completed",v={};function y(){}function g(){}function m(){}var b={};s(b,i,(function(){return this}));var k=Object.getPrototypeOf,w=k&&k(k(E([])));w&&w!==r&&n.call(w,i)&&(b=w);var N=m.prototype=y.prototype=Object.create(b);function x(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function P(e,t){function r(o,i,a,c){var s=u(e[o],e,i);if("throw"!==s.type){var l=s.arg,d=l.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,a,c)}),(function(e){r("throw",e,a,c)})):t.resolve(d).then((function(e){l.value=e,a(l)}),(function(e){return r("throw",e,a,c)}))}c(s.arg)}var o;this._invoke=function(e,n){function i(){return new t((function(t,o){r(e,n,t,o)}))}return o=o?o.then(i,i):i()}}function L(e,r){var n=e.iterator[r.method];if(n===t){if(r.delegate=null,"throw"===r.method){if(e.iterator.return&&(r.method="return",r.arg=t,L(e,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=u(n,e.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[e.resultName]=i.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function T(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function V(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(T,this),this.reset(!0)}function E(e){if(e){var r=e[i];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function r(){for(;++o<e.length;)if(n.call(e,o))return r.value=e[o],r.done=!1,r;return r.value=t,r.done=!0,r};return a.next=a}}return{next:S}}function S(){return{value:t,done:!0}}return g.prototype=m,s(N,"constructor",m),s(m,"constructor",g),g.displayName=s(m,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,s(e,c,"GeneratorFunction")),e.prototype=Object.create(N),e},e.awrap=function(e){return{__await:e}},x(P.prototype),s(P.prototype,a,(function(){return this})),e.AsyncIterator=P,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new P(l(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(N),s(N,c,"Generator"),s(N,i,(function(){return this})),s(N,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},e.values=E,C.prototype={constructor:C,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(V),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function o(n,o){return c.type="throw",c.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),l=n.call(a,"finallyLoc");if(s&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),V(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;V(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:E(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},5800:e=>{"use strict";e.exports=i},4061:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=n},5537:e=>{"use strict";e.exports=o},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},c={};function s(e){var t=c[e];if(void 0!==t)return t.exports;var r=c[e]={exports:{}};return a[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 l={};return(()=>{"use strict";s.r(l),s.d(l,{BkCascader:()=>m,BkCascaderPanel:()=>u,default:()=>b});var e=s(4212),t=s(748),r=s(4061),n=s(6870),o=s(5537),i=s.n(o);s(7162),Symbol("BkSelect"),Symbol("BkOptionGroup");var a=s(5800),c=s.n(a);const u=(0,t.defineComponent)({name:"CascaderPanel",props:{store:e.PropTypes.object.def({})},emits:["input"],setup:function(r,o){var i=o.emit,a=r.store,c=(0,t.reactive)({list:[r.store.getNodes()]}),s=(0,t.ref)([]),l=(0,t.ref)([]),u=function(e){e.config.multiple?l.value=a.getCheckedNodes().map((function(e){return e.path})):l.value=e.path,i("input",l.value)},d=function(e){var t;if(!e.isDisabled){if(c.list=c.list.slice(0,e.level),s.value=s.value.slice(0,e.level-1),null===(t=e.children)||void 0===t?void 0:t.length)return c.list.push(e.children),void s.value.push(e);a.config.isRemote&&!e.isLeaf&&(e.loading=!0,a.config.remoteMethod(e,(function(t){a.appendNodes(t,e||null),c.list.push(e.children),s.value.push(e),e.loading=!1})),console.log("remote fuck here"))}};return{menus:c,activePath:s,nodeExpandHandler:d,isNodeInPath:function(e){return(s.value[e.level-1]||{}).id===e.id},nodeEvent:function(e){var t=e.config,r=t.trigger,n=t.checkAnyLevel,o=t.multiple;return{onClick:function(t){e.isLeaf&&!o||t.stopPropagation(),"click"===r&&d(e),n&&!o&&u(e),e.isLeaf&&!o&&u(e)},onMouseenter:function(){"hover"===r&&d(e)}}},isCheckedNode:function(t,r){return!t.config.multiple&&(0,e.arrayEqual)(r,t.path)},checkValue:l,nodeClear:function(){i("input",[])},checkNode:function(e,t){e.setNodeCheck(t),u(e)},iconRender:function(e){return e.loading?(0,t.createVNode)(n.Spinner,{class:"icon-spinner"},null):(0,t.createVNode)(n.AngleRight,{class:"icon-angle-right"},null)}}},render:function(){var e=this;return(0,t.createVNode)("div",{class:"bk-cascader-panel-wrapper"},[this.menus.list.map((function(r){return(0,t.createVNode)("ul",{class:"bk-cascader-panel"},[r.map((function(r){return(0,t.createVNode)("li",(0,t.mergeProps)({class:["bk-cascader-node",{"is-selected":e.isNodeInPath(r)},{"is-disabled":r.isDisabled},{"is-checked":e.isCheckedNode(r,e.checkValue)}]},e.nodeEvent(r)),[r.config.multiple&&(0,t.createVNode)(c(),{disabled:r.isDisabled,modelValue:r.checked,"onUpdate:modelValue":function(e){return r.checked=e},onChange:function(t){return e.checkNode(r,t)}},null),(0,t.createVNode)("span",{class:"bk-cascader-node-name"},[r.name]),r.isLeaf?"":e.iconRender(r)])}))])}))])}});function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function p(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}const f=function(){function e(t,r,n){d(this,e),this.data=t,this.config=r,this.parent=n||null,this.leaf=t.leaf,this.level=this.parent?this.parent.level+1:1,this.initState()}return p(e,[{key:"initState",value:function(){var t=this,r=this.config,n=r.idKey,o=r.nameKey,i=r.childrenKey;this.id=this.data[n],this.name=this.data[o],this.loading=!1,this.loaded=!1,this.checked=!1;var a=this.data[i];this.children=(a||[]).map((function(r){return new e(r,t.config,t)})),this.pathNodes=this.calculateNodesPath(),this.path=this.pathNodes.map((function(e){return e.id})),this.pathNames=this.pathNodes.map((function(e){return e.name}))}},{key:"isLeaf",get:function(){var e;return this.config.isRemote?this.leaf||!!this.loaded&&!this.children.length:!(Array.isArray(this.children)&&0!==(null===(e=this.children)||void 0===e?void 0:e.length))}},{key:"isDisabled",get:function(){return this.data.disabled}},{key:"setNodeCheck",value:function(e){this.checked=e}},{key:"calculateNodesPath",value:function(){for(var e=[this],t=this.parent;t;)e.unshift(t),t=t.parent;return e}}]),e}();var v=function e(t,r){return t.reduce((function(t,n){return n.isLeaf?t.push(n):(!r&&t.push(n),t=t.concat(e(n.children,r))),t}),[])};const y=function(){function t(e){var r=this;d(this,t);var n=e.list;this.data=n,this.config=e,this.nodes=this.data.map((function(e){return new f(e,r.config)}))}return p(t,[{key:"getNodes",value:function(){return this.nodes}},{key:"getFlattedNodes",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return v(this.nodes,e)}},{key:"getCheckedNodes",value:function(){return this.getFlattedNodes().filter((function(e){return e.checked}))}},{key:"getNodeByValue",value:function(t){var r;return null!==(r=this.getFlattedNodes().filter((function(r){return(0,e.arrayEqual)(r.path,t)}))[0])&&void 0!==r?r:null}},{key:"appendNode",value:function(e,t){var r=new f(e,this.config,t);(t?t.children:this.nodes).push(r)}},{key:"appendNodes",value:function(e,t){var r=this;e.forEach((function(e){return r.appendNode(e,t)}))}}]),t}(),g=(0,t.defineComponent)({name:"Cascader",directives:{clickoutside:r.clickoutside},components:{CascaderPanel:u,BkPopover:i()},props:{modelValue:e.PropTypes.array.def([]),list:e.PropTypes.array.def([]),placeholder:e.PropTypes.string.def("请选择"),filterable:e.PropTypes.bool.def(!1),multiple:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),clearable:e.PropTypes.bool.def(!0),trigger:e.PropTypes.string.def("click"),checkAnyLevel:e.PropTypes.bool.def(!1),isRemote:e.PropTypes.bool.def(!1),remoteMethod:e.PropTypes.func,showCompleteName:e.PropTypes.bool.def(!1),idKey:e.PropTypes.string.def("id"),nameKey:e.PropTypes.string.def("name"),childrenKey:e.PropTypes.string.def("children"),separator:e.PropTypes.string.def("/"),limitOneLine:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string.def("")},emits:["update:modelValue","change","clear","toggle"],setup:function(e,r){var n=r.emit,o=e.separator,i=e.multiple,a=function(){var e=(0,t.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),c=a.isHover,s=a.setHover,l=a.cancelHover,u=(0,t.reactive)(new y(e)),d=(0,t.ref)(!1),h=(0,t.ref)(""),p=(0,t.ref)([]),f=function(e){if(i)p.value=u.getCheckedNodes().map((function(e){return{text:e.pathNames.join(o),key:e.id}}));else{if(0===e.length)h.value="";else{var t=u.getNodeByValue(e);h.value=t.pathNames.join(o)}n("update:modelValue",e),n("change",e)}};return{store:u,updateValue:f,hidePopover:function(){d.value=!1},inputClickHandler:function(e){e.stopPropagation(),d.value=!d.value,n("toggle",d.value)},selectedText:h,panelShow:d,handleClear:function(t){t.stopPropagation(),f([]),n("clear",JSON.parse(JSON.stringify(e.modelValue)))},isHover:c,setHover:s,cancelHover:l,selectedTags:p,removeTag:function(e,t,r){r.stopPropagation();var n=JSON.parse(JSON.stringify(e));n.splice(t,1),f(n)}}},render:function(){var e=this;return(0,t.createVNode)("div",{class:["bk-cascader","bk-cascader-wrapper",this.extCls,{"bk-is-show-panel":this.panelShow,"is-unselected":0===this.modelValue.length}],tabindex:"0","data-placeholder":this.placeholder,onMouseenter:this.setHover,onMouseleave:this.cancelHover},[e.clearable&&e.isHover?(0,t.createVNode)(n.Close,{class:"bk-icon-clear-icon",onClick:e.handleClear},null):(0,t.createVNode)(n.AngleUp,{class:"bk-icon-angle-up"},null),(0,t.createVNode)(i(),{placement:"bottom-start",theme:"light bk-cascader-popover",trigger:"click",arrow:!1,class:"bk-cascader-popover-wrapper",isShow:e.panelShow,"onUpdate:isShow":function(t){return e.panelShow=t},boundary:"body"},{default:function(){return(0,t.createVNode)("div",{class:"bk-cascader-name",onClick:e.inputClickHandler},[e.multiple&&(e.limitOneLine?(0,t.createVNode)("span",null,[e.selectedText]):(0,t.createVNode)("div",{class:"cascader-tag-list"},[e.selectedTags.map((function(r,o){return(0,t.createVNode)("span",{class:"cascader-tag-item"},[(0,t.createVNode)("span",{class:"cascader-tag-item-name"},[r.text]),(0,t.createVNode)(n.Error,{class:"bk-icon-clear-icon",onClick:function(t){return e.removeTag(e.modelValue,o,t)}},null)])}))])),e.filterable?(0,t.createVNode)("input",{class:"bk-cascader-search-input",type:"text",placeholder:e.placeholder},null):(0,t.createVNode)("span",null,[e.selectedText])])},content:function(){return(0,t.createVNode)("div",{class:"bk-cascader-popover"},[(0,t.createVNode)(u,{store:e.store,onInput:function(t){return e.updateValue(t)}},null)])}})])}});var m=(0,e.withInstallProps)(g,{CascaderPanel:u});const b=m})(),l})()));

package/lib/collapse/collapse-panel.d.ts

@@ -15,6 +15,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     renderDirective: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -40,6 +45,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     renderDirective: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -59,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: boolean;
     itemClick: Function;
+    isFormList: boolean;
     renderDirective: string;
 }>;
 export default _default;

package/lib/collapse/collapse.css

@@ -10,7 +10,7 @@
   color: #dcdee5;
   pointer-events: none;
 }
-.bk-collapse-item .bk-collapse-header {
+.bk-collapse-header {
   position: relative;
   height: 42px;
   padding: 0 10px;
@@ -21,26 +21,26 @@
   text-overflow: ellipsis;
   cursor: pointer;
 }
-.bk-collapse-item .bk-collapse-header .bk-collapse-icon {
+.bk-collapse-content {
+  padding: 0 10px;
+  font-size: 13px;
+  will-change: all;
+  color: #979ba5;
+}
+.bk-collapse-content.active {
+  display: block;
+}
+.bk-collapse-icon {
   position: absolute;
   right: 10px;
   transition: all linear 0.3s;
 }
-.bk-collapse-item .bk-collapse-header .bk-collapse-icon.rotate-icon {
+.bk-collapse-icon.rotate-icon {
   transform: rotate(90deg);
 }
-.bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
+.bk-collapse-icon svg {
   font-size: 20px;
 }
-.bk-collapse-item .bk-collapse-content {
-  padding: 0 10px;
-  font-size: 13px;
-  will-change: all;
-  color: #979ba5;
-}
-.bk-collapse-item .bk-collapse-content.active {
-  display: block;
-}
-.collapse-transition {
+.bk-collapse-transition {
   transition: all 0.3s ease-in-out;
 }

package/lib/collapse/collapse.d.ts

@@ -23,7 +23,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     list: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };

package/lib/collapse/collapse.less

@@ -1,20 +1,24 @@
 @import '../styles/themes/themes.less';
 
-.bk-collapse-item {
-  display: flex;
-  flex-direction: column;
-  text-align: left;
+.bk-collapse {
+  &-item {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+
+    &.is-disabled {
+      cursor: not-allowed;
+
+      .bk-collapse-header {
+        color: @disable-color;
+        pointer-events: none;
+      }
+    }
 
-  &.is-disabled {
-    cursor: not-allowed;
 
-    .bk-collapse-header {
-      color: @disable-color;
-      pointer-events: none;
-    }
   }
 
-  .bk-collapse-header {
+  &-header {
     position: relative;
     height: 42px;
     padding: 0 10px;
@@ -25,22 +29,9 @@
     text-overflow: ellipsis;
     cursor: pointer;
 
-    .bk-collapse-icon {
-      position: absolute;
-      right: 10px;
-      transition: all linear .3s;
-
-      &.rotate-icon {
-        transform: rotate(90deg);
-      }
-
-      svg {
-        font-size: 20px;
-      }
-    }
   }
 
-  .bk-collapse-content {
+  &-content {
     padding: 0 10px;
     font-size: 13px;
     will-change: all;
@@ -50,8 +41,22 @@
       display: block;
     }
   }
-}
 
-.collapse-transition {
-  transition: all .3s ease-in-out;
-}
+  &-icon {
+    position: absolute;
+    right: 10px;
+    transition: all linear .3s;
+
+    &.rotate-icon {
+      transform: rotate(90deg);
+    }
+
+    svg {
+      font-size: 20px;
+    }
+  }
+
+  &-transition {
+    transition: all .3s ease-in-out;
+  }
+}

package/lib/collapse/collapse.variable.css

@@ -123,7 +123,7 @@
   color: var(--disable-color);
   pointer-events: none;
 }
-.bk-collapse-item .bk-collapse-header {
+.bk-collapse-header {
   position: relative;
   height: 42px;
   padding: 0 10px;
@@ -134,26 +134,26 @@
   text-overflow: ellipsis;
   cursor: pointer;
 }
-.bk-collapse-item .bk-collapse-header .bk-collapse-icon {
+.bk-collapse-content {
+  padding: 0 10px;
+  font-size: 13px;
+  will-change: all;
+  color: #979ba5;
+}
+.bk-collapse-content.active {
+  display: block;
+}
+.bk-collapse-icon {
   position: absolute;
   right: 10px;
   transition: all linear 0.3s;
 }
-.bk-collapse-item .bk-collapse-header .bk-collapse-icon.rotate-icon {
+.bk-collapse-icon.rotate-icon {
   transform: rotate(90deg);
 }
-.bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
+.bk-collapse-icon svg {
   font-size: 20px;
 }
-.bk-collapse-item .bk-collapse-content {
-  padding: 0 10px;
-  font-size: 13px;
-  will-change: all;
-  color: #979ba5;
-}
-.bk-collapse-item .bk-collapse-content.active {
-  display: block;
-}
-.collapse-transition {
+.bk-collapse-transition {
   transition: all 0.3s ease-in-out;
 }

package/lib/collapse/index.d.ts

@@ -84,7 +84,9 @@ declare const BkCollapse: {
             "onAfter-leave"?: (...args: any[]) => any;
             "onBefore-enter"?: (...args: any[]) => any;
             "onItem-click"?: (...args: any[]) => any;
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], string, {
+        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], string, {
             list: any[];
             idFiled: string;
             titleField: string;
@@ -140,7 +142,9 @@ declare const BkCollapse: {
         "onAfter-leave"?: (...args: any[]) => any;
         "onBefore-enter"?: (...args: any[]) => any;
         "onItem-click"?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    } & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -174,7 +178,9 @@ declare const BkCollapse: {
     "onAfter-leave"?: (...args: any[]) => any;
     "onBefore-enter"?: (...args: any[]) => any;
     "onItem-click"?: (...args: any[]) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", {
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", {
     list: any[];
     idFiled: string;
     titleField: string;
@@ -198,6 +204,11 @@ declare const BkCollapse: {
         } & {
             default: boolean;
         };
+        isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         renderDirective: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
@@ -223,6 +234,11 @@ declare const BkCollapse: {
         } & {
             default: boolean;
         };
+        isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         renderDirective: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
@@ -242,6 +258,7 @@ declare const BkCollapse: {
         disabled: boolean;
         modelValue: boolean;
         itemClick: Function;
+        isFormList: boolean;
         renderDirective: string;
     }>;
 }>;

package/lib/collapse/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r)=>(()=>{"use strict";var o={6870:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{BkCollapsePanel:()=>p,Collapse:()=>v,default:()=>y});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):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 o=a(748),n=a(6870),i={list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),idFiled:e.PropTypes.string.def("$index"),titleField:e.PropTypes.string.def("name"),contentField:e.PropTypes.string.def("content"),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([]),e.PropTypes.number.def(-1)]),accordion:e.PropTypes.bool.def(!1)},s={itemClick:{type:Function,default:function(){return{}}}},c=Object.assign({name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),title:e.PropTypes.any,content:e.PropTypes.string,disabled:e.PropTypes.bool.def(!1),renderDirective:e.PropTypes.commonType(["if","show"],"render").def("show"),modelValue:e.PropTypes.bool.def(!1)},s),u=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function f(e,t){if(e&&t){var o=u(t),n=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,r(o))}else{o.forEach((function(e){n=n.replace(" ".concat(e," ")," ")}));var l=u(n).join(" ");e.setAttribute("class",l)}}}function d(e,t){if(e){var o,n=e.getAttribute("class")||"",a=u(n),l=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,r(l)):(n+=" ".concat(l.join(" ")),e.setAttribute("class",n))}}const p=(0,o.defineComponent)({name:"CollapsePanel",props:c,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var r=t.emit,a=t.slots,l=(0,o.inject)("localActiveItems"),i=(0,o.ref)(e.modelValue);(0,o.watch)((function(){return e.modelValue}),(function(e){i.value=e})),(0,o.watch)((function(){return l}),(function(t){(null==t?void 0:t.length)&&(i.value=t.includes(e.name))}),{immediate:!0});var s=(0,o.ref)(function(e){return{css:!0,onBeforeEnter:function(e){d(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px"},onEnter:function(e){e.dataset.oldOverflow=e.style.overflow,0!==e.scrollHeight?(e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px")):e.style.height="0px",e.style.overflow="hidden"},onAfterEnter:function(t){t.style.height="",t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,f(t,"collapse-transition"),e("before-enter")},onBeforeLeave:function(e){e.dataset||(e.dataset={}),e.dataset.oldOverflow=e.style.overflow,e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px"),e.style.overflow="hidden"},onLeave:function(e){0!==e.scrollHeight&&(d(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px")},onAfterLeave:function(t){f(t,"collapse-transition"),t.style.height="",t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,e("after-leave")}}}(r)),c=e.content;return function(){var t,l,u;return(0,o.createVNode)("div",{class:"bk-collapse-item ".concat(e.disabled?"is-disabled":""," ").concat(i.value?"bk-collapse-item-active":"")},[(0,o.createVNode)("div",{class:"bk-collapse-header",onClick:function(){return function(e){var t=e.disabled,o=e.name,n=e.itemClick;if(!t){var a={name:o};n(a),i.value=!i.value,r("change",a),r("update:modelValue",i.value)}}(e)}},[a.header?"function"==typeof a.header?a.header(o.h):a.header:(u=a.default?"function"==typeof a.default?a.default(o.h):a.default:e.title,(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)("span",{class:"bk-collapse-title"},[u]),(0,o.createVNode)(n.AngleRight,{class:"bk-collapse-icon ".concat(i.value?"rotate-icon":"")},null)]))]),(0,o.createVNode)(o.Transition,s.value,(l=t="if"!==e.renderDirective||i.value?(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-collapse-content ".concat(i.value?"active":"")},[c||("function"==typeof a.content?a.content(o.h):a.content)]),[[o.vShow,i.value]]):"","function"==typeof l||"[object Object]"===Object.prototype.toString.call(l)&&!(0,o.isVNode)(l)?t:{default:function(){return[t]}}))])}}}),v=(0,o.defineComponent)({name:"Collapse",props:i,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,t){var n=t.emit,a=t.slots,l=(0,o.ref)([]);(0,o.watch)((function(){return[e.modelValue]}),(function(){var t=e.modelValue;Array.isArray(t)?l.value=r(t):l.value=void 0!==t?[t]:[]}),{immediate:!0}),(0,o.provide)("localActiveItems",l.value);var i=function(t){var r=t.name;if(e.accordion){var o=l.value.findIndex((function(e){return e===r}));o>=0?l.value.splice(o,1):l.value=[r]}else{var a=l.value.findIndex((function(e){return e===r}));a>=0?l.value.splice(a,1):l.value.push(r)}n("item-click",t),n("update:modelValue",l.value)},s="bk-collapse-wrapper";if(!Array.isArray(e.list)||!e.list.length)return function(){var e;return(0,o.createVNode)("div",{class:s},[null===(e=a.default)||void 0===e?void 0:e.call(a)])};var c=(0,o.computed)((function(){return(e.list||[]).map((function(e,t){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:t,name:e}:Object.assign({$index:t},e)}))}));return function(){return(0,o.createVNode)("div",{class:s},[c.value.map((function(t,r){var n=t[e.idFiled]||r,l=t[e.titleField];return a.title&&(l="function"==typeof a.title?a.title(t):a.title),(0,o.createVNode)(p,{key:r,"item-click":i,disabled:t.disabled,name:n,title:l,content:t[e.contentField]},null)}))])}}}),y=(0,e.withInstallProps)(v,{CollapsePanel:p})})(),l})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r)=>(()=>{"use strict";var o={6870:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{a.r(i),a.d(i,{BkCollapsePanel:()=>p,Collapse:()=>v,default:()=>y});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):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 o=a(748),n=a(6870),l={list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),idFiled:e.PropTypes.string.def("$index"),titleField:e.PropTypes.string.def("name"),contentField:e.PropTypes.string.def("content"),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([]),e.PropTypes.number.def(-1)]),accordion:e.PropTypes.bool.def(!1)},s={itemClick:{type:Function,default:function(){return{}}}},c=Object.assign({name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),title:e.PropTypes.any,content:e.PropTypes.string,disabled:e.PropTypes.bool.def(!1),isFormList:e.PropTypes.bool.def(!1),renderDirective:e.PropTypes.commonType(["if","show"],"render").def("show"),modelValue:e.PropTypes.bool.def(!1)},s),u=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function d(e,t){if(e&&t){var o=u(t),n=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,r(o))}else{o.forEach((function(e){n=n.replace(" ".concat(e," ")," ")}));var i=u(n).join(" ");e.setAttribute("class",i)}}}function f(e,t){if(e){var o,n=e.getAttribute("class")||"",a=u(n),i=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,r(i)):(n+=" ".concat(i.join(" ")),e.setAttribute("class",n))}}const p=(0,o.defineComponent)({name:"CollapsePanel",props:c,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var r=t.emit,a=t.slots,i=(0,o.inject)("localActiveItems"),l=(0,o.inject)("handleItemClick"),s=(0,o.ref)(e.modelValue);(0,o.watch)((function(){return e.modelValue}),(function(e){s.value=e})),(0,o.watch)((function(){return i}),(function(t){(null==t?void 0:t.length)&&(s.value=t.includes(e.name))}),{immediate:!0});var c=(0,o.ref)(function(e){return{css:!0,onBeforeEnter:function(e){f(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px"},onEnter:function(e){e.dataset.oldOverflow=e.style.overflow,0!==e.scrollHeight?(e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px")):e.style.height="0px",e.style.overflow="hidden"},onAfterEnter:function(t){t.style.height="",t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,d(t,"collapse-transition"),e("before-enter")},onBeforeLeave:function(e){e.dataset||(e.dataset={}),e.dataset.oldOverflow=e.style.overflow,e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px"),e.style.overflow="hidden"},onLeave:function(e){0!==e.scrollHeight&&(f(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px")},onAfterLeave:function(t){d(t,"collapse-transition"),t.style.height="",t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,e("after-leave")}}}(r));return function(){var t,i,u;return(0,o.createVNode)("div",{class:"bk-collapse-item ".concat(e.disabled?"is-disabled":""," ").concat(s.value?"bk-collapse-item-active":"")},[(0,o.createVNode)("div",{onClick:function(){return function(e){var t=e.disabled,o=e.name,n=e.itemClick;if(!t){var a={name:o};n(a),s.value=!s.value,r("change",a),r("update:modelValue",s.value),l({name:o})}}(e)}},[a.header?"function"==typeof a.header?a.header(o.h):a.header:(u=a.default?"function"==typeof a.default?a.default(o.h):a.default:e.title,(0,o.createVNode)("div",{class:"bk-collapse-header"},[(0,o.createVNode)("span",{class:"bk-collapse-title"},[u]),(0,o.createVNode)(n.AngleRight,{class:"bk-collapse-icon ".concat(s.value?"rotate-icon":"")},null)]))]),(0,o.createVNode)(o.Transition,c.value,(i=t="if"!==e.renderDirective||s.value?(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-collapse-content ".concat(s.value?"active":"")},[e.content?e.content:"function"==typeof a.content?a.content(o.h):a.content]),[[o.vShow,s.value]]):"","function"==typeof i||"[object Object]"===Object.prototype.toString.call(i)&&!(0,o.isVNode)(i)?t:{default:function(){return[t]}}))])}}}),v=(0,o.defineComponent)({name:"Collapse",props:l,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,t){var n=t.emit,a=t.slots,i=(0,o.ref)([]);(0,o.watch)((function(){return[e.modelValue]}),(function(){var t=e.modelValue;Array.isArray(t)?i.value=r(t):i.value=void 0!==t?[t]:[]}),{immediate:!0});var l=function(t){var r=t.name;if(e.accordion){var o=i.value.findIndex((function(e){return e===r}));o>=0?i.value.splice(o,1):i.value=[r]}else{var a=i.value.findIndex((function(e){return e===r}));a>=0?i.value.splice(a,1):i.value.push(r)}n("item-click",t),n("update:modelValue",i.value)};(0,o.provide)("localActiveItems",i.value),(0,o.provide)("handleItemClick",l);var s="bk-collapse-wrapper";if(!Array.isArray(e.list)||!e.list.length)return function(){return(0,o.createVNode)("div",{class:s},[(0,o.renderSlot)(a,"default",{props:{isList:!0}})])};var c=(0,o.computed)((function(){return(e.list||[]).map((function(e,t){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:t,name:e}:Object.assign({$index:t},e)}))}));return function(){return(0,o.createVNode)("div",{class:s},[c.value.map((function(t,r){var n=t[e.idFiled]||r,i=t[e.titleField];return a.title&&(i="function"==typeof a.title?a.title(t):a.title),(0,o.createVNode)(p,{key:r,"item-click":l,disabled:t.disabled,name:n,isFormList:!0,title:i,content:t[e.contentField]},null)}))])}}}),y=(0,e.withInstallProps)(v,{CollapsePanel:p})})(),i})()));

package/lib/collapse/props.d.ts

@@ -95,6 +95,15 @@ export declare const propsCollapsePanel: {
          */
         default: boolean;
     };
+    isFormList: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        /**
+         * Content 字段，默认渲染内容，不配置时自动读取 content 字段
+         * 自定义配置slot时可以忽略
+         */
+        default: boolean;
+    };
     renderDirective: import("vue-types").VueTypeDef<string> & {
         /**
          * Content 字段，默认渲染内容，不配置时自动读取 content 字段

package/lib/dropdown/const.d.ts

@@ -0,0 +1,4 @@
+/** 弹层出现位置选项 */
+export declare const PLACEMENT_OPTIONS: string[];
+/** 弹层触发选项  */
+export declare const TRIGGER_OPTIONS: string[];

package/lib/dropdown/dropdown.css

@@ -12,7 +12,10 @@
 .bk-dropdown .bk-dropdown-content[data-show] {
   display: block;
 }
-.bk-dropdown-menu {
+.bk-popover2.bk-pop2-content.bk-dropdown-popover {
+  padding: 0;
+}
+.bk-dropdown-popover .bk-dropdown-menu {
   min-width: 100%;
   padding: 5px 0;
   margin: 0;
@@ -21,16 +24,16 @@
   border-radius: 2px;
   box-sizing: border-box;
 }
-.bk-dropdown-menu::-webkit-scrollbar {
+.bk-dropdown-popover .bk-dropdown-menu::-webkit-scrollbar {
   width: 4px;
   height: 4px;
 }
-.bk-dropdown-menu::-webkit-scrollbar-thumb {
+.bk-dropdown-popover .bk-dropdown-menu::-webkit-scrollbar-thumb {
   background: #dde4eb;
   border-radius: 20px;
   box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
 }
-.bk-dropdown-item {
+.bk-dropdown-popover .bk-dropdown-item {
   display: block;
   height: 32px;
   padding: 0 16px;
@@ -41,7 +44,7 @@
   list-style: none;
   cursor: pointer;
 }
-.bk-dropdown-item:hover {
+.bk-dropdown-popover .bk-dropdown-item:hover {
   color: #3a84ff;
   background-color: #eaf3ff;
 }

package/lib/dropdown/dropdown.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    /** 弹层出现位置 */
     placement: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -18,13 +19,25 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    /** popover属性 */
+    popoverOptions: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
     /** 外部设置的 class name */
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
 }, {
-    reference: any;
-    refContent: any;
+    afterShow: () => void;
+    afterHidden: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show" | "showChange")[], "hide" | "show" | "showChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** trigger = manual时候控制显隐藏  */
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -32,6 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    /** 弹层出现位置 */
     placement: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -45,6 +59,18 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    /** popover属性 */
+    popoverOptions: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
     /** 外部设置的 class name */
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -59,5 +85,8 @@ declare const _default: import("vue").DefineComponent<{
     trigger: string;
     extCls: string;
     isShow: boolean;
+    popoverOptions: {
+        [key: string]: any;
+    };
 }>;
 export default _default;

package/lib/dropdown/dropdown.less

@@ -17,43 +17,52 @@
     }
   }
 }
-
-.@{bk-prefix}-dropdown-menu {
-  min-width: 100%;
-  padding: 5px 0;
-  margin: 0;
-  background: #fff;
-  border: 1px solid  #dcdee5;
-  border-radius: 2px;
-  box-sizing: border-box;
-
-  &::-webkit-scrollbar {
-    width: 4px;
-    height: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #dde4eb;
-    border-radius: 20px;
-    box-shadow: inset 0 0 6px hsla(0,0%,80%,.3);
+.@{bk-prefix}-popover2 {
+  &.@{bk-prefix}-pop2-content {
+    &.@{bk-prefix}-dropdown-popover {
+      padding: 0;
+    }
   }
 }
-
-.@{bk-prefix}-dropdown-item {
-  display: block;
-  height: 32px;
-  padding: 0 16px;
-  font-size: 12px;
-  line-height: 33px;
-  color: #63656e;
-  white-space: nowrap;
-  list-style: none;
-  cursor: pointer;
-
-  &:hover {
-    color: #3a84ff;
-    background-color: #eaf3ff;
+.@{bk-prefix}-dropdown-popover {
+  .@{bk-prefix}-dropdown-menu {
+    min-width: 100%;
+    padding: 5px 0;
+    margin: 0;
+    background: #fff;
+    border: 1px solid  #dcdee5;
+    border-radius: 2px;
+    box-sizing: border-box;
+  
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+    }
+  
+    &::-webkit-scrollbar-thumb {
+      background: #dde4eb;
+      border-radius: 20px;
+      box-shadow: inset 0 0 6px hsla(0,0%,80%,.3);
+    }
+  }
+  
+  .@{bk-prefix}-dropdown-item {
+    display: block;
+    height: 32px;
+    padding: 0 16px;
+    font-size: 12px;
+    line-height: 33px;
+    color: #63656e;
+    white-space: nowrap;
+    list-style: none;
+    cursor: pointer;
+  
+    &:hover {
+      color: #3a84ff;
+      background-color: #eaf3ff;
+    }
   }
 }
 
 
+