bkui-vue 0.0.1-beta.10 → 0.0.1-beta.14

package/lib/dropdown/index.d.ts

@@ -0,0 +1,160 @@
+import DropdownMenu from './dropdown-menu';
+import DropdownItem from './dropdown-item';
+declare const BkDropdown: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            placement: string;
+            extCls: string;
+            disabled: boolean;
+            trigger: string;
+            isShow: boolean;
+        }> & Omit<Readonly<{
+            isShow?: unknown;
+            placement?: unknown;
+            trigger?: unknown;
+            disabled?: unknown;
+            extCls?: unknown;
+        } & {
+            placement: string;
+            extCls: string;
+            disabled: boolean;
+            trigger: string;
+            isShow: boolean;
+        } & {}> & {
+            onShowChange?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "extCls" | "disabled" | "trigger" | "isShow">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "showChange", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            isShow?: unknown;
+            placement?: unknown;
+            trigger?: unknown;
+            disabled?: unknown;
+            extCls?: unknown;
+        } & {
+            placement: string;
+            extCls: string;
+            disabled: boolean;
+            trigger: string;
+            isShow: boolean;
+        } & {}> & {
+            onShowChange?: (...args: any[]) => any;
+        }, {
+            reference: any;
+            refContent: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "showChange"[], string, {
+            placement: string;
+            extCls: string;
+            disabled: boolean;
+            trigger: string;
+            isShow: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<{
+        isShow?: unknown;
+        placement?: unknown;
+        trigger?: unknown;
+        disabled?: unknown;
+        extCls?: unknown;
+    } & {
+        placement: string;
+        extCls: string;
+        disabled: boolean;
+        trigger: string;
+        isShow: boolean;
+    } & {}> & {
+        onShowChange?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        reference: any;
+        refContent: any;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    isShow?: unknown;
+    placement?: unknown;
+    trigger?: unknown;
+    disabled?: unknown;
+    extCls?: unknown;
+} & {
+    placement: string;
+    extCls: string;
+    disabled: boolean;
+    trigger: string;
+    isShow: boolean;
+} & {}> & {
+    onShowChange?: (...args: any[]) => any;
+}, {
+    reference: any;
+    refContent: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "showChange"[], "showChange", {
+    placement: string;
+    extCls: string;
+    disabled: boolean;
+    trigger: string;
+    isShow: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
+    DropdownMenu: import("vue").DefineComponent<{
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+    }, {
+        wrapperCLasses: import("vue").ComputedRef<any[]>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        extCls?: unknown;
+    } & {
+        extCls: string;
+    } & {}> & {}, {
+        extCls: string;
+    }>;
+    DropdownItem: import("vue").DefineComponent<{
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+    }, {
+        wrapperCLasses: import("vue").ComputedRef<any[]>;
+        handleClick: (evt: MouseEvent) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        extCls?: unknown;
+    } & {
+        extCls: string;
+    } & {}> & {
+        onClick?: (...args: any[]) => any;
+    }, {
+        extCls: string;
+    }>;
+}>;
+export default BkDropdown;
+export { BkDropdown, DropdownMenu as BkDropdownMenu, DropdownItem as BkDropdownItem, };

package/lib/dropdown/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,n){"use strict";var o=t.defineComponent({name:"BkDropdown",props:{isShow:n.PropTypes.bool.def(!1),placement:n.PropTypes.commonType(["auto","auto-start","auto-end","top","right","bottom","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"],"placement").def("bottom"),trigger:n.PropTypes.commonType(["hover","click","manual"],"trigger").def("hover"),disabled:n.PropTypes.bool.def(!1),extCls:n.PropTypes.string},emits:["showChange"],setup:function(e,o){var r=o.emit,s=Object.create(null),i=t.ref(null),a=t.ref(null);t.onMounted((function(){d()})),t.onBeforeUnmount((function(){l()})),t.watch((function(){return e.isShow}),(function(n){t.nextTick((function(){"manual"===e.trigger&&s&&!e.disabled&&(n?s.show():s.hide())}))})),t.watch((function(){return e.disabled}),(function(e){return u(e)}));var d=function(){e.disabled||(s=new n.BKPopover(i.value,a.value,{placement:e.placement,trigger:e.trigger}),"manual"===e.trigger&&e.isShow&&s.show())},l=function(){if(s){var t=s;t.isShow&&t.hide(),t.destroy(),s=null,"manual"===e.trigger&&r("showChange",!1)}},u=function(t){var n=s;"manual"===e.trigger&&!t&&r("showChange",!1),n.updateDisabled(t)};return{reference:i,refContent:a}},render:function(){var e,o,r,s,i=n.classes({"bk-dropdown":!0},this.$props.extCls);return t.createVNode("div",{class:i},[t.createVNode("div",{ref:"reference",class:"bk-dropdown-reference"},[null===(o=(e=this.$slots).default)||void 0===o?void 0:o.call(e)]),t.createVNode("div",{ref:"refContent",class:"bk-dropdown-content"},[null===(s=(r=this.$slots).content)||void 0===s?void 0:s.call(r)])])}}),r=t.defineComponent({name:"BkDropdownMenu",props:{extCls:n.PropTypes.string},setup:function(e){return{wrapperCLasses:t.computed((function(){return["bk-dropdown-menu",e.extCls]}))}},render:function(){var e,n;return t.createVNode("ul",{class:this.wrapperCLasses},[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])}}),s=t.defineComponent({name:"BkDropdownItem",emits:["click"],props:{extCls:n.PropTypes.string},setup:function(e,n){var o=n.emit;return{wrapperCLasses:t.computed((function(){return["bk-dropdown-item",e.extCls]})),handleClick:function(e){o("click",e)}}},render:function(){var e,n;return t.createVNode("li",{class:this.wrapperCLasses,onClick:this.handleClick},[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])}}),i=n.withInstallProps(o,{DropdownMenu:r,DropdownItem:s});e.BkDropdown=i,e.BkDropdownItem=s,e.BkDropdownMenu=r,e.default=i,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/exception/exception.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 .bk-exception-wrapper {
   position: relative;