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

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

@@ -1,257 +1,4 @@
-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<{
+declare const BkResizeLayout: import("vue").DefineComponent<{
     placement: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -295,11 +42,6 @@ declare const BkResizeLayout: {
     } & {
         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>;
@@ -320,7 +62,56 @@ declare const BkResizeLayout: {
     }>;
     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", {
+}, 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;
+}, {
     placement: string;
     disabled: boolean;
     min: number;
@@ -332,5 +123,5 @@ declare const BkResizeLayout: {
     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: 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;

package/lib/select/select.css

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