bkui-vue 0.0.1-beta.60 → 0.0.1-beta.63

package/lib/notify/index.js

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

package/lib/notify/notify.css

@@ -24,7 +24,7 @@
 .bk-notify.bk-notify-success .bk-notify-icon {
   color: #2dcb56;
 }
-.bk-notify.bk-notify-danger .bk-notify-icon {
+.bk-notify.bk-notify-error .bk-notify-icon {
   color: #ea3636;
 }
 .bk-notify .bk-notify-icon.bk-notify-close {
@@ -47,3 +47,19 @@
   display: inline-block;
   padding-left: 23px;
 }
+.bk-notify-fade-enter-active,
+.bk-notify-fade-leave-active {
+  transition: transform 0.3s linear, opacity 0.2s linear;
+}
+.bk-notify-fade-enter-from,
+.bk-notify-fade-leave-to {
+  opacity: 0;
+}
+.bk-notify-fade-enter-from.right,
+.bk-notify-fade-leave-to.right {
+  transform: translateX(100%);
+}
+.bk-notify-fade-enter-from.left,
+.bk-notify-fade-leave-to.left {
+  transform: translateX(-100%);
+}

package/lib/notify/notify.less

@@ -29,7 +29,7 @@
     color: @success-color;
   }
 
-  &.@{bk-prefix}-notify-danger .@{bk-prefix}-notify-icon {
+  &.@{bk-prefix}-notify-error .@{bk-prefix}-notify-icon {
     color: @danger-color;
   }
 
@@ -56,3 +56,21 @@
     padding-left: 23px;
   }
 }
+
+.bk-notify-fade-enter-active,
+.bk-notify-fade-leave-active {
+  transition: transform .3s linear, opacity .2s linear;
+}
+
+.bk-notify-fade-enter-from,
+.bk-notify-fade-leave-to {
+  opacity: 0;
+
+  &.right {
+    transform: translateX(100%);
+  }
+
+  &.left {
+    transform: translateX(-100%);
+  }
+}

