bkui-vue 0.0.1-beta.119 → 0.0.1-beta.121

package/lib/input/input.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -141,6 +144,34 @@
   transition: all 0.3s;
   flex-direction: column;
 }
+.bk-textarea ::placeholder {
+  color: var(--light-gray);
+}
+.bk-textarea.is-disabled,
+.bk-textarea.is-readonly {
+  background-color: var(--input-disabled-bg);
+  border-color: var(--disable-color);
+}
+.bk-textarea.is-disabled .bk-input--prefix-area,
+.bk-textarea.is-readonly .bk-input--prefix-area,
+.bk-textarea.is-disabled .bk-input--suffix-area,
+.bk-textarea.is-readonly .bk-input--suffix-area,
+.bk-textarea.is-disabled .bk-input--suffix-icon,
+.bk-textarea.is-readonly .bk-input--suffix-icon {
+  background-color: var(--input-disabled-bg);
+}
+.bk-textarea.is-disabled input,
+.bk-textarea.is-readonly input,
+.bk-textarea.is-disabled textarea,
+.bk-textarea.is-readonly textarea {
+  cursor: not-allowed;
+  background-color: var(--input-disabled-bg);
+  opacity: 1;
+}
+.bk-textarea.is-readonly input,
+.bk-textarea.is-readonly textarea {
+  cursor: auto;
+}
 .bk-textarea > textarea {
   width: 100%;
   flex: 1;
@@ -155,11 +186,20 @@
 .bk-textarea--max-length {
   padding-right: var(--input-horizontal-padding);
   margin: 0;
+  margin-left: auto;
+  font-size: 12px;
   text-align: right;
+  transform: scale(0.8);
+  justify-content: flex-end;
 }
 .bk-textarea--max-length span {
   color: var(--input-maxlength-color);
 }
+.bk-textarea.is-focused:not(.is-readonly) {
+  border-color: var(--primary-color);
+  outline: 0;
+  box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
+}
 .bk-input {
   display: inline-flex;
   align-items: stretch;
@@ -170,7 +210,38 @@
   border-radius: var(--border-radius-base);
   transition: all 0.3s;
 }
-.bk-input:hover .show-clear-only-hover {
+.bk-input ::placeholder {
+  color: var(--light-gray);
+}
+.bk-input.is-disabled,
+.bk-input.is-readonly {
+  background-color: var(--input-disabled-bg);
+  border-color: var(--disable-color);
+}
+.bk-input.is-disabled .bk-input--prefix-area,
+.bk-input.is-readonly .bk-input--prefix-area,
+.bk-input.is-disabled .bk-input--suffix-area,
+.bk-input.is-readonly .bk-input--suffix-area,
+.bk-input.is-disabled .bk-input--suffix-icon,
+.bk-input.is-readonly .bk-input--suffix-icon {
+  background-color: var(--input-disabled-bg);
+}
+.bk-input.is-disabled input,
+.bk-input.is-readonly input,
+.bk-input.is-disabled textarea,
+.bk-input.is-readonly textarea {
+  cursor: not-allowed;
+  background-color: var(--input-disabled-bg);
+  opacity: 1;
+}
+.bk-input.is-readonly input,
+.bk-input.is-readonly textarea {
+  cursor: auto;
+}
+.bk-input:hover:not(.is-disabled) {
+  border-color: var(--gray-color);
+}
+.bk-input:hover:not(.is-disabled) .show-clear-only-hover {
   display: block;
 }
 .bk-input.is-simplicity {
@@ -178,6 +249,14 @@
   border-color: transparent;
   border-bottom-color: var(--input-border-color);
 }
+.bk-input.is-simplicity:hover:not(.is-disabled) {
+  border-color: transparent;
+  border-bottom-color: var(--light-gray);
+  box-shadow: none;
+}
+.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text {
+  background-color: var(--input-block-color);
+}
 .bk-input--suffix-icon {
   display: flex;
   height: 100%;
@@ -198,6 +277,9 @@
 .bk-input--large .bk-input--max-length {
   font-size: var(--font-size-large);
 }
+.bk-input--large .bk-input--number-control span:first-child {
+  margin-bottom: 4px;
+}
 .bk-input--small {
   height: var(--component-size-small);
   font-size: var(--font-size-base);
@@ -221,14 +303,8 @@
   border-bottom-color: var(--primary-color);
   box-shadow: none;
 }
-.bk-input.is-disabled input,
-.bk-input.is-readonly input {
-  cursor: not-allowed;
-  background-color: var(--input-disabled-bg);
-  opacity: 1;
-}
-.bk-input.is-readonly input {
-  cursor: auto;
+.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text {
+  background-color: var(--input-block-color);
 }
 .bk-input--prefix-area,
 .bk-input--suffix-area {
@@ -246,6 +322,8 @@
 .bk-input--max-length {
   align-self: center;
   padding-right: var(--input-horizontal-padding);
+  font-size: 12px;
+  transform: scale(0.8);
 }
 .bk-input--max-length span {
   color: var(--input-maxlength-color);
@@ -288,19 +366,28 @@
   color: var(--light-gray);
 }
 .bk-input--number-control {
+  display: flex;
   width: 26px;
   height: 100%;
+  padding: 4px 0;
   font-size: 0;
-  flex-direction: column;
   user-select: none;
+  flex-direction: column;
+  align-items: center;
 }
 .bk-input--number-control span {
-  display: block;
-  height: 50%;
+  display: flex;
   overflow: hidden;
   line-height: 1;
-  color: var(--light-gray);
+  color: var(--gray-color);
   text-align: center;
+  cursor: pointer;
+  background-color: var(--input-block-color);
+  flex: 1;
+  align-items: center;
+}
+.bk-input--number-control span.is-disabled {
+  cursor: not-allowed;
 }
 .bk-input--number-control svg {
   font-size: var(--input-icon-size);
@@ -309,5 +396,5 @@
   transform: rotate(180deg);
 }
 .bk-input--number-control span:hover {
-  background-color: #f4f6fa;
+  background-color: var(--input-block-hover-color);
 }

package/lib/link/index.js

@@ -1 +1 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var s=o[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{default:()=>o});var e=n(4212),r=n(748);const t=(0,r.defineComponent)({name:"Link",props:{theme:e.PropTypes.theme(["danger","success","primary","warning","default"]).def("default"),href:e.PropTypes.string.def(""),disabled:e.PropTypes.bool.def(!1),underline:e.PropTypes.bool.def(!1),target:e.PropTypes.string.def("_self")},setup:function(e,r){var t=r.emit;return{handleClick:function(r){if(e.disabled)return r.preventDefault(),!1;t("click",r)}}},render:function(){var t,o,n=(0,e.classes)({"is-disabled":this.disabled,"has-underline":this.underline},"".concat(this.theme," bk-link"));return(0,r.createVNode)("a",{href:this.href,target:this.target,class:n,onClick:this.handleClick},[(0,r.createVNode)("span",null,[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t)])])}}),o=(0,e.withInstall)(t)})(),s})()));
+import*as e from"../shared";import*as t from"vue";var r={d:(e,t)=>{for(var s in t)r.o(t,s)&&!r.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},s={};r.d(s,{Z:()=>d});const n=(a={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstall:()=>e.withInstall},o={},r.d(o,a),o);var a,o;const i=(e=>{var t={};return r.d(t,e),t})({createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent}),l=(0,i.defineComponent)({name:"Link",props:{theme:n.PropTypes.theme(["danger","success","primary","warning","default"]).def("default"),href:n.PropTypes.string.def(""),disabled:n.PropTypes.bool.def(!1),underline:n.PropTypes.bool.def(!1),target:n.PropTypes.string.def("_self")},setup:function(e,t){var r=t.emit;return{handleClick:function(t){if(e.disabled)return t.preventDefault(),!1;r("click",t)}}},render:function(){var e,t,r=(0,n.classes)({"is-disabled":this.disabled,"has-underline":this.underline},"".concat(this.theme," bk-link"));return(0,i.createVNode)("a",{href:this.href,target:this.target,class:r,onClick:this.handleClick},[(0,i.createVNode)("span",null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])])}}),d=(0,n.withInstall)(l);var p=s.Z;export{p as default};

