bkui-vue 0.0.1-beta.125 → 0.0.1-beta.128

package/lib/popover2/index.d.ts

@@ -1,375 +1,4 @@
-declare const BkPopover2: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            placement: string;
-            offset: number;
-            zIndex: number;
-            content: string | number;
-            trigger: string;
-            disabled: boolean;
-            arrow: boolean;
-            theme: string;
-            width: string | number;
-            height: string | number;
-            always: boolean;
-            padding: number;
-            isShow: boolean;
-            boundary: string;
-            disableTeleport: boolean;
-            autoPlacement: boolean;
-            autoVisibility: boolean;
-            disableOutsideClick: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            onAfterHidden: FunctionConstructor;
-            onAfterShow: FunctionConstructor;
-            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                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;
-            };
-            height: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
-            content: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
-            placement: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            theme: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            trigger: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            padding: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            offset: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            boundary: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            zIndex: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>> & {
-            onShow?: (...args: any[]) => any;
-            onHide?: (...args: any[]) => any;
-            onClickoutside?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "offset" | "zIndex" | "content" | "trigger" | "disabled" | "arrow" | "theme" | "width" | "height" | "always" | "padding" | "isShow" | "boundary" | "disableTeleport" | "autoPlacement" | "autoVisibility" | "disableOutsideClick">;
-        $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: import("./const").EMITEVENTS.SHOW, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.HIDE, ...args: any[]) => void) & ((event: import("./const").EMITEVENTS.CLICK_OUTSIDE, ...args: any[]) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            onAfterHidden: FunctionConstructor;
-            onAfterShow: FunctionConstructor;
-            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                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;
-            };
-            height: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
-            content: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
-            placement: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            theme: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            trigger: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            padding: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            offset: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            boundary: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            zIndex: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>> & {
-            onShow?: (...args: any[]) => any;
-            onHide?: (...args: any[]) => any;
-            onClickoutside?: (...args: any[]) => any;
-        }, {
-            boundary: import("vue").Ref<any>;
-            arrow: boolean;
-            refReference: import("vue").Ref<any>;
-            refContent: import("vue").Ref<any>;
-            refArrow: import("vue").Ref<any>;
-            content: string | number;
-            theme: string;
-            transBoundary: import("vue").ComputedRef<boolean>;
-            handleClickOutside: (_e: MouseEvent) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            show: (..._args: any[]) => boolean;
-            hide: (..._args: any[]) => boolean;
-            clickoutside: (..._args: any[]) => boolean;
-        }, string, {
-            placement: string;
-            offset: number;
-            zIndex: number;
-            content: string | number;
-            trigger: string;
-            disabled: boolean;
-            arrow: boolean;
-            theme: string;
-            width: string | number;
-            height: string | number;
-            always: boolean;
-            padding: number;
-            isShow: boolean;
-            boundary: string;
-            disableTeleport: boolean;
-            autoPlacement: boolean;
-            autoVisibility: boolean;
-            disableOutsideClick: 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<import("vue").ExtractPropTypes<{
-        onAfterHidden: FunctionConstructor;
-        onAfterShow: FunctionConstructor;
-        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            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;
-        };
-        height: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        content: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        placement: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        theme: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        trigger: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        padding: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        offset: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        boundary: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        zIndex: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & {
-        onShow?: (...args: any[]) => any;
-        onHide?: (...args: any[]) => any;
-        onClickoutside?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{
-        boundary: import("vue").Ref<any>;
-        arrow: boolean;
-        refReference: import("vue").Ref<any>;
-        refContent: import("vue").Ref<any>;
-        refArrow: import("vue").Ref<any>;
-        content: string | number;
-        theme: string;
-        transBoundary: import("vue").ComputedRef<boolean>;
-        handleClickOutside: (_e: MouseEvent) => void;
-    }> & {} & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const BkPopover2: import("vue").DefineComponent<{
     onAfterHidden: FunctionConstructor;
     onAfterShow: FunctionConstructor;
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -454,10 +83,6 @@ declare const BkPopover2: {
     } & {
         default: boolean;
     };
-}>> & {
-    onShow?: (...args: any[]) => any;
-    onHide?: (...args: any[]) => any;
-    onClickoutside?: (...args: any[]) => any;
 }, {
     boundary: import("vue").Ref<any>;
     arrow: boolean;
@@ -472,7 +97,96 @@ declare const BkPopover2: {
     show: (..._args: any[]) => boolean;
     hide: (..._args: any[]) => boolean;
     clickoutside: (..._args: any[]) => boolean;
-}, string, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        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;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    content: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    theme: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    trigger: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    padding: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    offset: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    boundary: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
+    onShow?: (...args: any[]) => any;
+    onHide?: (...args: any[]) => any;
+    onClickoutside?: (...args: any[]) => any;
+}, {
     placement: string;
     offset: number;
     zIndex: number;
@@ -491,5 +205,5 @@ declare const BkPopover2: {
     autoPlacement: boolean;
     autoVisibility: boolean;
     disableOutsideClick: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+}>;
 export default BkPopover2;

package/lib/popover2/popover2.variable.css

@@ -19,7 +19,7 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 40px;
+  --component-size-large: 38px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -34,7 +34,7 @@
   --input-horizontal-padding: 10px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-medium);
+  --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;