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

package/lib/resize-layout/index.d.ts

@@ -1,4 +1,257 @@
-declare const BkResizeLayout: import("vue").DefineComponent<{
+declare const BkResizeLayout: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            placement: string;
+            disabled: boolean;
+            min: number;
+            max: number;
+            border: boolean;
+            collapsible: boolean;
+            triggerWidth: number;
+            triggerOffset: number;
+            initialDivide: string | number;
+            immediate: boolean;
+            autoMinimize: number | boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            min: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            max: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            initialDivide: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            immediate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
+                default: number | boolean;
+            };
+            border: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            "onBefore-resize"?: (...args: any[]) => any;
+            onResizing?: (...args: any[]) => any;
+            "onAfter-resize"?: (...args: any[]) => any;
+            "onCollapse-change"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "min" | "max" | "border" | "collapsible" | "triggerWidth" | "triggerOffset" | "initialDivide" | "immediate" | "autoMinimize">;
+        $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: "before-resize" | "resizing" | "after-resize" | "collapse-change", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            min: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            max: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            initialDivide: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            immediate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
+                default: number | boolean;
+            };
+            border: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            "onBefore-resize"?: (...args: any[]) => any;
+            onResizing?: (...args: any[]) => any;
+            "onAfter-resize"?: (...args: any[]) => any;
+            "onCollapse-change"?: (...args: any[]) => any;
+        }, {
+            collapsed: import("vue").Ref<boolean>;
+            asideContentVisible: import("vue").Ref<boolean>;
+            minimized: import("vue").Ref<boolean>;
+            limitMax: any;
+            state: any;
+            vertical: import("vue").ComputedRef<boolean>;
+            cssPropKey: import("vue").ComputedRef<"height" | "width">;
+            bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
+            resizeProxyRef: import("vue").Ref<HTMLElement>;
+            resizeMaskRef: import("vue").Ref<HTMLElement>;
+            asideRef: import("vue").Ref<HTMLElement>;
+            triggerStyle: import("vue").ComputedRef<{
+                [x: string]: string;
+            }>;
+            asideStyle: import("vue").ComputedRef<{
+                [x: string]: string;
+            }>;
+            handleMousedown: (event: any) => void;
+            setCollapse: (collapse: any) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], string, {
+            placement: string;
+            disabled: boolean;
+            min: number;
+            max: number;
+            border: boolean;
+            collapsible: boolean;
+            triggerWidth: number;
+            triggerOffset: number;
+            initialDivide: string | number;
+            immediate: boolean;
+            autoMinimize: number | 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<{
+        placement: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        min: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        max: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        initialDivide: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        immediate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
+            default: number | boolean;
+        };
+        border: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        "onBefore-resize"?: (...args: any[]) => any;
+        onResizing?: (...args: any[]) => any;
+        "onAfter-resize"?: (...args: any[]) => any;
+        "onCollapse-change"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        collapsed: import("vue").Ref<boolean>;
+        asideContentVisible: import("vue").Ref<boolean>;
+        minimized: import("vue").Ref<boolean>;
+        limitMax: any;
+        state: any;
+        vertical: import("vue").ComputedRef<boolean>;
+        cssPropKey: import("vue").ComputedRef<"height" | "width">;
+        bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
+        resizeProxyRef: import("vue").Ref<HTMLElement>;
+        resizeMaskRef: import("vue").Ref<HTMLElement>;
+        asideRef: import("vue").Ref<HTMLElement>;
+        triggerStyle: import("vue").ComputedRef<{
+            [x: string]: string;
+        }>;
+        asideStyle: import("vue").ComputedRef<{
+            [x: string]: string;
+        }>;
+        handleMousedown: (event: any) => void;
+        setCollapse: (collapse: any) => void;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     placement: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -42,6 +295,11 @@ declare const BkResizeLayout: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+}>> & {
+    "onBefore-resize"?: (...args: any[]) => any;
+    onResizing?: (...args: any[]) => any;
+    "onAfter-resize"?: (...args: any[]) => any;
+    "onCollapse-change"?: (...args: any[]) => any;
 }, {
     collapsed: import("vue").Ref<boolean>;
     asideContentVisible: import("vue").Ref<boolean>;
@@ -62,56 +320,7 @@ declare const BkResizeLayout: import("vue").DefineComponent<{
     }>;
     handleMousedown: (event: any) => void;
     setCollapse: (collapse: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    placement: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    min: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    max: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    initialDivide: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
-    immediate: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
-        default: number | boolean;
-    };
-    border: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-}>> & {
-    "onBefore-resize"?: (...args: any[]) => any;
-    onResizing?: (...args: any[]) => any;
-    "onAfter-resize"?: (...args: any[]) => any;
-    "onCollapse-change"?: (...args: any[]) => any;
-}, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", {
     placement: string;
     disabled: boolean;
     min: number;
@@ -123,5 +332,5 @@ declare const BkResizeLayout: import("vue").DefineComponent<{
     initialDivide: string | number;
     immediate: boolean;
     autoMinimize: number | boolean;
-}>;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkResizeLayout;

package/lib/resize-layout/resize-layout.variable.css

@@ -19,7 +19,7 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 38px;
+  --component-size-large: 40px;
   --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-large);
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;

package/lib/select/select.css

@@ -195,17 +195,17 @@
   align-items: center;
   justify-content: center;
 }
-.bk-popover2.bk-select-popover {
+.bk-popover2.bk-pop2-content.bk-select-popover {
   padding: 0;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-empty {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 56px;
   color: #63656e;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-empty .spinner {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty .spinner {
   display: flex;
   width: 14px;
   height: 14px;
@@ -215,23 +215,25 @@
   align-items: center;
   justify-content: center;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-empty span {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty span {
   margin-left: 4px;
   line-height: 18px;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-dropdown {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-dropdown {
   overflow: auto;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-extension {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-extension {
   display: flex;
   height: 40px;
   background-color: #fafbfd;
   align-items: center;
+  border-top: 1px solid #dcdee5;
+  border-radius: 0 0 2px 2px;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-options {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options {
   padding: 8px 0;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-option {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option {
   position: relative;
   height: 32px;
   padding: 0 12px;
@@ -244,56 +246,56 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-option-item {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-option:hover,
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-option.is-hover {
-  color: #3a84ff;
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option:hover {
+  color: #63656e;
   background-color: #f5f7fa;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-option.is-selected {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-selected {
   color: #3a84ff;
+  background-color: #e1ecff;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-option.is-disabled {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: transparent;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-options-loading {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-select-options-loading span {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading span {
   margin-left: 4px;
   line-height: 18px;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-option-group-label {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group-label {
   height: 32px;
   padding: 0 8px;
   line-height: 32px;
   color: #979ba5;
   text-align: left;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-option-group-label.collapsible {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group-label.collapsible {
   cursor: pointer;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-option-group.collapsible .bk-select-option {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group.collapsible .bk-select-option {
   padding-left: 40px;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-option-group.disabled .default-group-label {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group.disabled .default-group-label {
   color: #c4c6cc;
   cursor: not-allowed;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-option-group .default-group-label {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label {
   display: flex;
   user-select: none;
   align-items: center;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon {
   display: flex;
   width: 12px;
   height: 12px;
@@ -302,9 +304,9 @@
   align-items: center;
   justify-content: center;
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon.collapse {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon.collapse {
   transform: rotate(-90deg);
 }
-.bk-popover2.bk-select-popover .bk-select-content .bk-option-group .bk-select-option {
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .bk-select-option {
   padding-left: 24px;
 }