package/lib/link/link.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/loading/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{BkLoading:()=>s,BkLoadingMode:()=>t,BkLoadingSize:()=>n,default:()=>p,setDefaultIndicator:()=>d});var e=r(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t,n,i,l=r(748);function d(e){i="function"==typeof e?e:function(){return(0,l.createVNode)(e,null,null)}}!function(e){e.Default="default",e.Spin="spin"}(t||(t={})),function(e){e.Normal="",e.Mini="mini",e.Small="small",e.Large="large"}(n||(n={}));var u={indicator:{type:Function},loading:e.PropTypes.bool.def(!0),inline:e.PropTypes.bool.def(!0),theme:e.PropTypes.theme(["white","primary","warning","success","danger"]),title:e.PropTypes.string.def(""),size:e.PropTypes.commonType(Object.values(n)).def(n.Normal),mode:e.PropTypes.commonType(Object.values(t)).def("default"),opacity:e.PropTypes.number.def(.9),color:e.PropTypes.string.def("white"),zIndex:e.PropTypes.number.def(1)};const c=(0,l.defineComponent)({name:"Loading",props:u,setup:function(n,r){var a=(0,l.createVNode)("div",{class:"bk-normal-indicator"},[[1,2,3,4].map((function(e){return(0,l.createVNode)("span",{class:"dot dot-".concat(e)},null)}))]),d=(0,l.createVNode)("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return(0,l.createVNode)("span",{class:"oval oval-".concat(e)},null)}))]),u=(0,l.computed)((function(){return{zIndex:n.zIndex}})),c=(0,l.computed)((function(){return Object.assign({opacity:n.opacity,backgroundColor:n.color},u.value)})),s=(0,l.computed)((function(){return(0,e.classes)({"bk-loading-wrapper":n.loading,"bk-nested-loading":!!r.slots.default})})),p=(0,l.computed)((function(){var t;return(0,e.classes)((o(t={},"bk-loading-size-".concat(n.size),!!n.size),o(t,"bk-loading-".concat(n.theme),!!n.theme),t),"bk-loading-indicator")})),f=(0,l.computed)((function(){return!!n.title})),v=(0,l.computed)((function(){var e=n.mode===t.Spin;return"function"==typeof n.indicator?(0,l.createVNode)(n.indicator,null,null):"function"==typeof i?(0,l.createVNode)(i,null,null):e?d:a}));return function(){var e,o;return(0,l.createVNode)("div",{class:s.value},[n.loading&&[r.slots.default&&(0,l.createVNode)("div",{class:"bk-loading-mask",style:c.value},null),(0,l.createVNode)("div",{class:p.value,style:u.value},[v.value,f.value&&(0,l.createVNode)("div",{class:"bk-loading-title"},[n.title])])],null===(o=(e=r.slots).default)||void 0===o?void 0:o.call(e)])}}});var s=(0,e.withInstallProps)(c,{setDefaultIndicator:d,BkLoadingMode:t,BkLoadingSize:n},!0);const p=s})(),a})()));
+import*as e from"../shared";import*as o from"vue";var n={d:(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},o:(e,o)=>Object.prototype.hasOwnProperty.call(e,o)},t={};n.d(t,{L3:()=>v,MY:()=>s,p9:()=>d,ZP:()=>y,jk:()=>p});const a=(r={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstallProps:()=>e.withInstallProps},i={},n.d(i,r),i);var r,i;function l(e,o,n){return o in e?Object.defineProperty(e,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[o]=n,e}const c=(e=>{var o={};return n.d(o,e),o})({computed:()=>o.computed,createVNode:()=>o.createVNode,defineComponent:()=>o.defineComponent});var s,d,u;function p(e){u="function"==typeof e?e:function(){return(0,c.createVNode)(e,null,null)}}!function(e){e.Default="default",e.Spin="spin"}(s||(s={})),function(e){e.Normal="",e.Mini="mini",e.Small="small",e.Large="large"}(d||(d={}));var f={indicator:{type:Function},loading:a.PropTypes.bool.def(!0),inline:a.PropTypes.bool.def(!0),theme:a.PropTypes.theme(["white","primary","warning","success","danger"]),title:a.PropTypes.string.def(""),size:a.PropTypes.commonType(Object.values(d)).def(d.Normal),mode:a.PropTypes.commonType(Object.values(s)).def("default"),opacity:a.PropTypes.number.def(.9),color:a.PropTypes.string.def("white"),zIndex:a.PropTypes.number.def(1)};const m=(0,c.defineComponent)({name:"Loading",props:f,setup:function(e,o){var n=(0,c.createVNode)("div",{class:"bk-normal-indicator"},[[1,2,3,4].map((function(e){return(0,c.createVNode)("span",{class:"dot dot-".concat(e)},null)}))]),t=(0,c.createVNode)("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return(0,c.createVNode)("span",{class:"oval oval-".concat(e)},null)}))]),r=(0,c.computed)((function(){return{zIndex:e.zIndex}})),i=(0,c.computed)((function(){return Object.assign({opacity:e.opacity,backgroundColor:e.color},r.value)})),d=(0,c.computed)((function(){return(0,a.classes)({"bk-loading-wrapper":e.loading,"bk-nested-loading":!!o.slots.default})})),p=(0,c.computed)((function(){var o;return(0,a.classes)((l(o={},"bk-loading-size-".concat(e.size),!!e.size),l(o,"bk-loading-".concat(e.theme),!!e.theme),o),"bk-loading-indicator")})),f=(0,c.computed)((function(){return!!e.title})),m=(0,c.computed)((function(){var o=e.mode===s.Spin;return"function"==typeof e.indicator?(0,c.createVNode)(e.indicator,null,null):"function"==typeof u?(0,c.createVNode)(u,null,null):o?t:n}));return function(){var n,t;return(0,c.createVNode)("div",{class:d.value},[e.loading&&[o.slots.default&&(0,c.createVNode)("div",{class:"bk-loading-mask",style:i.value},null),(0,c.createVNode)("div",{class:p.value,style:r.value},[m.value,f.value&&(0,c.createVNode)("div",{class:"bk-loading-title"},[e.title])])],null===(t=(n=o.slots).default)||void 0===t?void 0:t.call(n)])}}});var v=(0,a.withInstallProps)(m,{setDefaultIndicator:p,BkLoadingMode:s,BkLoadingSize:d},!0);const y=v;var g=t.L3,b=t.MY,P=t.p9,k=t.ZP,N=t.jk;export{g as BkLoading,b as BkLoadingMode,P as BkLoadingSize,k as default,N as setDefaultIndicator};

package/lib/loading/loading.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/menu/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 n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n)=>(()=>{"use strict";var o={7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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,{BkMenu:()=>x,BkMenuGroup:()=>y,BkMenuItem:()=>m,BkSubmenu:()=>b,default:()=>S});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function n(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,n){if(e){if("string"==typeof e)return t(e,n);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,n):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),r=Symbol("MENU_PROVIDER_KEY"),i=Symbol("MENU_PROVIDER_KEY_PATH"),u=function(){return(0,o.inject)(r)},c=function(){var e,t=(0,o.getCurrentInstance)(),n=t.parent?t.parent.provides:null===(e=t.vnode.appContext)||void 0===e?void 0:e.provides;return n&&i in n?(0,o.inject)(i):{parentInfo:void 0,parentKeys:(0,o.ref)([])}},s=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function d(e,t){if(e&&t){var o=s(t),r=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,n(o))}else{o.forEach((function(e){r=r.replace(" ".concat(e," ")," ")}));var l=s(r).join(" ");e.setAttribute("class",l)}}}function v(e,t){if(e){var o,r=e.getAttribute("class")||"",a=s(r),l=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,n(l)):(r+=" ".concat(l.join(" ")),e.setAttribute("class",r))}}var p={activeKey:String,collapse:Boolean,openedKeys:{type:Array},mode:{type:String,default:"vertical"},uniqueOpen:{type:Boolean,default:!0}};const f=(0,o.defineComponent)({name:"Menu",props:p,emits:["update:activeKey","update:openKeys","click","openChange"],setup:function(e,t){var a,l=t.slots,i=t.emit,u=t.expose,c=(0,o.ref)(""),s=(0,o.ref)([]),d=(0,o.ref)({}),v=(0,o.computed)((function(){return e.mode})),p=(0,o.ref)(e.collapse),f=(0,o.ref)([]);return(0,o.watchEffect)((function(){void 0!==e.activeKey&&(c.value=e.activeKey)})),(0,o.watch)((function(){return e.collapse}),(function(){p.value=e.collapse,console.info(e.collapse);var t=n(f.value),o=n(s.value);s.value=p.value?[]:t,f.value=p.value?o:[]}),{immediate:!0}),(0,o.watch)((function(){return e.openedKeys}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:s.value;s.value=e}),{immediate:!0}),a={activeKey:c,menuStore:d,registerMenuInfo:function(e,t){d.value=Object.assign(Object.assign({},d.value),function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e,t))},unregisterMenuInfo:function(e){delete d.value[e],d.value=Object.assign({},d.value)},mode:v.value,openedKeys:s,collapse:p,handleOpenChange:function(t,o){o?e.uniqueOpen?s.value=[t]:s.value.push(t):s.value=s.value.filter((function(e){return e!==t})),i("openChange",o,d.value[t]),i("update:openKeys",n(s.value))},handleActiveChange:function(e){c.value=e,i("click",d.value[e]),i("update:activeKey",e,d.value[e])}},(0,o.provide)(r,a),u({activeKey:c,openedKeys:s,menuStore:d}),function(){var e;return(0,o.createVNode)("div",{class:{"bk-menu":!0,"is-collapse":p.value}},[null===(e=l.default)||void 0===e?void 0:e.call(l)])}}}),y=(0,o.defineComponent)({name:"MenuGroup",props:{name:{type:String,default:""}},setup:function(e,t){var n=t.slots;return function(){var t;return(0,o.createVNode)("div",{class:"bk-menu-group"},[(0,o.createVNode)("div",{class:"group-name"},[e.name]),(0,o.createVNode)("ul",{class:"group-wrap"},[null===(t=n.default)||void 0===t?void 0:t.call(n)])])}}}),m=(0,o.defineComponent)({name:"MenuItem",props:{needIcon:{type:Boolean,default:!0}},emits:["click"],slots:["icon"],setup:function(e,t){var n,r,a=t.slots,l=t.emit,i=u(),s=i.registerMenuInfo,d=i.unregisterMenuInfo,v=i.activeKey,p=i.handleActiveChange,f=(0,o.getCurrentInstance)(),y=c().parentInfo,m=(null===(r=null===(n=f.vnode.key)||void 0===n?void 0:n.toString)||void 0===r?void 0:r.call(n))||String(f.uid),g=(0,o.computed)((function(){return v.value===m})),h=(0,o.computed)((function(){return e.needIcon}));s(m,{key:m,parentKey:null==y?void 0:y.key});var b=function(e){p(m),l("click",e)};return(0,o.onBeforeUnmount)((function(){return d(m)})),function(){var e,t;return(0,o.createVNode)("li",{class:{"bk-menu-item":!0,"is-active":g.value},onClick:b},[h.value&&(0,o.createVNode)("span",{class:"item-icon"},[(null===(e=null==a?void 0:a.icon)||void 0===e?void 0:e.call(a))||(0,o.createVNode)("i",{class:"default-icon"},null)]),(0,o.createVNode)("span",{class:"item-content"},[null===(t=a.default)||void 0===t?void 0:t.call(a)])])}}});var g=a(7685),h={title:{type:String,default:"title"}};const b=(0,o.defineComponent)({name:"Submenu",props:h,emits:["collapse"],slots:["icon"],setup:function(e,t){var r,a,l=t.slots,s=t.emit,p=u(),f=p.registerMenuInfo,y=p.unregisterMenuInfo,m=p.openedKeys,h=p.handleOpenChange,b=p.collapse,x=p.activeKey,S=p.menuStore,I=c().parentInfo,K=(0,o.getCurrentInstance)(),w=(null===(a=null===(r=K.vnode.key)||void 0===r?void 0:r.toString)||void 0===a?void 0:a.call(r))||String(K.uid),k=(0,o.ref)({css:!0,onBeforeEnter:function(e){v(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px",e.style.maxHeight="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.maxHeight="0px"),e.style.overflow="hidden"},onAfterEnter:function(e){e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow,d(e,"collapse-transition")},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&&(v(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px",e.style.maxHeight="0px")},onAfterLeave:function(e){d(e,"collapse-transition"),e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow}}),O=(0,o.computed)((function(){return m.value.includes(w)})),j=(0,o.computed)((function(){var e,t,n=null===(t=null===(e=S.value)||void 0===e?void 0:e[x.value])||void 0===t?void 0:t.parentKey;return b.value&&n===w&&O}));!function(e){var t=c(),r=t.parentKeys,a=t.parentInfo,l=(0,o.computed)((function(){return[].concat(n(r.value),[e])}));(0,o.provide)(i,{parentInfo:{key:e,parentKey:null==a?void 0:a.key},parentKeys:l})}(w),f(w,{key:w,parentKey:null==I?void 0:I.key}),(0,o.onBeforeUnmount)((function(){return y(w)}));var A=function(){h(w,!O.value),s("collapse",!O.value,K)};return function(){var t,n;return(0,o.createVNode)("li",{class:{"bk-menu-submenu":!0,"is-opened":O.value}},[(0,o.createVNode)("div",{class:{"submenu-header":!0,"is-collapse":j.value},onClick:A},[(0,o.createVNode)("span",{class:"submenu-header-icon"},[(null===(t=l.icon)||void 0===t?void 0:t.call(l))||(0,o.createVNode)(g.TreeApplicationShape,{class:"menu-icon"},null)]),(0,o.createVNode)("span",{class:"submenu-header-content"},[e.title]),(0,o.createVNode)(g.AngleDown,{class:{"submenu-header-collapse":!0,"is-collapse":m.value.includes(w)}},null)]),(0,o.createVNode)(o.Transition,k.value,{default:function(){return[(0,o.withDirectives)((0,o.createVNode)("ul",{class:"submenu-list"},[null===(n=l.default)||void 0===n?void 0:n.call(l)]),[[o.vShow,O.value]])]}})])}}});var x=(0,e.withInstallProps)(f,{Item:m,Submenu:b,Group:y});const S=x})(),l})()));
+import*as e from"../shared";import*as t from"vue";import*as n from"../icon/";var o={d:(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},a={};o.d(a,{I3:()=>k,yK:()=>w,R1:()=>I,zM:()=>A,ZP:()=>C});const r=(l={withInstallProps:()=>e.withInstallProps},i={},o.d(i,l),i);var l,i;function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function c(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const s=(e=>{var t={};return o.d(t,e),t})({Transition:()=>t.Transition,computed:()=>t.computed,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,getCurrentInstance:()=>t.getCurrentInstance,inject:()=>t.inject,onBeforeUnmount:()=>t.onBeforeUnmount,provide:()=>t.provide,ref:()=>t.ref,vShow:()=>t.vShow,watch:()=>t.watch,watchEffect:()=>t.watchEffect,withDirectives:()=>t.withDirectives});var v=Symbol("MENU_PROVIDER_KEY"),d=Symbol("MENU_PROVIDER_KEY_PATH"),p=function(){return(0,s.inject)(v)},f=function(){var e,t=(0,s.getCurrentInstance)(),n=t.parent?t.parent.provides:null===(e=t.vnode.appContext)||void 0===e?void 0:e.provides;return n&&d in n?(0,s.inject)(d):{parentInfo:void 0,parentKeys:(0,s.ref)([])}},m=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function y(e,t){if(e&&t){var n=m(t),o=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,c(n))}else{n.forEach((function(e){o=o.replace(" ".concat(e," ")," ")}));var r=m(o).join(" ");e.setAttribute("class",r)}}}function h(e,t){if(e){var n,o=e.getAttribute("class")||"",a=m(o),r=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(n=e.classList).add.apply(n,c(r)):(o+=" ".concat(r.join(" ")),e.setAttribute("class",o))}}var g={activeKey:String,collapse:Boolean,openedKeys:{type:Array},mode:{type:String,default:"vertical"},uniqueOpen:{type:Boolean,default:!0}};const b=(0,s.defineComponent)({name:"Menu",props:g,emits:["update:activeKey","update:openKeys","click","openChange"],setup:function(e,t){var n,o=t.slots,a=t.emit,r=t.expose,l=(0,s.ref)(""),i=(0,s.ref)([]),u=(0,s.ref)({}),d=(0,s.computed)((function(){return e.mode})),p=(0,s.ref)(e.collapse),f=(0,s.ref)([]);return(0,s.watchEffect)((function(){void 0!==e.activeKey&&(l.value=e.activeKey)})),(0,s.watch)((function(){return e.collapse}),(function(){p.value=e.collapse,console.info(e.collapse);var t=c(f.value),n=c(i.value);i.value=p.value?[]:t,f.value=p.value?n:[]}),{immediate:!0}),(0,s.watch)((function(){return e.openedKeys}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.value;i.value=e}),{immediate:!0}),n={activeKey:l,menuStore:u,registerMenuInfo:function(e,t){u.value=Object.assign(Object.assign({},u.value),function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e,t))},unregisterMenuInfo:function(e){delete u.value[e],u.value=Object.assign({},u.value)},mode:d.value,openedKeys:i,collapse:p,handleOpenChange:function(t,n){n?e.uniqueOpen?i.value=[t]:i.value.push(t):i.value=i.value.filter((function(e){return e!==t})),a("openChange",n,u.value[t]),a("update:openKeys",c(i.value))},handleActiveChange:function(e){l.value=e,a("click",u.value[e]),a("update:activeKey",e,u.value[e])}},(0,s.provide)(v,n),r({activeKey:l,openedKeys:i,menuStore:u}),function(){var e;return(0,s.createVNode)("div",{class:{"bk-menu":!0,"is-collapse":p.value}},[null===(e=o.default)||void 0===e?void 0:e.call(o)])}}}),w=(0,s.defineComponent)({name:"MenuGroup",props:{name:{type:String,default:""}},setup:function(e,t){var n=t.slots;return function(){var t;return(0,s.createVNode)("div",{class:"bk-menu-group"},[(0,s.createVNode)("div",{class:"group-name"},[e.name]),(0,s.createVNode)("ul",{class:"group-wrap"},[null===(t=n.default)||void 0===t?void 0:t.call(n)])])}}}),I=(0,s.defineComponent)({name:"MenuItem",props:{needIcon:{type:Boolean,default:!0}},emits:["click"],slots:["icon"],setup:function(e,t){var n,o,a=t.slots,r=t.emit,l=p(),i=l.registerMenuInfo,u=l.unregisterMenuInfo,c=l.activeKey,v=l.handleActiveChange,d=(0,s.getCurrentInstance)(),m=f().parentInfo,y=(null===(o=null===(n=d.vnode.key)||void 0===n?void 0:n.toString)||void 0===o?void 0:o.call(n))||String(d.uid),h=(0,s.computed)((function(){return c.value===y})),g=(0,s.computed)((function(){return e.needIcon}));i(y,{key:y,parentKey:null==m?void 0:m.key});var b=function(e){v(y),r("click",e)};return(0,s.onBeforeUnmount)((function(){return u(y)})),function(){var e,t;return(0,s.createVNode)("li",{class:{"bk-menu-item":!0,"is-active":h.value},onClick:b},[g.value&&(0,s.createVNode)("span",{class:"item-icon"},[(null===(e=null==a?void 0:a.icon)||void 0===e?void 0:e.call(a))||(0,s.createVNode)("i",{class:"default-icon"},null)]),(0,s.createVNode)("span",{class:"item-content"},[null===(t=a.default)||void 0===t?void 0:t.call(a)])])}}}),K=(e=>{var t={};return o.d(t,e),t})({AngleDown:()=>n.AngleDown,TreeApplicationShape:()=>n.TreeApplicationShape});var S={title:{type:String,default:"title"}};const A=(0,s.defineComponent)({name:"Submenu",props:S,emits:["collapse"],slots:["icon"],setup:function(e,t){var n,o,a=t.slots,r=t.emit,l=p(),i=l.registerMenuInfo,u=l.unregisterMenuInfo,v=l.openedKeys,m=l.handleOpenChange,g=l.collapse,b=l.activeKey,w=l.menuStore,I=f().parentInfo,S=(0,s.getCurrentInstance)(),A=(null===(o=null===(n=S.vnode.key)||void 0===n?void 0:n.toString)||void 0===o?void 0:o.call(n))||String(S.uid),k=(0,s.ref)({css:!0,onBeforeEnter:function(e){h(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px",e.style.maxHeight="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.maxHeight="0px"),e.style.overflow="hidden"},onAfterEnter:function(e){e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow,y(e,"collapse-transition")},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&&(h(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px",e.style.maxHeight="0px")},onAfterLeave:function(e){y(e,"collapse-transition"),e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow}}),C=(0,s.computed)((function(){return v.value.includes(A)})),x=(0,s.computed)((function(){var e,t,n=null===(t=null===(e=w.value)||void 0===e?void 0:e[b.value])||void 0===t?void 0:t.parentKey;return g.value&&n===A&&C}));!function(e){var t=f(),n=t.parentKeys,o=t.parentInfo,a=(0,s.computed)((function(){return[].concat(c(n.value),[e])}));(0,s.provide)(d,{parentInfo:{key:e,parentKey:null==o?void 0:o.key},parentKeys:a})}(A),i(A,{key:A,parentKey:null==I?void 0:I.key}),(0,s.onBeforeUnmount)((function(){return u(A)}));var N=function(){m(A,!C.value),r("collapse",!C.value,S)};return function(){var t,n;return(0,s.createVNode)("li",{class:{"bk-menu-submenu":!0,"is-opened":C.value}},[(0,s.createVNode)("div",{class:{"submenu-header":!0,"is-collapse":x.value},onClick:N},[(0,s.createVNode)("span",{class:"submenu-header-icon"},[(null===(t=a.icon)||void 0===t?void 0:t.call(a))||(0,s.createVNode)(K.TreeApplicationShape,{class:"menu-icon"},null)]),(0,s.createVNode)("span",{class:"submenu-header-content"},[e.title]),(0,s.createVNode)(K.AngleDown,{class:{"submenu-header-collapse":!0,"is-collapse":v.value.includes(A)}},null)]),(0,s.createVNode)(s.Transition,k.value,{default:function(){return[(0,s.withDirectives)((0,s.createVNode)("ul",{class:"submenu-list"},[null===(n=a.default)||void 0===n?void 0:n.call(a)]),[[s.vShow,C.value]])]}})])}}});var k=(0,r.withInstallProps)(b,{Item:I,Submenu:A,Group:w});const C=k;var x=a.I3,N=a.yK,V=a.R1,O=a.zM,M=a.ZP;export{x as BkMenu,N as BkMenuGroup,V as BkMenuItem,O as BkSubmenu,M as default};

package/lib/menu/menu.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/menu/submenu.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/message/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../shared"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","../icon"],t);else{var o="object"==typeof exports?t(require("vue"),require("../shared"),require("../icon")):t(e.vue,e["../shared"],e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o)=>(()=>{"use strict";var r={6870:e=>{e.exports=o},4212:e=>{e.exports=t},748:t=>{t.exports=e}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,s),o.exports}s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},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 i={};return(()=>{s.r(i),s.d(i,{default:()=>l});var e=s(748),t=s(4212),o={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;var n=s(6870),a={id:t.PropTypes.string.def(""),message:t.PropTypes.string.def(""),theme:t.PropTypes.theme(["primary","warning","success","error"]).def("primary"),delay:t.PropTypes.number.def(3e3),dismissable:t.PropTypes.bool.def(!0),offsetY:t.PropTypes.number.def(30),spacing:t.PropTypes.number.def(10),extCls:t.PropTypes.string.def(""),onClose:t.PropTypes.func,getContainer:t.PropTypes.instanceOf(HTMLElement)};const c=(0,e.defineComponent)({name:"Message",props:a,emits:["destory"],setup:function(o,r){var n=r.emit,s=(0,e.computed)((function(){return["bk-message","bk-message-".concat(o.theme),"".concat(o.extCls)]})),i=t.bkZIndexManager.getMessageNextIndex(),a=(0,e.computed)((function(){return o.getContainer&&(0,t.isElement)(o.getContainer)})),c=(0,e.computed)((function(){return{top:"".concat(o.offsetY,"px"),zIndex:i,position:a.value?"absolute":"fixed"}})),l=(0,e.ref)(!1),p=null;return(0,e.onMounted)((function(){o.delay&&(p=setTimeout((function(){l.value=!1}),o.delay)),l.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(p)})),(0,e.watch)(l,(function(){l.value||n("destory",o.id)})),{classNames:s,styles:c,visible:l,close:function(e){e.preventDefault(),e.stopPropagation(),l.value=!1}}},render:function(){var t=this;return(0,e.createVNode)(e.Transition,{name:"bk-message-fade"},{default:function(){return[(0,e.withDirectives)((0,e.createVNode)("div",{class:t.classNames,style:t.styles},[(0,e.createVNode)("div",{class:"bk-message-content"},[(0,e.createVNode)("div",{class:"bk-message-icon"},[{primary:(0,e.createVNode)(n.Info,null,null),warning:(0,e.createVNode)(n.Warn,null,null),success:(0,e.createVNode)(n.Success,null,null),error:(0,e.createVNode)(n.Close,null,null)}[t.theme]]),t.message]),t.dismissable&&(0,e.createVNode)(n.Error,{class:"bk-message-icon bk-message-close",onClick:t.close},null)]),[[e.vShow,t.visible]])]}})}}),l=function(n){!function(n,s){var i=s,a=i.position||"top-right";"string"==typeof s&&(i={message:s});var c=s.onClose,l=i.offsetX||10,p=i.offsetY||30,u=i.spacing,f=void 0===u?10:u;o[a].forEach((function(e){p+=(e.el.offsetHeight||0)+f}));var d="message_".concat(r+=1);i=Object.assign(Object.assign({},i),{offsetX:l,offsetY:p,id:d});var m=document.createElement("div"),g=(0,e.createVNode)(n,i);g.props.onDestory=function(t){!function(e,t,r,n){null==n||n();var s=t.startsWith("top")?"top":"bottom",i=-1;o[t].forEach((function(t,o){t.props.id===e&&(i=o)}));for(var a=o[t][i].el.offsetHeight,c=o[t].length,l=i;l<c;l++){var p=parseInt(o[t][l].el.style[s],10)-a-r;o[t][l].component.props.offsetY=p}o[t].splice(i,1)}(t,a,f,c),(0,e.render)(null,m)},(0,e.render)(g,m),o[a].push(g),(g.props.getContainer&&(0,t.isElement)(g.props.getContainer)?g.props.getContainer:document.body).appendChild(m.firstElementChild)}(c,n)}})(),i})()));
+import*as e from"vue";import*as t from"../shared";import*as o from"../icon";var n={d:(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},r={};n.d(r,{Z:()=>m});const s=(a={Transition:()=>e.Transition,computed:()=>e.computed,createVNode:()=>e.createVNode,defineComponent:()=>e.defineComponent,onMounted:()=>e.onMounted,onUnmounted:()=>e.onUnmounted,ref:()=>e.ref,render:()=>e.render,vShow:()=>e.vShow,watch:()=>e.watch,withDirectives:()=>e.withDirectives},i={},n.d(i,a),i);var a,i;const c=(e=>{var t={};return n.d(t,e),t})({PropTypes:()=>t.PropTypes,bkZIndexManager:()=>t.bkZIndexManager,isElement:()=>t.isElement});var l={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},p=1;const d=(e=>{var t={};return n.d(t,e),t})({Close:()=>o.Close,Error:()=>o.Error,Info:()=>o.Info,Success:()=>o.Success,Warn:()=>o.Warn});var u={id:c.PropTypes.string.def(""),message:c.PropTypes.string.def(""),theme:c.PropTypes.theme(["primary","warning","success","error"]).def("primary"),delay:c.PropTypes.number.def(3e3),dismissable:c.PropTypes.bool.def(!0),offsetY:c.PropTypes.number.def(30),spacing:c.PropTypes.number.def(10),extCls:c.PropTypes.string.def(""),onClose:c.PropTypes.func,getContainer:c.PropTypes.instanceOf(HTMLElement)};const f=(0,s.defineComponent)({name:"Message",props:u,emits:["destory"],setup:function(e,t){var o=t.emit,n=(0,s.computed)((function(){return["bk-message","bk-message-".concat(e.theme),"".concat(e.extCls)]})),r=c.bkZIndexManager.getMessageNextIndex(),a=(0,s.computed)((function(){return e.getContainer&&(0,c.isElement)(e.getContainer)})),i=(0,s.computed)((function(){return{top:"".concat(e.offsetY,"px"),zIndex:r,position:a.value?"absolute":"fixed"}})),l=(0,s.ref)(!1),p=null;return(0,s.onMounted)((function(){e.delay&&(p=setTimeout((function(){l.value=!1}),e.delay)),l.value=!0})),(0,s.onUnmounted)((function(){clearTimeout(p)})),(0,s.watch)(l,(function(){l.value||o("destory",e.id)})),{classNames:n,styles:i,visible:l,close:function(e){e.preventDefault(),e.stopPropagation(),l.value=!1}}},render:function(){var e=this;return(0,s.createVNode)(s.Transition,{name:"bk-message-fade"},{default:function(){return[(0,s.withDirectives)((0,s.createVNode)("div",{class:e.classNames,style:e.styles},[(0,s.createVNode)("div",{class:"bk-message-content"},[(0,s.createVNode)("div",{class:"bk-message-icon"},[{primary:(0,s.createVNode)(d.Info,null,null),warning:(0,s.createVNode)(d.Warn,null,null),success:(0,s.createVNode)(d.Success,null,null),error:(0,s.createVNode)(d.Close,null,null)}[e.theme]]),e.message]),e.dismissable&&(0,s.createVNode)(d.Error,{class:"bk-message-icon bk-message-close",onClick:e.close},null)]),[[s.vShow,e.visible]])]}})}}),m=function(e){!function(e,t){var o=t,n=o.position||"top-right";"string"==typeof t&&(o={message:t});var r=t.onClose,a=o.offsetX||10,i=o.offsetY||30,d=o.spacing,u=void 0===d?10:d;l[n].forEach((function(e){i+=(e.el.offsetHeight||0)+u}));var f="message_".concat(p+=1);o=Object.assign(Object.assign({},o),{offsetX:a,offsetY:i,id:f});var m=document.createElement("div"),g=(0,s.createVNode)(e,o);g.props.onDestory=function(e){!function(e,t,o,n){null==n||n();var r=t.startsWith("top")?"top":"bottom",s=-1;l[t].forEach((function(t,o){t.props.id===e&&(s=o)}));for(var a=l[t][s].el.offsetHeight,i=l[t].length,c=s;c<i;c++){var p=parseInt(l[t][c].el.style[r],10)-a-o;l[t][c].component.props.offsetY=p}l[t].splice(s,1)}(e,n,u,r),(0,s.render)(null,m)},(0,s.render)(g,m),l[n].push(g),(g.props.getContainer&&(0,c.isElement)(g.props.getContainer)?g.props.getContainer:document.body).appendChild(m.firstElementChild)}(f,e)};var g=r.Z;export{g as default};

package/lib/message/message.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/modal/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var r=i[e]={exports:{}};return t[e](r,r.exports,s),r.exports}s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{BkModal:()=>n,default:()=>l,propsMixin:()=>t});var e=s(4212),o=s(748),t={isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([String,Number]).def("50%"),height:e.PropTypes.oneOfType([String,Number]).def("50%"),extCls:e.PropTypes.string||e.PropTypes.array,scrollable:e.PropTypes.bool.def(!0),showMask:e.PropTypes.bool.def(!0),closeIcon:e.PropTypes.bool.def(!0),escClose:e.PropTypes.bool.def(!0),fullscreen:e.PropTypes.bool.def(!1),size:e.PropTypes.commonType(["normal","small","medium","large"],"size").def(),draggable:e.PropTypes.bool.def(!0),quickClose:e.PropTypes.bool.def(!0),transfer:e.PropTypes.bool.def(!1),maxHeight:e.PropTypes.string,direction:e.PropTypes.string,title:e.PropTypes.string.def(""),animateType:e.PropTypes.string.def("slide"),renderDirective:e.PropTypes.commonType(["show","if"],"renderDirective").def("show"),beforeClose:e.PropTypes.custom((function(){return!0})),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),multiInstance:e.PropTypes.bool.def(!0)};const i=(0,o.defineComponent)({name:"Modal",props:Object.assign({},t),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?this.visible=e:(this.$emit("hidden"),setTimeout((function(){o.visible=e}),250))},deep:!0},visible:function(o){var t=this;o?this.$nextTick((function(){var o=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};e.bkPopIndexManager.show(t.$el,t.showMask,o,t.transfer),t.$emit("shown"),t.$emit("quick-close",t.$el),t.$emit("quickClose",t.$el)})):e.bkPopIndexManager.hide(this.$el,this.transfer)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},methods:{handleClickOutSide:function(){this.quickClose&&this.$emit("close")}},render:function(){var e,t,i,s,r,n,l,d,a,p=this,c=this.maxHeight?{maxHeight:this.maxHeight}:{},h="bk-modal-body ".concat("slide"===this.animateType?this.direction:"");return(0,o.createVNode)("div",{class:["bk-modal-wrapper",this.extCls,this.size],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-modal-outside",onClick:this.handleClickOutSide},null),[[o.vShow,this.isShow]]),(0,o.createVNode)(o.Transition,{name:this.animateType},{default:function(){return[p.isShow?(0,o.createVNode)("div",{class:h},[(0,o.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(t=(e=p.$slots).header)||void 0===t?void 0:t.call(e))&&void 0!==i?i:""]),(0,o.createVNode)("div",{class:"bk-modal-content",style:["show"===p.dialogType?"padding-bottom: 20px":"",Object.assign({},c)]},[null!==(n=null===(r=(s=p.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==n?n:""]),"show"===p.dialogType?"":(0,o.createVNode)("div",{class:"bk-modal-footer"},[null!==(a=null===(d=(l=p.$slots).footer)||void 0===d?void 0:d.call(l))&&void 0!==a?a:""])]):""]}})])}});var n=(0,e.withInstallProps)(i,{propsMixin:t},!0);const l=n})(),r})()));
+import*as e from"../shared";import*as o from"vue";var t={d:(e,o)=>{for(var i in o)t.o(o,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:o[i]})},o:(e,o)=>Object.prototype.hasOwnProperty.call(e,o)},i={};t.d(i,{$S:()=>c,ZP:()=>p,ty:()=>l});const s=(n={PropTypes:()=>e.PropTypes,bkPopIndexManager:()=>e.bkPopIndexManager,withInstallProps:()=>e.withInstallProps},r={},t.d(r,n),r);var n,r;const a=(e=>{var o={};return t.d(o,e),o})({Transition:()=>o.Transition,createVNode:()=>o.createVNode,defineComponent:()=>o.defineComponent,vShow:()=>o.vShow,withDirectives:()=>o.withDirectives});var l={isShow:s.PropTypes.bool.def(!1),width:s.PropTypes.oneOfType([String,Number]).def("50%"),height:s.PropTypes.oneOfType([String,Number]).def("50%"),extCls:s.PropTypes.string||s.PropTypes.array,scrollable:s.PropTypes.bool.def(!0),showMask:s.PropTypes.bool.def(!0),closeIcon:s.PropTypes.bool.def(!0),escClose:s.PropTypes.bool.def(!0),fullscreen:s.PropTypes.bool.def(!1),size:s.PropTypes.commonType(["normal","small","medium","large"],"size").def(),draggable:s.PropTypes.bool.def(!0),quickClose:s.PropTypes.bool.def(!0),transfer:s.PropTypes.bool.def(!1),maxHeight:s.PropTypes.string,direction:s.PropTypes.string,title:s.PropTypes.string.def(""),animateType:s.PropTypes.string.def("slide"),renderDirective:s.PropTypes.commonType(["show","if"],"renderDirective").def("show"),beforeClose:s.PropTypes.custom((function(){return!0})),dialogType:s.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),multiInstance:s.PropTypes.bool.def(!0)};const d=(0,a.defineComponent)({name:"Modal",props:Object.assign({},l),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?this.visible=e:(this.$emit("hidden"),setTimeout((function(){o.visible=e}),250))},deep:!0},visible:function(e){var o=this;e?this.$nextTick((function(){var e=o.showMask?{}:{"background-color":"rgba(0,0,0,0)"};s.bkPopIndexManager.show(o.$el,o.showMask,e,o.transfer),o.$emit("shown"),o.$emit("quick-close",o.$el),o.$emit("quickClose",o.$el)})):s.bkPopIndexManager.hide(this.$el,this.transfer)}},beforeUnmount:function(){s.bkPopIndexManager.hide(this.$el)},methods:{handleClickOutSide:function(){this.quickClose&&this.$emit("close")}},render:function(){var e,o,t,i,s,n,r,l,d,c=this,p=this.maxHeight?{maxHeight:this.maxHeight}:{},h="bk-modal-body ".concat("slide"===this.animateType?this.direction:"");return(0,a.createVNode)("div",{class:["bk-modal-wrapper",this.extCls,this.size],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,a.withDirectives)((0,a.createVNode)("div",{class:"bk-modal-outside",onClick:this.handleClickOutSide},null),[[a.vShow,this.isShow]]),(0,a.createVNode)(a.Transition,{name:this.animateType},{default:function(){return[c.isShow?(0,a.createVNode)("div",{class:h},[(0,a.createVNode)("div",{class:"bk-modal-header"},[null!==(t=null===(o=(e=c.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==t?t:""]),(0,a.createVNode)("div",{class:"bk-modal-content",style:["show"===c.dialogType?"padding-bottom: 20px":"",Object.assign({},p)]},[null!==(n=null===(s=(i=c.$slots).default)||void 0===s?void 0:s.call(i))&&void 0!==n?n:""]),"show"===c.dialogType?"":(0,a.createVNode)("div",{class:"bk-modal-footer"},[null!==(d=null===(l=(r=c.$slots).footer)||void 0===l?void 0:l.call(r))&&void 0!==d?d:""])]):""]}})])}});var c=(0,s.withInstallProps)(d,{propsMixin:l},!0);const p=c;var h=i.$S,u=i.ZP,f=i.ty;export{h as BkModal,u as default,f as propsMixin};

package/lib/navigation/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 i="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i)=>(()=>{"use strict";var o={6870:e=>{e.exports=i},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function r(e){var t=a[e];if(void 0!==t)return t.exports;var i=a[e]={exports:{}};return o[e](i,i.exports,r),i.exports}r.d=(e,t)=>{for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{r.r(n),r.d(n,{default:()=>d});var e=r(4212),t=r(748),i=r(6870),o={sideTitle:{type:String,default:""},navigationType:{type:String,default:"left-right"}};const a=(0,t.defineComponent)({props:o,slots:["side-icon"],setup:function(e,i){var o=i.slots;return function(){var i,a;return(0,t.createVNode)("div",{class:"bk-navigation-title",style:{borderBottomWidth:"left-right"===e.navigationType?"0":"1px"}},[(null===(i=o.default)||void 0===i?void 0:i.call(o))||[(0,t.createVNode)("span",{class:"title-icon"},[(null===(a=o["side-icon"])||void 0===a?void 0:a.call(o))||(0,t.createVNode)("i",{class:"bk-icon icon-rtx"},null)]),(0,t.createVNode)("span",{class:"title-desc"},[e.sideTitle])]])}}});var l={navWidth:{type:[Number,String],default:60},hoverWidth:{type:[Number,String],default:260},showSideNavTitle:{type:Boolean,default:!0},sideTitle:{type:String,default:""},headerTitle:{type:String,default:""},hoverLeaveDelay:{type:Number,default:0},hoverEnterDelay:{type:Number,default:100},defaultOpen:Boolean,headHeight:{type:[Number,String],default:52},navigationType:{type:String,default:"left-right",validator:function(e){return["top-bottom","left-right"].includes(e)}},needMenu:{type:Boolean,default:!0}};const s=(0,t.defineComponent)({name:"Navigation",props:l,emits:["leave","toggle","hover","toggle-click"],slots:["header","menu","footer","side-icon","side-header"],setup:function(e,i){var o=i.emit,a=(0,t.ref)(e.headerTitle),r=(0,t.reactive)({click:!1,hover:!1,delay:!1,timer:null,enterTimer:null});return e.defaultOpen&&(r.click=!r.click,r.hover=r.click,o("toggle",r.hover)),(0,t.onBeforeUnmount)((function(){r.timer&&window.clearTimeout(r.timer)})),{defaultHeaderTitle:a,nav:r,onBeforeUnmount:t.onBeforeUnmount,handleMouseOver:function(){r.click||(r.enterTimer=setTimeout((function(){r.hover=!0,r.enterTimer&&window.clearTimeout(r.enterTimer),r.timer&&window.clearTimeout(r.timer),o("hover",r.hover),o("toggle",r.hover)}),e.hoverEnterDelay))},handleMouseLeave:function(){r.click||(r.enterTimer&&window.clearTimeout(r.enterTimer),r.timer=setTimeout((function(){r.hover=!1,window.clearTimeout(r.timer),o("leave",r.hover),o("toggle",r.hover)}),e.hoverLeaveDelay))},handleClick:function(){r.click=!r.click,r.hover=r.click,o("toggle",r.hover),o("toggle-click",r.hover)}}},render:function(){var e,o,r,n,l,s,d,c,h,v,u,p;return(0,t.createVNode)("div",{class:"bk-navigation"},["top-bottom"===this.navigationType&&(0,t.createVNode)("div",{class:"bk-navigation-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(0,t.createVNode)(a,{sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,t.createVNode)("div",{class:"header-right"},[null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e)])]),(0,t.createVNode)("div",{class:"bk-navigation-wrapper"},[this.needMenu&&(0,t.createVNode)("div",{class:"navigation-nav",style:{width:this.nav.click?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px")}},[(0,t.createVNode)("div",{class:"nav-slider",onMouseenter:this.handleMouseOver,onMouseleave:this.handleMouseLeave,style:{width:this.nav.hover?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px"),borderRight:"top-bottom"!==this.navigationType?"none":"1px solid #DCDEE5"}},["top-bottom"!==this.navigationType&&this.showSideNavTitle&&(0,t.createVNode)(a,{style:{flexBasis:"".concat(this.headHeight,"px")},sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,t.createVNode)("div",{class:"nav-slider-list",style:{height:"calc(100vh - ".concat(+this.headHeight+56,"px)")}},[null===(n=(r=this.$slots).menu)||void 0===n?void 0:n.call(r)]),(0,t.createVNode)("div",{class:"nav-slider-footer"},[(0,t.createVNode)("div",{class:{"is-left":"top-bottom"!==this.navigationType,"footer-icon":!0},onClick:this.handleClick},[(0,t.createVNode)(i.CollapseLeft,{class:"footer-icon-svg",style:{transform:this.nav.click?"rotate(180deg)":"rotate(0deg)"}},null)])])])]),(0,t.createVNode)("div",{class:"navigation-container",style:{maxWidth:this.needMenu?"calc(100vw - 60px)":"100vw"}},["top-bottom"!==this.navigationType&&(0,t.createVNode)("div",{class:"container-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(null===(s=(l=this.$slots).header)||void 0===s?void 0:s.call(l))||[(0,t.createVNode)("div",{class:"container-header-title"},[this.headerTitle]),(0,t.createVNode)("div",{class:"container-header-sets"},[null===(c=(d=this.$slots)["header-set"])||void 0===c?void 0:c.call(d)])]]),(0,t.createVNode)("div",{class:"container-content",style:{maxHeight:"calc(100vh - ".concat(this.headHeight,"px)")}},[null===(v=(h=this.$slots).default)||void 0===v?void 0:v.call(h),(0,t.createVNode)("div",{class:"container-footer"},[null===(p=(u=this.$slots).footer)||void 0===p?void 0:p.call(u)])])])])])}}),d=(0,e.withInstall)(s)})(),n})()));
+import*as e from"../shared";import*as t from"vue";import*as i from"../icon";var o={d:(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},a={};o.d(a,{Z:()=>f});const n=(l={withInstall:()=>e.withInstall},r={},o.d(r,l),r);var l,r;const s=(e=>{var t={};return o.d(t,e),t})({createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,onBeforeUnmount:()=>t.onBeforeUnmount,reactive:()=>t.reactive,ref:()=>t.ref}),d=(e=>{var t={};return o.d(t,e),t})({CollapseLeft:()=>i.CollapseLeft});var c={sideTitle:{type:String,default:""},navigationType:{type:String,default:"left-right"}};const h=(0,s.defineComponent)({props:c,slots:["side-icon"],setup:function(e,t){var i=t.slots;return function(){var t,o;return(0,s.createVNode)("div",{class:"bk-navigation-title",style:{borderBottomWidth:"left-right"===e.navigationType?"0":"1px"}},[(null===(t=i.default)||void 0===t?void 0:t.call(i))||[(0,s.createVNode)("span",{class:"title-icon"},[(null===(o=i["side-icon"])||void 0===o?void 0:o.call(i))||(0,s.createVNode)("i",{class:"bk-icon icon-rtx"},null)]),(0,s.createVNode)("span",{class:"title-desc"},[e.sideTitle])]])}}});var v={navWidth:{type:[Number,String],default:60},hoverWidth:{type:[Number,String],default:260},showSideNavTitle:{type:Boolean,default:!0},sideTitle:{type:String,default:""},headerTitle:{type:String,default:""},hoverLeaveDelay:{type:Number,default:0},hoverEnterDelay:{type:Number,default:100},defaultOpen:Boolean,headHeight:{type:[Number,String],default:52},navigationType:{type:String,default:"left-right",validator:function(e){return["top-bottom","left-right"].includes(e)}},needMenu:{type:Boolean,default:!0}};const u=(0,s.defineComponent)({name:"Navigation",props:v,emits:["leave","toggle","hover","toggle-click"],slots:["header","menu","footer","side-icon","side-header"],setup:function(e,t){var i=t.emit,o=(0,s.ref)(e.headerTitle),a=(0,s.reactive)({click:!1,hover:!1,delay:!1,timer:null,enterTimer:null});return e.defaultOpen&&(a.click=!a.click,a.hover=a.click,i("toggle",a.hover)),(0,s.onBeforeUnmount)((function(){a.timer&&window.clearTimeout(a.timer)})),{defaultHeaderTitle:o,nav:a,onBeforeUnmount:s.onBeforeUnmount,handleMouseOver:function(){a.click||(a.enterTimer=setTimeout((function(){a.hover=!0,a.enterTimer&&window.clearTimeout(a.enterTimer),a.timer&&window.clearTimeout(a.timer),i("hover",a.hover),i("toggle",a.hover)}),e.hoverEnterDelay))},handleMouseLeave:function(){a.click||(a.enterTimer&&window.clearTimeout(a.enterTimer),a.timer=setTimeout((function(){a.hover=!1,window.clearTimeout(a.timer),i("leave",a.hover),i("toggle",a.hover)}),e.hoverLeaveDelay))},handleClick:function(){a.click=!a.click,a.hover=a.click,i("toggle",a.hover),i("toggle-click",a.hover)}}},render:function(){var e,t,i,o,a,n,l,r,c,v,u,f;return(0,s.createVNode)("div",{class:"bk-navigation"},["top-bottom"===this.navigationType&&(0,s.createVNode)("div",{class:"bk-navigation-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(0,s.createVNode)(h,{sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,s.createVNode)("div",{class:"header-right"},[null===(t=(e=this.$slots).header)||void 0===t?void 0:t.call(e)])]),(0,s.createVNode)("div",{class:"bk-navigation-wrapper"},[this.needMenu&&(0,s.createVNode)("div",{class:"navigation-nav",style:{width:this.nav.click?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px")}},[(0,s.createVNode)("div",{class:"nav-slider",onMouseenter:this.handleMouseOver,onMouseleave:this.handleMouseLeave,style:{width:this.nav.hover?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px"),borderRight:"top-bottom"!==this.navigationType?"none":"1px solid #DCDEE5"}},["top-bottom"!==this.navigationType&&this.showSideNavTitle&&(0,s.createVNode)(h,{style:{flexBasis:"".concat(this.headHeight,"px")},sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,s.createVNode)("div",{class:"nav-slider-list",style:{height:"calc(100vh - ".concat(+this.headHeight+56,"px)")}},[null===(o=(i=this.$slots).menu)||void 0===o?void 0:o.call(i)]),(0,s.createVNode)("div",{class:"nav-slider-footer"},[(0,s.createVNode)("div",{class:{"is-left":"top-bottom"!==this.navigationType,"footer-icon":!0},onClick:this.handleClick},[(0,s.createVNode)(d.CollapseLeft,{class:"footer-icon-svg",style:{transform:this.nav.click?"rotate(180deg)":"rotate(0deg)"}},null)])])])]),(0,s.createVNode)("div",{class:"navigation-container",style:{maxWidth:this.needMenu?"calc(100vw - 60px)":"100vw"}},["top-bottom"!==this.navigationType&&(0,s.createVNode)("div",{class:"container-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(null===(n=(a=this.$slots).header)||void 0===n?void 0:n.call(a))||[(0,s.createVNode)("div",{class:"container-header-title"},[this.headerTitle]),(0,s.createVNode)("div",{class:"container-header-sets"},[null===(r=(l=this.$slots)["header-set"])||void 0===r?void 0:r.call(l)])]]),(0,s.createVNode)("div",{class:"container-content",style:{maxHeight:"calc(100vh - ".concat(this.headHeight,"px)")}},[null===(v=(c=this.$slots).default)||void 0===v?void 0:v.call(c),(0,s.createVNode)("div",{class:"container-footer"},[null===(f=(u=this.$slots).footer)||void 0===f?void 0:f.call(u)])])])])])}}),f=(0,n.withInstall)(u);var p=a.Z;export{p as default};

package/lib/navigation/navigation.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/notify/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../shared"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","../icon"],t);else{var o="object"==typeof exports?t(require("vue"),require("../shared"),require("../icon")):t(e.vue,e["../shared"],e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o)=>(()=>{"use strict";var r={6870:e=>{e.exports=o},4212:e=>{e.exports=t},748:t=>{t.exports=e}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,s),o.exports}s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},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 i={};return(()=>{s.r(i),s.d(i,{default:()=>l});var e=s(748),t=s(4212),o={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;function n(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var a=s(6870),f={id:t.PropTypes.string.def(""),title:t.PropTypes.string.def(""),message:t.PropTypes.string.def(""),theme:t.PropTypes.theme(["primary","warning","success","error"]).def("primary"),position:t.PropTypes.position().def("top-right"),delay:t.PropTypes.number.def(5e3),dismissable:t.PropTypes.bool.def(!0),offsetX:t.PropTypes.number.def(100),offsetY:t.PropTypes.number.def(30),spacing:t.PropTypes.number.def(10),extCls:t.PropTypes.string.def(""),onClose:t.PropTypes.func};const c=(0,e.defineComponent)({name:"Notify",props:f,emits:["destory"],setup:function(o,r){var s=r.emit,i=t.bkZIndexManager.getMessageNextIndex(),a=(0,e.computed)((function(){return o.position.indexOf("right")>1?"right":"left"})),f=(0,e.computed)((function(){return o.position.startsWith("top")?"top":"bottom"})),c=(0,e.computed)((function(){var e;return n(e={},a.value,"".concat(o.offsetX,"px")),n(e,f.value,"".concat(o.offsetY,"px")),n(e,"zIndex",i),e})),l=(0,e.computed)((function(){return["bk-notify","bk-notify-".concat(o.theme),a.value]})),p=(0,e.ref)(!1),u=null;return(0,e.onMounted)((function(){o.delay&&(u=setTimeout((function(){p.value=!1}),o.delay)),p.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(u)})),(0,e.watch)(p,(function(){p.value||s("destory",o.id)})),{classNames:l,styles:c,visible:p,handleClose:function(){p.value=!1}}},render:function(){var t=this;return(0,e.createVNode)(e.Transition,{name:"bk-notify-fade"},{default:function(){return[(0,e.withDirectives)((0,e.createVNode)("div",{class:t.classNames,style:t.styles},[(0,e.createVNode)("div",{class:"bk-notify-content"},[(0,e.createVNode)("div",{class:"bk-notify-icon"},[{primary:(0,e.createVNode)(a.Info,null,null),warning:(0,e.createVNode)(a.Warn,null,null),success:(0,e.createVNode)(a.Success,null,null),error:(0,e.createVNode)(a.Close,null,null)}[t.theme]]),t.title?(0,e.createVNode)("h3",{class:"bk-notify-content-header"},[t.title]):"",(0,e.createVNode)("div",{class:"bk-notify-content-text"},[t.message])]),t.dismissable&&(0,e.createVNode)(a.Error,{class:"bk-notify-icon bk-notify-close",onClick:t.handleClose},null)]),[[e.vShow,t.visible]])]}})}}),l=function(n){!function(n,s){var i=s,a=i.position||"top-right";"string"==typeof s&&(i={message:s});var f=s.onClose,c=i.offsetX||10,l=i.offsetY||30,p=i.spacing,u=void 0===p?10:p;o[a].forEach((function(e){l+=(e.el.offsetHeight||0)+u}));var d="message_".concat(r+=1);i=Object.assign(Object.assign({},i),{offsetX:c,offsetY:l,id:d});var y=document.createElement("div"),m=(0,e.createVNode)(n,i);m.props.onDestory=function(t){!function(e,t,r,n){null==n||n();var s=t.startsWith("top")?"top":"bottom",i=-1;o[t].forEach((function(t,o){t.props.id===e&&(i=o)}));for(var a=o[t][i].el.offsetHeight,f=o[t].length,c=i;c<f;c++){var l=parseInt(o[t][c].el.style[s],10)-a-r;o[t][c].component.props.offsetY=l}o[t].splice(i,1)}(t,a,u,f),(0,e.render)(null,y)},(0,e.render)(m,y),o[a].push(m),(m.props.getContainer&&(0,t.isElement)(m.props.getContainer)?m.props.getContainer:document.body).appendChild(y.firstElementChild)}(c,n)}})(),i})()));
+import*as e from"vue";import*as t from"../shared";import*as o from"../icon";var n={d:(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},r={};n.d(r,{Z:()=>y});const s=(i={Transition:()=>e.Transition,computed:()=>e.computed,createVNode:()=>e.createVNode,defineComponent:()=>e.defineComponent,onMounted:()=>e.onMounted,onUnmounted:()=>e.onUnmounted,ref:()=>e.ref,render:()=>e.render,vShow:()=>e.vShow,watch:()=>e.watch,withDirectives:()=>e.withDirectives},a={},n.d(a,i),a);var i,a;const c=(e=>{var t={};return n.d(t,e),t})({PropTypes:()=>t.PropTypes,bkZIndexManager:()=>t.bkZIndexManager,isElement:()=>t.isElement});var f={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},l=1;function d(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const p=(e=>{var t={};return n.d(t,e),t})({Close:()=>o.Close,Error:()=>o.Error,Info:()=>o.Info,Success:()=>o.Success,Warn:()=>o.Warn});var u={id:c.PropTypes.string.def(""),title:c.PropTypes.string.def(""),message:c.PropTypes.string.def(""),theme:c.PropTypes.theme(["primary","warning","success","error"]).def("primary"),position:c.PropTypes.position().def("top-right"),delay:c.PropTypes.number.def(5e3),dismissable:c.PropTypes.bool.def(!0),offsetX:c.PropTypes.number.def(100),offsetY:c.PropTypes.number.def(30),spacing:c.PropTypes.number.def(10),extCls:c.PropTypes.string.def(""),onClose:c.PropTypes.func};const m=(0,s.defineComponent)({name:"Notify",props:u,emits:["destory"],setup:function(e,t){var o=t.emit,n=c.bkZIndexManager.getMessageNextIndex(),r=(0,s.computed)((function(){return e.position.indexOf("right")>1?"right":"left"})),i=(0,s.computed)((function(){return e.position.startsWith("top")?"top":"bottom"})),a=(0,s.computed)((function(){var t;return d(t={},r.value,"".concat(e.offsetX,"px")),d(t,i.value,"".concat(e.offsetY,"px")),d(t,"zIndex",n),t})),f=(0,s.computed)((function(){return["bk-notify","bk-notify-".concat(e.theme),r.value]})),l=(0,s.ref)(!1),p=null;return(0,s.onMounted)((function(){e.delay&&(p=setTimeout((function(){l.value=!1}),e.delay)),l.value=!0})),(0,s.onUnmounted)((function(){clearTimeout(p)})),(0,s.watch)(l,(function(){l.value||o("destory",e.id)})),{classNames:f,styles:a,visible:l,handleClose:function(){l.value=!1}}},render:function(){var e=this;return(0,s.createVNode)(s.Transition,{name:"bk-notify-fade"},{default:function(){return[(0,s.withDirectives)((0,s.createVNode)("div",{class:e.classNames,style:e.styles},[(0,s.createVNode)("div",{class:"bk-notify-content"},[(0,s.createVNode)("div",{class:"bk-notify-icon"},[{primary:(0,s.createVNode)(p.Info,null,null),warning:(0,s.createVNode)(p.Warn,null,null),success:(0,s.createVNode)(p.Success,null,null),error:(0,s.createVNode)(p.Close,null,null)}[e.theme]]),e.title?(0,s.createVNode)("h3",{class:"bk-notify-content-header"},[e.title]):"",(0,s.createVNode)("div",{class:"bk-notify-content-text"},[e.message])]),e.dismissable&&(0,s.createVNode)(p.Error,{class:"bk-notify-icon bk-notify-close",onClick:e.handleClose},null)]),[[s.vShow,e.visible]])]}})}}),y=function(e){!function(e,t){var o=t,n=o.position||"top-right";"string"==typeof t&&(o={message:t});var r=t.onClose,i=o.offsetX||10,a=o.offsetY||30,d=o.spacing,p=void 0===d?10:d;f[n].forEach((function(e){a+=(e.el.offsetHeight||0)+p}));var u="message_".concat(l+=1);o=Object.assign(Object.assign({},o),{offsetX:i,offsetY:a,id:u});var m=document.createElement("div"),y=(0,s.createVNode)(e,o);y.props.onDestory=function(e){!function(e,t,o,n){null==n||n();var r=t.startsWith("top")?"top":"bottom",s=-1;f[t].forEach((function(t,o){t.props.id===e&&(s=o)}));for(var i=f[t][s].el.offsetHeight,a=f[t].length,c=s;c<a;c++){var l=parseInt(f[t][c].el.style[r],10)-i-o;f[t][c].component.props.offsetY=l}f[t].splice(s,1)}(e,n,p,r),(0,s.render)(null,m)},(0,s.render)(y,m),f[n].push(y),(y.props.getContainer&&(0,c.isElement)(y.props.getContainer)?y.props.getContainer:document.body).appendChild(m.firstElementChild)}(m,e)};var v=r.Z;export{v as default};

package/lib/notify/notify.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;