bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

package/lib/navigation/index.d.ts

@@ -1,5 +1,190 @@
 declare const Navigation: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            sideTitle?: string;
+            navigationType?: import("./navigation").BkNavigationType;
+            navWidth?: string | number;
+            hoverWidth?: string | number;
+            showSideNavTitle?: boolean;
+            headerTitle?: string;
+            hoverLeaveDelay?: number;
+            hoverEnterDelay?: number;
+            defaultOpen?: boolean;
+            headHeight?: string | number;
+            needMenu?: boolean;
+            class?: unknown;
+            style?: unknown;
+            ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onHover?: (...args: any[]) => any;
+            onLeave?: (...args: any[]) => any;
+            onToggle?: (...args: any[]) => any;
+            "onToggle-click"?: (...args: any[]) => any;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            default?: () => HTMLElement;
+            header?: () => HTMLElement;
+            menu?: () => HTMLElement;
+            footer?: () => HTMLElement;
+            'side-icon'?: () => HTMLElement;
+            'side-header'?: () => HTMLElement;
+            'side-footer'?: () => HTMLElement;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: "toggle" | "hover" | "leave" | "toggle-click", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            navWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            hoverWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            showSideNavTitle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            sideTitle: {
+                type: StringConstructor;
+                default: string;
+            };
+            headerTitle: {
+                type: StringConstructor;
+                default: string;
+            };
+            hoverLeaveDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            hoverEnterDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultOpen: BooleanConstructor;
+            headHeight: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            navigationType: {
+                type: import("vue").PropType<import("./navigation").BkNavigationType>;
+                default: string;
+                validator(v: import("./navigation").BkNavigationType): boolean;
+            };
+            needMenu: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onHover?: (...args: any[]) => any;
+            onLeave?: (...args: any[]) => any;
+            onToggle?: (...args: any[]) => any;
+            "onToggle-click"?: (...args: any[]) => any;
+        }, {
+            defaultHeaderTitle: import("vue").Ref<string>;
+            nav: {
+                click: boolean;
+                hover: boolean;
+                delay: boolean;
+                timer: any;
+                enterTimer: any;
+            };
+            onBeforeUnmount: (hook: () => any, target?: import("vue").ComponentInternalInstance) => false | Function;
+            handleMouseOver: () => void;
+            handleMouseLeave: () => void;
+            handleClick: () => void;
+            resolveClassName: (cls: string) => string;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "hover" | "leave" | "toggle-click")[], string, {
+            sideTitle: string;
+            navigationType: import("./navigation").BkNavigationType;
+            navWidth: string | number;
+            hoverWidth: string | number;
+            showSideNavTitle: boolean;
+            headerTitle: string;
+            hoverLeaveDelay: number;
+            hoverEnterDelay: number;
+            defaultOpen: boolean;
+            headHeight: string | number;
+            needMenu: boolean;
+        }, {}, string, import("vue").SlotsType<{
+            default?: () => HTMLElement;
+            header?: () => HTMLElement;
+            menu?: () => HTMLElement;
+            footer?: () => HTMLElement;
+            'side-icon'?: () => HTMLElement;
+            'side-header'?: () => HTMLElement;
+            'side-footer'?: () => HTMLElement;
+        }>> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         navWidth: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
@@ -47,7 +232,7 @@ declare const Navigation: {
         onLeave?: (...args: any[]) => any;
         onToggle?: (...args: any[]) => any;
         "onToggle-click"?: (...args: any[]) => any;
-    }, {
+    } & import("vue").ShallowUnwrapRef<{
         defaultHeaderTitle: import("vue").Ref<string>;
         nav: {
             click: boolean;
@@ -61,156 +246,7 @@ declare const Navigation: {
         handleMouseLeave: () => void;
         handleClick: () => void;
         resolveClassName: (cls: string) => string;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "hover" | "leave" | "toggle-click")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        navWidth: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        hoverWidth: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        showSideNavTitle: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        sideTitle: {
-            type: StringConstructor;
-            default: string;
-        };
-        headerTitle: {
-            type: StringConstructor;
-            default: string;
-        };
-        hoverLeaveDelay: {
-            type: NumberConstructor;
-            default: number;
-        };
-        hoverEnterDelay: {
-            type: NumberConstructor;
-            default: number;
-        };
-        defaultOpen: BooleanConstructor;
-        headHeight: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        navigationType: {
-            type: import("vue").PropType<import("./navigation").BkNavigationType>;
-            default: string;
-            validator(v: import("./navigation").BkNavigationType): boolean;
-        };
-        needMenu: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        onHover?: (...args: any[]) => any;
-        onLeave?: (...args: any[]) => any;
-        onToggle?: (...args: any[]) => any;
-        "onToggle-click"?: (...args: any[]) => any;
-    }, {
-        sideTitle: string;
-        navigationType: import("./navigation").BkNavigationType;
-        navWidth: string | number;
-        hoverWidth: string | number;
-        showSideNavTitle: boolean;
-        headerTitle: string;
-        hoverLeaveDelay: number;
-        hoverEnterDelay: number;
-        defaultOpen: boolean;
-        headHeight: string | number;
-        needMenu: boolean;
-    }, true, {}, import("vue").SlotsType<{
-        default?: () => HTMLElement;
-        header?: () => HTMLElement;
-        menu?: () => HTMLElement;
-        footer?: () => HTMLElement;
-        'side-icon'?: () => HTMLElement;
-        'side-header'?: () => HTMLElement;
-        'side-footer'?: () => HTMLElement;
-    }>, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        navWidth: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        hoverWidth: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        showSideNavTitle: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        sideTitle: {
-            type: StringConstructor;
-            default: string;
-        };
-        headerTitle: {
-            type: StringConstructor;
-            default: string;
-        };
-        hoverLeaveDelay: {
-            type: NumberConstructor;
-            default: number;
-        };
-        hoverEnterDelay: {
-            type: NumberConstructor;
-            default: number;
-        };
-        defaultOpen: BooleanConstructor;
-        headHeight: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        navigationType: {
-            type: import("vue").PropType<import("./navigation").BkNavigationType>;
-            default: string;
-            validator(v: import("./navigation").BkNavigationType): boolean;
-        };
-        needMenu: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        onHover?: (...args: any[]) => any;
-        onLeave?: (...args: any[]) => any;
-        onToggle?: (...args: any[]) => any;
-        "onToggle-click"?: (...args: any[]) => any;
-    }, {
-        defaultHeaderTitle: import("vue").Ref<string>;
-        nav: {
-            click: boolean;
-            hover: boolean;
-            delay: boolean;
-            timer: any;
-            enterTimer: any;
-        };
-        onBeforeUnmount: (hook: () => any, target?: import("vue").ComponentInternalInstance) => false | Function;
-        handleMouseOver: () => void;
-        handleMouseLeave: () => void;
-        handleClick: () => void;
-        resolveClassName: (cls: string) => string;
-    }, {}, {}, {}, {
-        sideTitle: string;
-        navigationType: import("./navigation").BkNavigationType;
-        navWidth: string | number;
-        hoverWidth: string | number;
-        showSideNavTitle: boolean;
-        headerTitle: string;
-        hoverLeaveDelay: number;
-        hoverEnterDelay: number;
-        defaultOpen: boolean;
-        headHeight: string | number;
-        needMenu: boolean;
-    }>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;