package/lib/notify/notify.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-notify {
   position: fixed;
@@ -118,7 +123,7 @@
 .bk-notify.bk-notify-success .bk-notify-icon {
   color: var(--success-color);
 }
-.bk-notify.bk-notify-danger .bk-notify-icon {
+.bk-notify.bk-notify-error .bk-notify-icon {
   color: var(--danger-color);
 }
 .bk-notify .bk-notify-icon.bk-notify-close {
@@ -141,3 +146,19 @@
   display: inline-block;
   padding-left: 23px;
 }
+.bk-notify-fade-enter-active,
+.bk-notify-fade-leave-active {
+  transition: transform 0.3s linear, opacity 0.2s linear;
+}
+.bk-notify-fade-enter-from,
+.bk-notify-fade-leave-to {
+  opacity: 0;
+}
+.bk-notify-fade-enter-from.right,
+.bk-notify-fade-leave-to.right {
+  transform: translateX(100%);
+}
+.bk-notify-fade-enter-from.left,
+.bk-notify-fade-leave-to.left {
+  transform: translateX(-100%);
+}

package/lib/notify/notifyConstructor.d.ts

@@ -25,11 +25,31 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-    offset: import("vue-types").VueTypeValidableDef<number> & {
+    dismissable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    offsetX: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    offsetY: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    spacing: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
         default: number;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
@@ -68,24 +88,48 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-    offset: import("vue-types").VueTypeValidableDef<number> & {
+    dismissable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    offsetX: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    offsetY: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    spacing: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
         default: number;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
 }>> & {
     onDestory?: (...args: any[]) => any;
 }, {
-    id: string;
     title: string;
-    offset: number;
+    position: string;
+    id: string;
     onClose: (...args: any[]) => any;
     theme: string;
-    position: string;
+    extCls: string;
     message: string;
+    spacing: number;
     delay: number;
+    dismissable: boolean;
+    offsetY: number;
+    offsetX: number;
 }>;
 export default _default;

package/lib/pagination/index.d.ts

@@ -3,9 +3,9 @@ declare const BkPagination: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            small: boolean;
             type: string;
             location: string;
-            small: boolean;
             layout: string[];
             disabled: boolean;
             count: number;
@@ -82,7 +82,7 @@ declare const BkPagination: {
             "onUpdate:modelValue"?: (...args: any[]) => any;
             "onUpdate:limit"?: (...args: any[]) => any;
             onLimitChange?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "location" | "small" | "layout" | "disabled" | "count" | "modelValue" | "prevText" | "nextText" | "align" | "limit" | "limitList" | "showLimit" | "showTotalCount">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "small" | "type" | "location" | "layout" | "disabled" | "count" | "modelValue" | "prevText" | "nextText" | "align" | "limit" | "limitList" | "showLimit" | "showTotalCount">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -177,9 +177,9 @@ declare const BkPagination: {
             }) => JSX.Element;
             renderSmallList: () => JSX.Element;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:limit" | "limitChange")[], string, {
+            small: boolean;
             type: string;
             location: string;
-            small: boolean;
             layout: string[];
             disabled: boolean;
             count: number;
@@ -376,9 +376,9 @@ declare const BkPagination: {
     }) => JSX.Element;
     renderSmallList: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:limit" | "limitChange")[], "change" | "update:modelValue" | "update:limit" | "limitChange", {
+    small: boolean;
     type: string;
     location: string;
-    small: boolean;
     layout: string[];
     disabled: boolean;
     count: number;

package/lib/pagination/pagination.d.ts

@@ -202,9 +202,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:limit"?: (...args: any[]) => any;
     onLimitChange?: (...args: any[]) => any;
 }, {
+    small: boolean;
     type: string;
     location: string;
-    small: boolean;
     layout: string[];
     disabled: boolean;
     count: number;

package/lib/pagination/pagination.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-pagination {
   display: flex;

package/lib/popover/index.d.ts

@@ -3,17 +3,19 @@ declare const BkPopover: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            width: string | number;
-            height: string | number;
             placement: string;
             modifiers: unknown[];
             content: string | number;
+            width: string | number;
+            height: string | number;
             theme: string;
+            always: boolean;
             transition: string;
+            disabled: boolean;
             trigger: string;
             arrow: boolean;
-            isShow: boolean;
             stopBehaviors: string | string[];
+            isShow: boolean;
             handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -24,6 +26,16 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             width: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -74,7 +86,7 @@ declare const BkPopover: {
             stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
                 default: string | (() => string[]);
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "placement" | "modifiers" | "content" | "theme" | "transition" | "trigger" | "arrow" | "isShow" | "stopBehaviors" | "handleFirstUpdate" | "fixOnBoundary">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "modifiers" | "content" | "width" | "height" | "theme" | "always" | "transition" | "disabled" | "trigger" | "arrow" | "stopBehaviors" | "isShow" | "handleFirstUpdate" | "fixOnBoundary">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -96,6 +108,16 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             width: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -147,17 +169,19 @@ declare const BkPopover: {
                 default: string | (() => string[]);
             };
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
-            width: string | number;
-            height: string | number;
             placement: string;
             modifiers: unknown[];
             content: string | number;
+            width: string | number;
+            height: string | number;
             theme: string;
+            always: boolean;
             transition: string;
+            disabled: boolean;
             trigger: string;
             arrow: boolean;
-            isShow: boolean;
             stopBehaviors: string | string[];
+            isShow: boolean;
             handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & {
@@ -188,6 +212,16 @@ declare const BkPopover: {
         } & {
             default: boolean;
         };
+        always: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -250,6 +284,16 @@ declare const BkPopover: {
     } & {
         default: boolean;
     };
+    always: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -300,18 +344,20 @@ declare const BkPopover: {
     stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
         default: string | (() => string[]);
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "update:isShow" | "afterHidden" | "afterShow", {
-    width: string | number;
-    height: string | number;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "afterHidden" | "afterShow" | "update:isShow", {
     placement: string;
     modifiers: unknown[];
     content: string | number;
+    width: string | number;
+    height: string | number;
     theme: string;
+    always: boolean;
     transition: string;
+    disabled: boolean;
     trigger: string;
     arrow: boolean;
-    isShow: boolean;
     stopBehaviors: string | string[];
+    isShow: boolean;
     handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     fixOnBoundary: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;

package/lib/popover/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return o[e](a,a.exports,n),a.exports}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]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{default:()=>s});var e=n(4212),t=n(748),o={onAfterHidden:Function,onAfterShow:Function},r=Object.assign({isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),content:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),transition:e.PropTypes.string.def("fade-in"),placement:e.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:e.PropTypes.string.def("light"),handleFirstUpdate:{type:Function,default:function(){}},trigger:e.PropTypes.string.def("hover"),arrow:e.PropTypes.bool.def(!0),modifiers:e.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:e.PropTypes.oneOfType([e.PropTypes.string.def("parent"),e.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:e.PropTypes.bool.def(!1),stopBehaviors:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.commonType(["stopPropagation","stopImmediatePropagation","preventDefault"],"stopBehaviors")),e.PropTypes.string]).def([])},o);const i=(0,t.defineComponent)({name:"Popover",props:r,emits:["afterHidden","afterShow","update:isShow"],setup:function(o,r){var n=!1,a=Object.create(null),i=(0,t.toRefs)(o),s=i.width,p=i.height,u=i.theme,d=i.trigger,f=i.isShow,l=i.placement,c=i.modifiers,v=i.arrow,y=i.content,m=(0,t.ref)(),h=(0,t.ref)(),T=(0,t.computed)((function(){return{width:/^\d+$/.test(String(s.value))?"".concat(s.value,"px"):s.value,height:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,zIndex:e.bkZIndexManager.getModalNextIndex()}})),b=["dark","light"],g=(0,t.computed)((function(){var e=u.value.split(/\s+/);return e.sort((function(e,t){return Number(b.includes(t))-Number(b.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!b.includes(e)}))}})),P=function(e){var t,o;n&&(e?null===(t=a.show)||void 0===t||t.call(a):null===(o=a.hide)||void 0===o||o.call(a))};(0,t.watch)((function(){return o.isShow}),(function(e){P(e)}),{immediate:!0});var w=function(){r.emit("update:isShow",!1),r.emit("afterHidden",!1)},x=function(){r.emit("update:isShow",!0),r.emit("afterShow",!1)},O=function(){var e=a;e.constructor&&(e.isShow&&e.hide(),e.destroy(),a=Object.create(null))},S=function(){a=new e.BKPopover(m.value,h.value,{theme:g.value.systemThemes.join(" "),placement:l.value,trigger:d.value,modifiers:c.value,onFirstUpdate:o.handleFirstUpdate,afterShow:x,afterHidden:w,appendTo:o.boundary,fixOnBoundary:o.fixOnBoundary}),n=!0,P(f.value)},j=function(){O(),(0,t.nextTick)(S)};r.expose({update:j}),(0,t.onMounted)(j),(0,t.onBeforeUnmount)(O);var B=function(){r.emit("after-enter")},k=function(){r.emit("after-leave")},N=g.value.customThemes.join(" "),A=g.value.customThemes.reduce((function(e,t){return Object.assign((o={},!0,(r="data-".concat(t,"-theme"))in o?Object.defineProperty(o,r,{value:true,enumerable:!0,configurable:!0,writable:!0}):o[r]=true,o),e);var o,r}),{}),F="bk-popover-content ".concat(N),M=function(e){var t=function(t){"function"==typeof e[t]&&e[t]()};Array.isArray(o.stopBehaviors)&&o.stopBehaviors.forEach(t),"string"==typeof o.stopBehaviors&&t(o.stopBehaviors)};return function(){var e,n,a,i,s;return(0,t.createVNode)("div",{class:"bk-popover","data-bk-pop-container":!0},[(0,t.createVNode)("div",{ref:m,class:"bk-popover-reference"},[null===(n=(e=r.slots).default)||void 0===n?void 0:n.call(e)]),(0,t.createVNode)(t.Transition,{name:o.transition,onAfterEnter:B,onAfterLeave:k},{default:function(){return[(0,t.createVNode)("div",(0,t.mergeProps)({ref:h,class:F,style:T.value},A,{onClick:M}),[null!==(s=null===(i=(a=r.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==s?s:y.value,v.value&&(0,t.createVNode)("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=(0,e.withInstall)(i)})(),a})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return o[e](a,a.exports,n),a.exports}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]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{default:()=>s});var e=n(4212),t=n(748),o={onAfterHidden:Function,onAfterShow:Function},r=Object.assign({isShow:e.PropTypes.bool.def(!1),always:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),content:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),transition:e.PropTypes.string.def("fade-in"),placement:e.PropTypes.placement(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]).def("top"),theme:e.PropTypes.string.def("dark"),handleFirstUpdate:{type:Function,default:function(){}},trigger:e.PropTypes.string.def("hover"),arrow:e.PropTypes.bool.def(!0),modifiers:e.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}]),boundary:e.PropTypes.oneOfType([e.PropTypes.string.def("parent"),e.PropTypes.instanceOf(HTMLElement)]),fixOnBoundary:e.PropTypes.bool.def(!1),stopBehaviors:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.commonType(["stopPropagation","stopImmediatePropagation","preventDefault"],"stopBehaviors")),e.PropTypes.string]).def([])},o);const i=(0,t.defineComponent)({name:"Popover",props:r,emits:["afterHidden","afterShow","update:isShow"],setup:function(o,r){var n=!1,a=Object.create(null),i=(0,t.toRefs)(o),s=i.width,p=i.height,u=i.theme,d=i.trigger,f=i.isShow,l=i.placement,c=i.modifiers,v=i.arrow,y=i.content,m=(0,t.ref)(),h=(0,t.ref)(),b=(0,t.computed)((function(){return{width:/^\d+$/.test(String(s.value))?"".concat(s.value,"px"):s.value,height:/^\d+$/.test(String(p.value))?"".concat(p.value,"px"):p.value,zIndex:e.bkZIndexManager.getModalNextIndex()}})),T=["dark","light"],g=(0,t.computed)((function(){var e=u.value.split(/\s+/);return e.sort((function(e,t){return Number(T.includes(t))-Number(T.includes(e))})),{systemThemes:e,customThemes:e.filter((function(e){return!T.includes(e)}))}})),P=function(e){var t,o;n&&(e?null===(t=a.show)||void 0===t||t.call(a):null===(o=a.hide)||void 0===o||o.call(a))};(0,t.watch)((function(){return o.isShow}),(function(e){P(e)}),{immediate:!0});var w=function(){r.emit("update:isShow",!1),r.emit("afterHidden",!1)},x=function(){r.emit("update:isShow",!0),r.emit("afterShow",!1)},O=function(){var e=a;e.constructor&&(e.isShow&&e.hide(),e.destroy(),a=Object.create(null))},S=function(){a=new e.BKPopover(m.value,h.value,{theme:g.value.systemThemes.join(" "),placement:l.value,trigger:d.value,modifiers:c.value,onFirstUpdate:o.handleFirstUpdate,afterShow:x,afterHidden:w,appendTo:o.boundary,always:o.always,disabled:o.disabled,fixOnBoundary:o.fixOnBoundary}),n=!0,f.value&&P(f.value)},j=function(){O(),(0,t.nextTick)(S)};r.expose({update:j}),(0,t.onMounted)(j),(0,t.onBeforeUnmount)(O);var B=function(){r.emit("after-enter")},k=function(){r.emit("after-leave")},N=g.value.customThemes.join(" "),A=g.value.customThemes.reduce((function(e,t){return Object.assign((o={},!0,(r="data-".concat(t,"-theme"))in o?Object.defineProperty(o,r,{value:true,enumerable:!0,configurable:!0,writable:!0}):o[r]=true,o),e);var o,r}),{}),F="bk-popover-content ".concat(N),M=function(e){var t=function(t){"function"==typeof e[t]&&e[t]()};Array.isArray(o.stopBehaviors)&&o.stopBehaviors.forEach(t),"string"==typeof o.stopBehaviors&&t(o.stopBehaviors)};return function(){var e,n,a,i,s;return(0,t.createVNode)("div",{class:"bk-popover","data-bk-pop-container":!0},[(0,t.createVNode)("div",{ref:m,class:"bk-popover-reference"},[null===(n=(e=r.slots).default)||void 0===n?void 0:n.call(e)]),(0,t.createVNode)(t.Transition,{name:o.transition,onAfterEnter:B,onAfterLeave:k},{default:function(){return[(0,t.createVNode)("div",(0,t.mergeProps)({ref:h,class:F,style:b.value},A,{onClick:M}),[null!==(s=null===(i=(a=r.slots).content)||void 0===i?void 0:i.call(a))&&void 0!==s?s:y.value,v.value&&(0,t.createVNode)("div",{class:"arrow","data-popper-arrow":!0},null)])]}})])}}}),s=(0,e.withInstall)(i)})(),a})()));

package/lib/popover/popover.css

@@ -1,3 +1,6 @@
+.bk-popover {
+  display: inline-block;
+}
 .bk-popover .bk-popover-reference {
   display: inline-block;
 }

package/lib/popover/popover.d.ts

@@ -6,6 +6,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    always: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -56,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
         default: string | (() => string[]);
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "update:isShow" | "afterHidden" | "afterShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "afterHidden" | "afterShow" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onAfterHidden: FunctionConstructor;
     onAfterShow: FunctionConstructor;
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -64,6 +74,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    always: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -115,17 +135,19 @@ declare const _default: import("vue").DefineComponent<{
         default: string | (() => string[]);
     };
 }>>, {
-    width: string | number;
-    height: string | number;
     placement: string;
     modifiers: unknown[];
     content: string | number;
+    width: string | number;
+    height: string | number;
     theme: string;
+    always: boolean;
     transition: string;
+    disabled: boolean;
     trigger: string;
     arrow: boolean;
-    isShow: boolean;
     stopBehaviors: string | string[];
+    isShow: boolean;
     handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     fixOnBoundary: boolean;
 }>;

package/lib/popover/popover.less

@@ -1,6 +1,8 @@
 @import '../styles/themes/themes.less';
 
 .@{bk-prefix}-popover {
+  display: inline-block;
+
   .bk-popover-reference {
     display: inline-block;
   }

package/lib/popover/popover.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,13 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
+}
+.bk-popover {
+  display: inline-block;
 }
 .bk-popover .bk-popover-reference {
   display: inline-block;

package/lib/popover/props.d.ts

@@ -8,6 +8,16 @@ export declare const PopoverProps: {
     } & {
         default: boolean;
     };
+    always: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -26,7 +36,7 @@ export declare const PopoverProps: {
         default: string;
     };
     /**
-     * 展示位置
+     * 组件显示位置
      */
     placement: import("vue-types").VueTypeDef<string> & {
         default: string;

package/lib/process/process.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 * {
   box-sizing: border-box;