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

package/lib/popover/index.d.ts

@@ -8,14 +8,13 @@ declare const BkPopover: {
         $props: Partial<{
             placement: string;
             modifiers: unknown[];
-            onFirstUpdate: (...args: any[]) => any;
             width: string | number;
             height: string | number;
             theme: string;
             content: string | number;
-            isShow: boolean;
             trigger: string;
             arrow: boolean;
+            isShow: boolean;
         }> & Omit<Readonly<{
             isShow?: unknown;
             width?: unknown;
@@ -23,10 +22,10 @@ declare const BkPopover: {
             content?: unknown;
             placement?: unknown;
             theme?: unknown;
+            handleFirstUpdate?: unknown;
             trigger?: unknown;
             arrow?: unknown;
             modifiers?: unknown;
-            onFirstUpdate?: unknown;
         } & {
             placement: string;
             modifiers: unknown[];
@@ -34,12 +33,12 @@ declare const BkPopover: {
             height: string | number;
             theme: string;
             content: string | number;
-            isShow: boolean;
             trigger: string;
             arrow: boolean;
+            isShow: boolean;
         } & {
-            onFirstUpdate?: (...args: any[]) => any;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "modifiers" | "onFirstUpdate" | "width" | "height" | "theme" | "content" | "isShow" | "trigger" | "arrow">;
+            handleFirstUpdate?: import("@bkui-vue/shared").OnFirstUpdateFnType;
+        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "modifiers" | "width" | "height" | "theme" | "content" | "trigger" | "arrow" | "isShow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -60,10 +59,10 @@ declare const BkPopover: {
             content?: unknown;
             placement?: unknown;
             theme?: unknown;
+            handleFirstUpdate?: unknown;
             trigger?: unknown;
             arrow?: unknown;
             modifiers?: unknown;
-            onFirstUpdate?: unknown;
         } & {
             placement: string;
             modifiers: unknown[];
@@ -71,15 +70,16 @@ declare const BkPopover: {
             height: string | number;
             theme: string;
             content: string | number;
-            isShow: boolean;
             trigger: string;
             arrow: boolean;
+            isShow: boolean;
         } & {
-            onFirstUpdate?: (...args: any[]) => any;
+            handleFirstUpdate?: import("@bkui-vue/shared").OnFirstUpdateFnType;
         }> & {}, {
             compStyle: import("vue").ComputedRef<{
                 width: any;
                 height: any;
+                zIndex: number;
             }>;
         }, {
             popoverInstance: any;
@@ -89,14 +89,13 @@ declare const BkPopover: {
         }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             placement: string;
             modifiers: unknown[];
-            onFirstUpdate: (...args: any[]) => any;
             width: string | number;
             height: string | number;
             theme: string;
             content: string | number;
-            isShow: boolean;
             trigger: string;
             arrow: boolean;
+            isShow: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -124,10 +123,10 @@ declare const BkPopover: {
         content?: unknown;
         placement?: unknown;
         theme?: unknown;
+        handleFirstUpdate?: unknown;
         trigger?: unknown;
         arrow?: unknown;
         modifiers?: unknown;
-        onFirstUpdate?: unknown;
     } & {
         placement: string;
         modifiers: unknown[];
@@ -135,15 +134,16 @@ declare const BkPopover: {
         height: string | number;
         theme: string;
         content: string | number;
-        isShow: boolean;
         trigger: string;
         arrow: boolean;
+        isShow: boolean;
     } & {
-        onFirstUpdate?: (...args: any[]) => any;
+        handleFirstUpdate?: import("@bkui-vue/shared").OnFirstUpdateFnType;
     }> & {} & import("vue").ShallowUnwrapRef<{
         compStyle: import("vue").ComputedRef<{
             width: any;
             height: any;
+            zIndex: number;
         }>;
     }> & {
         popoverInstance: any;
@@ -161,10 +161,10 @@ declare const BkPopover: {
     content?: unknown;
     placement?: unknown;
     theme?: unknown;
+    handleFirstUpdate?: unknown;
     trigger?: unknown;
     arrow?: unknown;
     modifiers?: unknown;
-    onFirstUpdate?: unknown;
 } & {
     placement: string;
     modifiers: unknown[];
@@ -172,15 +172,16 @@ declare const BkPopover: {
     height: string | number;
     theme: string;
     content: string | number;
-    isShow: boolean;
     trigger: string;
     arrow: boolean;
+    isShow: boolean;
 } & {
-    onFirstUpdate?: (...args: any[]) => any;
+    handleFirstUpdate?: import("@bkui-vue/shared").OnFirstUpdateFnType;
 }> & {}, {
     compStyle: import("vue").ComputedRef<{
         width: any;
         height: any;
+        zIndex: number;
     }>;
 }, {
     popoverInstance: any;
@@ -190,13 +191,12 @@ declare const BkPopover: {
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     placement: string;
     modifiers: unknown[];
-    onFirstUpdate: (...args: any[]) => any;
     width: string | number;
     height: string | number;
     theme: string;
     content: string | number;
-    isShow: boolean;
     trigger: string;
     arrow: boolean;
+    isShow: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkPopover;

package/lib/popover/index.js

@@ -1 +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,o){"use strict";var n=t.defineComponent({name:"BkPopover",props:{isShow:o.PropTypes.bool,width:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),height:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),content:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def(""),placement:o.PropTypes.placement().def("top"),theme:o.PropTypes.theme(["dark","light"]).def("light"),trigger:o.PropTypes.string.def("hover"),arrow:o.PropTypes.bool.def(!0),modifiers:o.PropTypes.array.def([]),onFirstUpdate:o.PropTypes.func},data:function(){return{popoverInstance:Object.create(null),isPopInstance:!1}},watch:{isShow:{immediate:!0,handler:function(e){var t=this;this.$nextTick((function(){"manual"===t.trigger&&t.isPopInstance&&(e?t.popoverInstance.show():t.popoverInstance.hide())}))}}},mounted:function(){var e=this;this.$nextTick((function(){e.popoverInstance=new o.BKPopover(e.$refs.reference,e.$refs.refContent,{theme:e.theme,placement:e.placement,trigger:e.trigger,modifiers:e.modifiers,onFirstUpdate:e.onFirstUpdate}),e.isPopInstance=!0}))},beforeUnmount:function(){var e=this.popoverInstance;e.isShow&&e.hide(),e.destroy(),this.popoverInstance=Object.create(null)},methods:{handleClose:function(){this.$emit("update:isShow",!1)}},setup:function(e){var o=t.toRefs(e),n=o.width,r=o.height;return{compStyle:t.computed((function(){return{width:/^\d+$/.test(n.value)?"".concat(n.value,"px"):n.value,height:/^\d+$/.test(r.value)?"".concat(r.value,"px"):r.value}}))}},render:function(){var e,o,n,r,s;return t.createVNode("div",{class:"bk-popover"},[t.createVNode("div",{ref:"reference",class:"bk-popover-reference"},[null===(o=(e=this.$slots).default)||void 0===o?void 0:o.call(e)]),t.createVNode("div",{ref:"refContent",class:"bk-popover-content",style:this.compStyle},[null!==(s=null===(r=(n=this.$slots).content)||void 0===r?void 0:r.call(n))&&void 0!==s?s:this.content,this.arrow&&t.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])])}}),r=o.withInstall(n);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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,o){"use strict";var n=t.defineComponent({name:"BkPopover",props:{isShow:o.PropTypes.bool,width:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),height:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),content:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def(""),placement:o.PropTypes.placement().def("top"),theme:o.PropTypes.theme(["dark","light"]).def("light"),handleFirstUpdate:Function,trigger:o.PropTypes.string.def("hover"),arrow:o.PropTypes.bool.def(!0),modifiers:o.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}])},data:function(){return{popoverInstance:Object.create(null),isPopInstance:!1}},watch:{isShow:{immediate:!0,handler:function(e){var t=this;this.$nextTick((function(){"manual"===t.trigger&&t.isPopInstance&&(e?t.popoverInstance.show():t.popoverInstance.hide())}))}}},mounted:function(){var e=this;this.$nextTick((function(){e.popoverInstance=new o.BKPopover(e.$refs.reference,e.$refs.refContent,{theme:e.theme,placement:e.placement,trigger:e.trigger,modifiers:e.modifiers,onFirstUpdate:e.handleFirstUpdate}),e.isPopInstance=!0}))},beforeUnmount:function(){var e=this.popoverInstance;e.isShow&&e.hide(),e.destroy(),this.popoverInstance=Object.create(null)},methods:{handleClose:function(){this.$emit("update:isShow",!1)}},setup:function(e){var n=t.toRefs(e),r=n.width,s=n.height;return{compStyle:t.computed((function(){return{width:/^\d+$/.test(r.value)?"".concat(r.value,"px"):r.value,height:/^\d+$/.test(s.value)?"".concat(s.value,"px"):s.value,zIndex:o.bkZIndexManager.getModalNextIndex()}}))}},render:function(){var e,o,n,r,s;return t.createVNode("div",{class:"bk-popover"},[t.createVNode("div",{ref:"reference",class:"bk-popover-reference"},[null===(o=(e=this.$slots).default)||void 0===o?void 0:o.call(e)]),t.createVNode("div",{ref:"refContent",class:"bk-popover-content",style:this.compStyle},[null!==(s=null===(r=(n=this.$slots).content)||void 0===r?void 0:r.call(n))&&void 0!==s?s:this.content,this.arrow&&t.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])])}}),r=o.withInstall(n);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/popover/popover.css

@@ -3,9 +3,8 @@
 }
 .bk-popover .bk-popover-content {
   display: none;
-  padding: 4px 8px;
-  font-size: 13px;
-  font-weight: bold;
+  padding: 7px 14px;
+  font-size: 12px;
   color: #fff;
   background: #26323d;
   border-radius: 4px;

package/lib/popover/popover.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { OnFirstUpdateFnType } from '@bkui-vue/shared';
 declare const _default: import("vue").DefineComponent<{
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -17,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    handleFirstUpdate: PropType<OnFirstUpdateFnType>;
     /**
      * 触发方式
      * 支持 click hover manual
@@ -37,13 +40,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: () => unknown[];
     };
-    onFirstUpdate: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
-    };
 }, {
     compStyle: import("vue").ComputedRef<{
         width: any;
         height: any;
+        zIndex: number;
     }>;
 }, {
     popoverInstance: any;
@@ -57,10 +58,10 @@ declare const _default: import("vue").DefineComponent<{
     content?: unknown;
     placement?: unknown;
     theme?: unknown;
+    handleFirstUpdate?: unknown;
     trigger?: unknown;
     arrow?: unknown;
     modifiers?: unknown;
-    onFirstUpdate?: unknown;
 } & {
     placement: string;
     modifiers: unknown[];
@@ -68,21 +69,20 @@ declare const _default: import("vue").DefineComponent<{
     height: string | number;
     theme: string;
     content: string | number;
-    isShow: boolean;
     trigger: string;
     arrow: boolean;
+    isShow: boolean;
 } & {
-    onFirstUpdate?: (...args: any[]) => any;
+    handleFirstUpdate?: OnFirstUpdateFnType;
 }> & {}, {
     placement: string;
     modifiers: unknown[];
-    onFirstUpdate: (...args: any[]) => any;
     width: string | number;
     height: string | number;
     theme: string;
     content: string | number;
-    isShow: boolean;
     trigger: string;
     arrow: boolean;
+    isShow: boolean;
 }>;
 export default _default;

package/lib/popover/popover.less

@@ -7,9 +7,8 @@
 
   .bk-popover-content {
     display: none;
-    padding: 4px 8px;
-    font-size: 13px;
-    font-weight: bold;
+    padding: 7px 14px;
+    font-size: 12px;
     color: #fff;
     background: #26323d;
     border-radius: 4px;

package/lib/popover/popover.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,15 +68,29 @@
   --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-popover .bk-popover-reference {
   display: inline-block;
 }
 .bk-popover .bk-popover-content {
   display: none;
-  padding: 4px 8px;
-  font-size: 13px;
-  font-weight: bold;
+  padding: 7px 14px;
+  font-size: 12px;
   color: #fff;
   background: #26323d;
   border-radius: 4px;

package/lib/progress/index.d.ts

@@ -8,6 +8,7 @@ declare const BkProgress: {
             theme: string;
             extCls: string;
             type: string;
+            format: (...args: any[]) => any;
             percent: number;
             strokeWidth: number;
             strokeLinecap: string;
@@ -16,7 +17,6 @@ declare const BkProgress: {
             };
             showText: boolean;
             textInside: boolean;
-            format: (...args: any[]) => any;
         }> & Omit<Readonly<{
             extCls?: unknown;
             type?: unknown;
@@ -48,7 +48,7 @@ declare const BkProgress: {
         } & {
             size?: string;
             format?: (...args: any[]) => any;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "color" | "theme" | "extCls" | "type" | "percent" | "strokeWidth" | "strokeLinecap" | "titleStyle" | "showText" | "textInside" | "format">;
+        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "color" | "theme" | "extCls" | "type" | "format" | "percent" | "strokeWidth" | "strokeLinecap" | "titleStyle" | "showText" | "textInside">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -104,6 +104,7 @@ declare const BkProgress: {
             theme: string;
             extCls: string;
             type: string;
+            format: (...args: any[]) => any;
             percent: number;
             strokeWidth: number;
             strokeLinecap: string;
@@ -112,7 +113,6 @@ declare const BkProgress: {
             };
             showText: boolean;
             textInside: boolean;
-            format: (...args: any[]) => any;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -215,6 +215,7 @@ declare const BkProgress: {
     theme: string;
     extCls: string;
     type: string;
+    format: (...args: any[]) => any;
     percent: number;
     strokeWidth: number;
     strokeLinecap: string;
@@ -223,6 +224,5 @@ declare const BkProgress: {
     };
     showText: boolean;
     textInside: boolean;
-    format: (...args: any[]) => any;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkProgress;

package/lib/progress/progress.d.ts

@@ -105,6 +105,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: string;
     extCls: string;
     type: string;
+    format: (...args: any[]) => any;
     percent: number;
     strokeWidth: number;
     strokeLinecap: string;
@@ -113,6 +114,5 @@ declare const _default: import("vue").DefineComponent<{
     };
     showText: boolean;
     textInside: boolean;
-    format: (...args: any[]) => any;
 }>;
 export default _default;

package/lib/progress/progress.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;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/radio/radio.css

@@ -130,3 +130,9 @@
   border: 1px solid #63656e;
   transition: all 0.3s;
 }
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/radio/radio.less

@@ -164,3 +164,10 @@
     transition: all .3s;
   }
 }
+
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/radio/radio.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-radio {
   display: inline-block;
@@ -200,3 +216,9 @@
   border: var(--border-width-base) var(--border-style-base) var(--default-color);
   transition: all 0.3s;
 }
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/rate/star.d.ts

@@ -39,9 +39,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     width: number;
     height: number;
+    editable: boolean;
     max: number;
     rate: number;
-    editable: boolean;
     hoverRate: number;
 } & {}> & {
     onChooseRate?: (...args: any[]) => any;
@@ -49,9 +49,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     width: number;
     height: number;
+    editable: boolean;
     max: number;
     rate: number;
-    editable: boolean;
     hoverRate: number;
 }>;
 export default _default;

package/lib/select/common.d.ts

@@ -3,16 +3,16 @@ import Option from './option';
 export declare type OptionInstanceType = InstanceType<typeof Option>;
 export interface ISelectContext {
     props: {
-        modelValue: any;
         multiple?: boolean;
     };
+    selectedOptions: any;
     register(option: OptionInstanceType): any;
-    unregister(option: OptionInstanceType): boolean;
+    unregister(option: OptionInstanceType): any;
     handleOptionSelected(option: OptionInstanceType): void;
 }
 export declare const selectKey: InjectionKey<ISelectContext>;
 export interface IOptionGroupContext {
-    xxx: string;
+    disabled: boolean;
 }
 export declare const optionGroupKey: InjectionKey<IOptionGroupContext>;
 export declare function useFocus(): {
@@ -25,3 +25,4 @@ export declare function useHover(): {
     setHover: () => void;
     cancelHover: () => void;
 };
+export default function useDebouncedRef<T>(value: any, delay?: number): import("vue").Ref<T>;