package/lib/navigation/index.js

@@ -40,7 +40,7 @@ const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MOD
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -77,7 +77,6 @@ const icon_namespaceObject = icon_x({ ["CollapseLeft"]: () => __WEBPACK_EXTERNAL
  * IN THE SOFTWARE.
  */
 
-
 var TitleProps = {
   sideTitle: {
     type: String,
@@ -88,7 +87,7 @@ var TitleProps = {
     "default": 'left-right'
   }
 };
-/* harmony default export */ const navigation_title = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const navigation_title = (defineComponent({
   props: TitleProps,
   // slots: ['side-icon'],
   slots: Object,
@@ -99,10 +98,10 @@ var TitleProps = {
     return function () {
       var _slots$default, _slots$sideIcon;
       return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(resolveClassName('navigation-title')),
         "style": {
           borderBottomWidth: props.navigationType === 'left-right' ? '0' : '1px'
-        }
+        },
+        "class": "".concat(resolveClassName('navigation-title'))
       }, [((_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) || [(0,external_vue_namespaceObject.createVNode)("span", {
         "class": "title-icon"
       }, [((_slots$sideIcon = slots['side-icon']) === null || _slots$sideIcon === void 0 ? void 0 : _slots$sideIcon.call(slots)) || (0,external_vue_namespaceObject.createVNode)("i", {
@@ -143,7 +142,6 @@ var TitleProps = {
 
 
 
-
 var NavigationProps = {
   navWidth: {
     type: [Number, String],
@@ -190,7 +188,7 @@ var NavigationProps = {
     "default": true
   }
 };
-/* harmony default export */ const navigation = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const navigation = (defineComponent({
   name: 'Navigation',
   props: NavigationProps,
   emits: ['leave', 'toggle', 'hover', 'toggle-click'],
@@ -198,8 +196,8 @@ var NavigationProps = {
   slots: Object,
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var defaultHeaderTitle = (0,external_vue_namespaceObject.ref)(props.headerTitle);
-    var nav = (0,external_vue_namespaceObject.reactive)({
+    var defaultHeaderTitle = ref(props.headerTitle);
+    var nav = reactive({
       click: false,
       hover: false,
       delay: false,
@@ -211,7 +209,7 @@ var NavigationProps = {
       nav.hover = nav.click;
       emit('toggle', nav.hover);
     }
-    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
+    onBeforeUnmount(function () {
       nav.timer && window.clearTimeout(nav.timer);
     });
     var handleMouseOver = function handleMouseOver() {
@@ -247,7 +245,7 @@ var NavigationProps = {
     return {
       defaultHeaderTitle: defaultHeaderTitle,
       nav: nav,
-      onBeforeUnmount: external_vue_namespaceObject.onBeforeUnmount,
+      onBeforeUnmount: onBeforeUnmount,
       handleMouseOver: handleMouseOver,
       handleMouseLeave: handleMouseLeave,
       handleClick: handleClick,
@@ -259,10 +257,10 @@ var NavigationProps = {
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "".concat(this.resolveClassName('navigation'))
     }, [this.navigationType === 'top-bottom' && (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('navigation-header')),
       "style": {
         flexBasis: "".concat(this.headHeight, "px")
-      }
+      },
+      "class": "".concat(this.resolveClassName('navigation-header'))
     }, [(0,external_vue_namespaceObject.createVNode)(navigation_title, {
       "sideTitle": this.sideTitle
     }, {
@@ -273,18 +271,18 @@ var NavigationProps = {
     }, [(_this$$slots$header = (_this$$slots = this.$slots).header) === null || _this$$slots$header === void 0 ? void 0 : _this$$slots$header.call(_this$$slots)])]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "".concat(this.resolveClassName('navigation-wrapper'))
     }, [this.needMenu && (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "navigation-nav",
       "style": {
         width: !this.nav.click ? "".concat(this.navWidth, "px") : "".concat(this.hoverWidth, "px")
-      }
+      },
+      "class": "navigation-nav"
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "nav-slider",
-      "onMouseenter": this.handleMouseOver,
-      "onMouseleave": this.handleMouseLeave,
       "style": {
         width: !this.nav.hover ? "".concat(this.navWidth, "px") : "".concat(this.hoverWidth, "px"),
         borderRight: this.navigationType !== 'top-bottom' ? 'none' : '1px solid #DCDEE5'
-      }
+      },
+      "class": "nav-slider",
+      "onMouseenter": this.handleMouseOver,
+      "onMouseleave": this.handleMouseLeave
     }, [this.navigationType !== 'top-bottom' && this.showSideNavTitle && (0,external_vue_namespaceObject.createVNode)(navigation_title, {
       "style": {
         flexBasis: "".concat(this.headHeight, "px")
@@ -294,10 +292,10 @@ var NavigationProps = {
       "default": this.$slots['side-header'],
       'side-icon': !this.$slots['side-header'] ? this.$slots['side-icon'] : undefined
     }), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "nav-slider-list",
       "style": {
         height: "calc(100vh - ".concat(+this.headHeight + 56, "px)")
-      }
+      },
+      "class": "nav-slider-list"
     }, [(_this$$slots$menu = (_this$$slots2 = this.$slots).menu) === null || _this$$slots$menu === void 0 ? void 0 : _this$$slots$menu.call(_this$$slots2)]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "nav-slider-footer"
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -307,29 +305,29 @@ var NavigationProps = {
       },
       "onClick": this.handleClick
     }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.CollapseLeft, {
-      "class": "footer-icon-svg",
       "style": {
         transform: this.nav.click ? 'rotate(180deg)' : 'rotate(0deg)'
-      }
+      },
+      "class": "footer-icon-svg"
     }, null)])]), (_this$$slots$sideFoo = (_this$$slots3 = this.$slots)['side-footer']) === null || _this$$slots$sideFoo === void 0 ? void 0 : _this$$slots$sideFoo.call(_this$$slots3)])]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "navigation-container",
       "style": {
         maxWidth: this.needMenu ? 'calc(100vw - 60px)' : '100vw'
-      }
+      },
+      "class": "navigation-container"
     }, [this.navigationType !== 'top-bottom' && (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "container-header",
       "style": {
         flexBasis: "".concat(this.headHeight, "px")
-      }
+      },
+      "class": "container-header"
     }, [((_this$$slots$header2 = (_this$$slots4 = this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots4)) || [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": "container-header-title"
     }, [this.headerTitle]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "container-header-sets"
     }, [(_this$$slots$headerS = (_this$$slots5 = this.$slots)['header-set']) === null || _this$$slots$headerS === void 0 ? void 0 : _this$$slots$headerS.call(_this$$slots5)])]]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "container-content",
       "style": {
         maxHeight: "calc(100vh - ".concat(this.headHeight, "px)")
-      }
+      },
+      "class": "container-content"
     }, [(_this$$slots$default = (_this$$slots6 = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots6), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "container-footer"
     }, [(_this$$slots$footer = (_this$$slots7 = this.$slots).footer) === null || _this$$slots$footer === void 0 ? void 0 : _this$$slots$footer.call(_this$$slots7)])])])])]);

package/lib/navigation/navigation.d.ts

@@ -1,5 +1,5 @@
 import { PropType, SlotsType } from 'vue';
-export type BkNavigationType = 'top-bottom' | 'left-right';
+export type BkNavigationType = 'left-right' | 'top-bottom';
 declare const _default: import("vue").DefineComponent<{
     navWidth: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/navigation/navigation.variable.css

@@ -109,6 +109,7 @@
   --date-picker-dropdown-bg: #fff;
   --table-bg-color: var(--white-color);
   --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
   --table-body-font-color: #63656E;

package/lib/notify/index.js

@@ -35,38 +35,38 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -166,7 +166,7 @@ var Message = function Message(constructor, options) {
     instances[position].forEach(function (item) {
       if (item.props.id !== id) {
         var _item$component;
-        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false);
+        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 ? void 0 : _item$component.setDetailsShow(null, false);
       }
     });
     // setTimeout(() => {
@@ -185,7 +185,7 @@ var Message = function Message(constructor, options) {
   target.appendChild(container.firstElementChild);
 };
 function use_message_close(id, position, spacing, userOnClose) {
-  userOnClose === null || userOnClose === void 0 || userOnClose();
+  userOnClose === null || userOnClose === void 0 ? void 0 : userOnClose();
   var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
   var instanceIndex = -1;
   instances[position].forEach(function (item, index) {
@@ -250,10 +250,10 @@ const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE
 
 var NotifyThemeEnum;
 (function (NotifyThemeEnum) {
+  NotifyThemeEnum["ERROR"] = "error";
   NotifyThemeEnum["PRIMARY"] = "primary";
-  NotifyThemeEnum["WARNING"] = "warning";
   NotifyThemeEnum["SUCCESS"] = "success";
-  NotifyThemeEnum["ERROR"] = "error";
+  NotifyThemeEnum["WARNING"] = "warning";
 })(NotifyThemeEnum || (NotifyThemeEnum = {}));
 var notifyProps = {
   id: shared_namespaceObject.PropTypes.string.def(''),
@@ -283,7 +283,8 @@ var notifyProps = {
       return props.position.startsWith('top') ? 'top' : 'bottom';
     });
     var styles = (0,external_vue_namespaceObject.computed)(function () {
-      return _defineProperty(_defineProperty(_defineProperty({}, horizontalClass.value, "".concat(props.offsetX, "px")), verticalProperty.value, "".concat(props.offsetY, "px")), "zIndex", zIndex);
+      var _ref2;
+      return _ref2 = {}, _defineProperty(_ref2, horizontalClass.value, "".concat(props.offsetX, "px")), _defineProperty(_ref2, verticalProperty.value, "".concat(props.offsetY, "px")), _defineProperty(_ref2, "zIndex", zIndex), _ref2;
     });
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
@@ -343,8 +344,8 @@ var notifyProps = {
     }, {
       "default": function _default() {
         return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this.classNames,
-          "style": _this.styles
+          "style": _this.styles,
+          "class": _this.classNames
         }, [(0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('notify-content'))
         }, [(0,external_vue_namespaceObject.createVNode)("div", {

package/lib/notify/notify.variable.css

@@ -109,6 +109,7 @@
   --date-picker-dropdown-bg: #fff;
   --table-bg-color: var(--white-color);
   --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
   --table-body-font-color: #63656E;