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

package/lib/sideslider/sideslider.css

@@ -13,10 +13,10 @@
   bottom: 0;
 }
 .bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
+  height: 48px;
   margin: 0;
   background: #fafbfd;
-  box-shadow: 0 -1px 0 0 #dcdee5;
-  box-shadow: rgba(0, 0, 0, 0.06) 0 -2px 4px 0;
+  border-top: 1px solid #dcdee5;
 }
 .bk-sideslider-header {
   display: flex;
@@ -36,18 +36,17 @@
 }
 .bk-sideslider-title {
   display: flex;
+  flex: 1;
+  align-items: center;
   padding-left: 16px;
   font-size: 16px;
   color: #313238;
-  align-items: center;
-  flex: 1;
 }
 .bk-sideslider-footer {
   display: flex;
+  align-items: center;
   width: 100%;
-  height: 48px;
-  padding: 0 24px;
+  padding-right: 24px;
+  padding-left: 24px;
   margin-top: 24px;
-  background: #fff;
-  align-items: center;
 }

package/lib/sideslider/sideslider.d.ts

@@ -49,10 +49,12 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+        default: () => boolean | Promise<boolean>;
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -62,6 +64,11 @@ declare const _default: import("vue").DefineComponent<{
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -113,10 +120,12 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+        default: () => boolean | Promise<boolean>;
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -126,6 +135,11 @@ declare const _default: import("vue").DefineComponent<{
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>> & {
     onHidden?: (...args: any[]) => any;
     onShown?: (...args: any[]) => any;
@@ -135,17 +149,19 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
+    renderDirective: "if" | "show";
+    backgroundColor: string;
     transfer: string | boolean | HTMLElement;
     direction: string;
-    renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;
     closeIcon: boolean;
     escClose: boolean;
     quickClose: boolean;
     animateType: string;
+    beforeClose: () => boolean | Promise<boolean>;
 }, {}>;
 export default _default;

package/lib/sideslider/sideslider.less

@@ -26,10 +26,10 @@
   .@{bk-prefix}-modal-footer {
     &.is-fixed {
       .@{bk-prefix}-sideslider-footer {
+        height: 48px;
         margin: 0;
         background: #fafbfd;
-        box-shadow: 0 -1px 0 0 #dcdee5;
-        box-shadow: rgb(0 0 0 / 6%) 0 -2px 4px 0;
+        border-top: 1px solid #dcdee5;
       }
     }
   }
@@ -55,19 +55,18 @@
 
 .@{bk-prefix}-sideslider-title {
   display: flex;
+  flex: 1;
+  align-items: center;
   padding-left: 16px;
   font-size: 16px;
   color: #313238;
-  align-items: center;
-  flex: 1;
 }
 
 .@{bk-prefix}-sideslider-footer {
   display: flex;
+  align-items: center;
   width: 100%;
-  height: 48px;
-  padding: 0 24px;
+  padding-right: 24px;
+  padding-left: 24px;
   margin-top: 24px;
-  background: #fff;
-  align-items: center;
 }

package/lib/sideslider/sideslider.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;
@@ -142,10 +143,10 @@
   bottom: 0;
 }
 .bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
+  height: 48px;
   margin: 0;
   background: #fafbfd;
-  box-shadow: 0 -1px 0 0 #dcdee5;
-  box-shadow: rgba(0, 0, 0, 0.06) 0 -2px 4px 0;
+  border-top: 1px solid #dcdee5;
 }
 .bk-sideslider-header {
   display: flex;
@@ -165,18 +166,17 @@
 }
 .bk-sideslider-title {
   display: flex;
+  flex: 1;
+  align-items: center;
   padding-left: 16px;
   font-size: 16px;
   color: #313238;
-  align-items: center;
-  flex: 1;
 }
 .bk-sideslider-footer {
   display: flex;
+  align-items: center;
   width: 100%;
-  height: 48px;
-  padding: 0 24px;
+  padding-right: 24px;
+  padding-left: 24px;
   margin-top: 24px;
-  background: #fff;
-  align-items: center;
 }

package/lib/slider/index.d.ts

@@ -24,7 +24,214 @@
  * IN THE SOFTWARE.
  */
 declare const Slider: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            height?: string;
