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

package/lib/sideslider/index.d.ts

@@ -1,370 +1,92 @@
-declare const BkSideslider: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            title: string;
-            multiInstance: boolean;
-            showMask: boolean;
-            extCls: string;
-            width: string | number;
-            height: string | number;
-            draggable: boolean;
-            size: string;
-            direction: string;
-            maxHeight: string;
-            isShow: boolean;
-            transfer: boolean;
-            renderDirective: string;
-            dialogType: string;
-            quickClose: boolean;
-            scrollable: boolean;
-            closeIcon: boolean;
-            escClose: boolean;
-            fullscreen: boolean;
-            animateType: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: StringConstructor;
-                default: string;
-            };
-            extCls: {
-                type: StringConstructor;
-                default: string;
-            };
-            direction: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            isShow: 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;
-            };
-            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            size: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            animateType: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            renderDirective: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            beforeClose: import("vue-types").VueTypeDef<unknown>;
-            dialogType: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:isShow"?: (...args: any[]) => any;
-            onHidden?: (...args: any[]) => any;
-            onShown?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
-            "onAnimation-end"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "extCls" | "width" | "height" | "draggable" | "size" | "direction" | "maxHeight" | "isShow" | "transfer" | "renderDirective" | "dialogType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
-        $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: "hidden" | "update:isShow" | "shown" | "closed" | "animation-end", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: StringConstructor;
-                default: string;
-            };
-            extCls: {
-                type: StringConstructor;
-                default: string;
-            };
-            direction: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            isShow: 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;
-            };
-            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            size: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            animateType: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            renderDirective: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            beforeClose: import("vue-types").VueTypeDef<unknown>;
-            dialogType: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:isShow"?: (...args: any[]) => any;
-            onHidden?: (...args: any[]) => any;
-            onShown?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
-            "onAnimation-end"?: (...args: any[]) => any;
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "update:isShow" | "shown" | "closed" | "animation-end")[], string, {
-            title: string;
-            multiInstance: boolean;
-            showMask: boolean;
-            extCls: string;
-            width: string | number;
-            height: string | number;
-            draggable: boolean;
-            size: string;
-            direction: string;
-            maxHeight: string;
-            isShow: boolean;
-            transfer: boolean;
-            renderDirective: string;
-            dialogType: string;
-            quickClose: boolean;
-            scrollable: boolean;
-            closeIcon: boolean;
-            escClose: boolean;
-            fullscreen: boolean;
-            animateType: string;
-        }> & {
-            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<{
-        title: {
-            type: StringConstructor;
-            default: string;
-        };
-        extCls: {
-            type: StringConstructor;
-            default: string;
-        };
-        direction: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        isShow: 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;
-        };
-        scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        size: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        maxHeight: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        animateType: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        renderDirective: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        beforeClose: import("vue-types").VueTypeDef<unknown>;
-        dialogType: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & {
-        "onUpdate:isShow"?: (...args: any[]) => any;
-        onHidden?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
-        onClosed?: (...args: any[]) => any;
-        "onAnimation-end"?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const BkSideslider: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    extCls: {
+        type: StringConstructor;
+        default: string;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    isShow: 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;
+    };
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    animateType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    renderDirective: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "update:isShow" | "shown" | "closed" | "animation-end")[], "hidden" | "update:isShow" | "shown" | "closed" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -458,7 +180,7 @@ declare const BkSideslider: {
     onShown?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onAnimation-end"?: (...args: any[]) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "update:isShow" | "shown" | "closed" | "animation-end")[], "hidden" | "update:isShow" | "shown" | "closed" | "animation-end", {
+}, {
     title: string;
     multiInstance: boolean;
     showMask: boolean;
@@ -479,5 +201,5 @@ declare const BkSideslider: {
     escClose: boolean;
     fullscreen: boolean;
     animateType: string;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+}>;
 export default BkSideslider;

package/lib/sideslider/sideslider.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;