bkui-vue 0.0.1-beta.16 → 0.0.1-beta.19

package/lib/select/option.d.ts

@@ -11,16 +11,15 @@ declare const _default: import("vue").DefineComponent<{
     multiple: import("vue").ComputedRef<boolean>;
     handleOptionClick: () => void;
     visible: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    value?: unknown;
-    label?: unknown;
-    disabled?: unknown;
-} & {
-    disabled: boolean;
-} & {
-    label?: string | number;
-    value?: string | number | boolean;
-}> & {}, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: import("vue-types").VueTypeDef<string | number | boolean>;
+    label: import("vue-types").VueTypeDef<string | number>;
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>>, {
     disabled: boolean;
 }>;
 export default _default;

package/lib/select/optionGroup.d.ts

@@ -25,16 +25,15 @@ declare const _default: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{
             disabled: boolean;
-        }> & Omit<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -48,16 +47,15 @@ declare const _default: import("vue").DefineComponent<{
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {}, {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, {
             selected: import("vue").ComputedRef<boolean>;
             multiple: import("vue").ComputedRef<boolean>;
             handleOptionClick: () => void;
@@ -84,16 +82,15 @@ declare const _default: import("vue").DefineComponent<{
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        value?: unknown;
-        label?: unknown;
-        disabled?: unknown;
-    } & {
-        disabled: boolean;
-    } & {
-        label?: string | number;
-        value?: string | number | boolean;
-    }> & {} & import("vue").ShallowUnwrapRef<{
+    } & Readonly<import("vue").ExtractPropTypes<{
+        value: import("vue-types").VueTypeDef<string | number | boolean>;
+        label: import("vue-types").VueTypeDef<string | number>;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
         selected: import("vue").ComputedRef<boolean>;
         multiple: import("vue").ComputedRef<boolean>;
         handleOptionClick: () => void;
@@ -103,17 +100,28 @@ declare const _default: import("vue").DefineComponent<{
     handleToggleCollapse: () => void;
     groupCollapse: import("vue").Ref<boolean>;
     visible: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    label?: unknown;
-    disabled?: unknown;
-    collapsible?: unknown;
-    collapse?: unknown;
-} & {
-    label: string;
-    collapse: boolean;
-    disabled: boolean;
-    collapsible: boolean;
-} & {}> & {}, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    collapse: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>>, {
     label: string;
     collapse: boolean;
     disabled: boolean;

package/lib/select/select.css

@@ -28,6 +28,7 @@
   cursor: pointer;
 }
 .bk-select .bk-select-trigger .bk-select-input {
+  width: 100%;
   height: 32px;
   padding: 0 28px 0 10px;
   font-size: 12px;
@@ -149,7 +150,7 @@
 .bk-select .bk-select-option {
   position: relative;
   height: 32px;
-  padding: 0 20px 0 12px;
+  padding: 0 12px;
   line-height: 32px;
   color: #63656e;
   text-align: left;

package/lib/select/select.d.ts

@@ -75,16 +75,15 @@ declare const _default: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{
             disabled: boolean;
-        }> & Omit<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -98,16 +97,15 @@ declare const _default: import("vue").DefineComponent<{
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {}, {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, {
             selected: import("vue").ComputedRef<boolean>;
             multiple: import("vue").ComputedRef<boolean>;
             handleOptionClick: () => void;
@@ -134,16 +132,15 @@ declare const _default: import("vue").DefineComponent<{
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        value?: unknown;
-        label?: unknown;
-        disabled?: unknown;
-    } & {
-        disabled: boolean;
-    } & {
-        label?: string | number;
-        value?: string | number | boolean;
-    }> & {} & import("vue").ShallowUnwrapRef<{
+    } & Readonly<import("vue").ExtractPropTypes<{
+        value: import("vue-types").VueTypeDef<string | number | boolean>;
+        label: import("vue-types").VueTypeDef<string | number>;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
         selected: import("vue").ComputedRef<boolean>;
         multiple: import("vue").ComputedRef<boolean>;
         handleOptionClick: () => void;
@@ -154,16 +151,15 @@ declare const _default: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{
             disabled: boolean;
-        }> & Omit<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -177,16 +173,15 @@ declare const _default: import("vue").DefineComponent<{
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {}, {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, {
             selected: import("vue").ComputedRef<boolean>;
             multiple: import("vue").ComputedRef<boolean>;
             handleOptionClick: () => void;
@@ -213,46 +208,65 @@ declare const _default: import("vue").DefineComponent<{
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        value?: unknown;
-        label?: unknown;
-        disabled?: unknown;
-    } & {
-        disabled: boolean;
-    } & {
-        label?: string | number;
-        value?: string | number | boolean;
-    }> & {} & import("vue").ShallowUnwrapRef<{
+    } & Readonly<import("vue").ExtractPropTypes<{
+        value: import("vue-types").VueTypeDef<string | number | boolean>;
+        label: import("vue-types").VueTypeDef<string | number>;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
         selected: import("vue").ComputedRef<boolean>;
         multiple: import("vue").ComputedRef<boolean>;
         handleOptionClick: () => void;
         visible: import("vue").Ref<boolean>;
     }> & {} & {} & import("vue").ComponentCustomProperties>>;
     currentSelectedLabel: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], "change" | "toggle" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    multiple?: unknown;
-    placeholder?: unknown;
-    disabled?: unknown;
-    size?: unknown;
-    clearable?: unknown;
-    loading?: unknown;
-    filterable?: unknown;
-    remoteMethod?: unknown;
-    scrollHeight?: unknown;
-} & {
-    placeholder: string;
-    size: string;
-    multiple: boolean;
-    disabled: boolean;
-    loading: boolean;
-    clearable: boolean;
-    filterable: boolean;
-    scrollHeight: number;
-} & {
-    modelValue?: any;
-    remoteMethod?: (...args: any[]) => any;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], "change" | "toggle" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue-types").VueTypeValidableDef<any>;
+    multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
+    scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;

package/lib/select/select.less

@@ -69,6 +69,7 @@
     cursor: pointer;
 
     .bk-select-input {
+      width: 100%;
       height: 32px;
       padding: 0 28px 0 10px;
       font-size: 12px;
@@ -181,7 +182,7 @@
   .bk-select-option {
     position: relative;
     height: 32px;
-    padding: 0 20px 0 12px;
+    padding: 0 12px;
     line-height: 32px;
     color: #63656e;
     text-align: left;

package/lib/select/select.variable.css

@@ -1,5 +1,6 @@
 :root {
   --bk-prefix: bk;
+  --popover-max-height: 216px;
   --primary-color: #3a84ff;
   --success-color: #2dcb56;
   --warning-color: #ff9c01;
@@ -83,6 +84,12 @@
   --date-picker-disabled-bg: #fafbfd;
   --date-picker-dropdown-mb: 4px;
   --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
 }
 .bk-select {
   display: inline-block;
@@ -114,6 +121,7 @@
   cursor: pointer;
 }
 .bk-select .bk-select-trigger .bk-select-input {
+  width: 100%;
   height: 32px;
   padding: 0 28px 0 10px;
   font-size: 12px;
@@ -235,7 +243,7 @@
 .bk-select .bk-select-option {
   position: relative;
   height: 32px;
-  padding: 0 20px 0 12px;
+  padding: 0 12px;
   line-height: 32px;
   color: #63656e;
   text-align: left;

package/lib/shared/bk-mask-manager.d.ts

@@ -1,3 +1,15 @@
+declare type BkMaskManagerConfig = {
+    multiInstance?: boolean;
+    maskAttrTag?: string;
+    parentNode?: HTMLElement | Document;
+    maskStyle?: any;
+};
+declare type MaskConfigStore = {
+    zIndex: number;
+    style: any;
+    uuid?: string;
+    preUID?: string;
+};
 export declare class BkMaskManager {
     /** 遮罩容器 */
     private readonly mask;
@@ -11,6 +23,10 @@ export declare class BkMaskManager {
     private parentNode;
     /** 遮罩当前显示组件实例 **/
     private activeInstance;
+    /** 记录已在使用的z-index */
+    private zIndexStore;
+    /** 记录最后一个UUID */
+    private lastUUID;
     /** 遮罩样式 **/
     private readonly maskStyle;
     /**
@@ -19,9 +35,21 @@ export declare class BkMaskManager {
      * @param multiInstance 是否允许多实例
      * @param maskAttrTag 遮罩DOM唯一标志，支持自定义和 auto
      */
-    constructor(config?: any);
-    show(content?: HTMLElement, zIndex?: number): void;
-    hide(content?: HTMLElement): void;
+    constructor(config?: BkMaskManagerConfig);
+    /**
+     * 显示遮罩
+     * @param content 遮罩内容
+     * @param zIndex z-index
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     */
+    show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null): void;
+    hide(content?: HTMLElement, uuid?: string): void;
+    storeMaskInsCfg(config: MaskConfigStore): MaskConfigStore;
+    /**
+     * 移除最后一次缓存数据
+     */
+    popIndexStore(uuid: string): boolean;
     backupActiveInstance(): void;
     backupContentElement(content?: HTMLElement): void;
     getActiveContentInstance(): HTMLElement;
@@ -45,3 +73,4 @@ export declare class BkMaskManager {
     private appendContentToMask;
 }
 export declare const bKMaskManager: BkMaskManager;
+export {};

package/lib/shared/bk-pop-manager.d.ts

@@ -3,7 +3,14 @@ declare class BKPopIndexManager {
     private popInstanceList;
     private readonly uuidAttrName;
     constructor();
-    show(content?: HTMLElement): void;
+    /**
+     * 展示弹窗
+     * @param content 弹窗内容
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     * @returns
+     */
+    show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}): void;
     /**
      * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
      * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