+            extCls?: string;
+            vertical?: boolean;
+            range?: boolean;
+            step?: number;
+            showInput?: boolean;
+            customContent?: Record<string, any>;
+            disable?: boolean;
+            showTip?: boolean;
+            maxValue?: number;
+            minValue?: number;
+            showInterval?: boolean;
+            showIntervalLabel?: boolean;
+            showButtonLabel?: boolean;
+            showBetweenLabel?: boolean;
+            formatterLabel?: Function;
+            formatterButtonLabel?: Function;
+            formatterTipLabel?: Function;
+            labelClick?: boolean | Function;
+            class?: unknown;
+            style?: unknown;
+            onChange?: (...args: any[]) => any;
+            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)[];
+            readonly modelValue?: number | number[];
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $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: "change" | "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: import("vue-types").VueTypeDef<number | number[]>;
+            extCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            vertical: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            height: {
+                type: StringConstructor;
+                default: string;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showTip: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxValue: {
+                type: NumberConstructor[];
+                default: number;
+            };
+            minValue: {
+                type: NumberConstructor[];
+                default: number;
+            };
+            step: {
+                type: NumberConstructor[];
+                default: number;
+            };
+            range: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showInterval: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showIntervalLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showButtonLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showBetweenLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showInput: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customContent: {
+                type: ObjectConstructor;
+                default: any;
+            };
+            formatterLabel: {
+                type: FunctionConstructor;
+                default: (value: number) => number;
+            };
+            formatterButtonLabel: {
+                type: FunctionConstructor;
+                default: (value: number) => number;
+            };
+            formatterTipLabel: {
+                type: FunctionConstructor;
+                default: (value: number) => number;
+            };
+            labelClick: {
+                type: (BooleanConstructor | FunctionConstructor)[];
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, {
+            renderDom: () => JSX.Element;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
+            height: string;
+            extCls: string;
+            vertical: boolean;
+            range: boolean;
+            step: number;
+            showInput: boolean;
+            customContent: Record<string, any>;
+            disable: boolean;
+            showTip: boolean;
+            maxValue: number;
+            minValue: number;
+            showInterval: boolean;
+            showIntervalLabel: boolean;
+            showButtonLabel: boolean;
+            showBetweenLabel: boolean;
+            formatterLabel: Function;
+            formatterButtonLabel: Function;
+            formatterTipLabel: Function;
+            labelClick: boolean | Function;
+        }, {}, 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, {}, {}, 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<{
         modelValue: import("vue-types").VueTypeDef<number | number[]>;
         extCls: {
             type: StringConstructor;
@@ -105,220 +312,9 @@ declare const Slider: {
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
-    }, {
+    } & import("vue").ShallowUnwrapRef<{
         renderDom: () => JSX.Element;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: import("vue-types").VueTypeDef<number | number[]>;
-        extCls: {
-            type: StringConstructor;
-            default: string;
-        };
-        vertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        height: {
-            type: StringConstructor;
-            default: string;
-        };
-        disable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showTip: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxValue: {
-            type: NumberConstructor[];
-            default: number;
-        };
-        minValue: {
-            type: NumberConstructor[];
-            default: number;
-        };
-        step: {
-            type: NumberConstructor[];
-            default: number;
-        };
-        range: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showInterval: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showIntervalLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showButtonLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showBetweenLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showInput: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        customContent: {
-            type: ObjectConstructor;
-            default: any;
-        };
-        formatterLabel: {
-            type: FunctionConstructor;
-            default: (value: number) => number;
-        };
-        formatterButtonLabel: {
-            type: FunctionConstructor;
-            default: (value: number) => number;
-        };
-        formatterTipLabel: {
-            type: FunctionConstructor;
-            default: (value: number) => number;
-        };
-        labelClick: {
-            type: (BooleanConstructor | FunctionConstructor)[];
-            default: boolean;
-        };
-    }>> & {
-        onChange?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-    }, {
-        height: string;
-        extCls: string;
-        vertical: boolean;
-        range: boolean;
-        step: number;
-        showInput: boolean;
-        customContent: Record<string, any>;
-        disable: boolean;
-        showTip: boolean;
-        maxValue: number;
-        minValue: number;
-        showInterval: boolean;
-        showIntervalLabel: boolean;
-        showButtonLabel: boolean;
-        showBetweenLabel: boolean;
-        formatterLabel: Function;
-        formatterButtonLabel: Function;
-        formatterTipLabel: Function;
-        labelClick: boolean | Function;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: import("vue-types").VueTypeDef<number | number[]>;
-        extCls: {
-            type: StringConstructor;
-            default: string;
-        };
-        vertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        height: {
-            type: StringConstructor;
-            default: string;
-        };
-        disable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showTip: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxValue: {
-            type: NumberConstructor[];
-            default: number;
-        };
-        minValue: {
-            type: NumberConstructor[];
-            default: number;
-        };
-        step: {
-            type: NumberConstructor[];
-            default: number;
-        };
-        range: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showInterval: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showIntervalLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showButtonLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showBetweenLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showInput: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        customContent: {
-            type: ObjectConstructor;
-            default: any;
-        };
-        formatterLabel: {
-            type: FunctionConstructor;
-            default: (value: number) => number;
-        };
-        formatterButtonLabel: {
-            type: FunctionConstructor;
-            default: (value: number) => number;
-        };
-        formatterTipLabel: {
-            type: FunctionConstructor;
-            default: (value: number) => number;
-        };
-        labelClick: {
-            type: (BooleanConstructor | FunctionConstructor)[];
-            default: boolean;
-        };
-    }>> & {
-        onChange?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-    }, {
-        renderDom: () => JSX.Element;
-    }, {}, {}, {}, {
-        height: string;
-        extCls: string;
-        vertical: boolean;
-        range: boolean;
-        step: number;
-        showInput: boolean;
-        customContent: Record<string, any>;
-        disable: boolean;
-        showTip: boolean;
-        maxValue: number;
-        minValue: number;
-        showInterval: boolean;
-        showIntervalLabel: boolean;
-        showButtonLabel: boolean;
-        showBetweenLabel: boolean;
-        formatterLabel: Function;
-        formatterButtonLabel: Function;
-        formatterTipLabel: Function;
-        labelClick: boolean | Function;
-    }>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;