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

package/lib/input/index.d.ts

@@ -4,46 +4,10 @@ declare const BkInput: {
         $data: {};
         $props: Partial<{
             prefix: string;
-            placeholder: string;
-            step: number;
-            disabled: boolean;
             type: string;
-            readonly: boolean;
-            clearable: boolean;
-            max: number;
-            min: number;
-            maxlength: number;
-            prefixIcon: string;
-            suffixIcon: string;
-            suffix: string;
-            showWordLimit: boolean;
-            showControl: boolean;
-            precision: number;
-        }> & Omit<Readonly<{
-            type?: unknown;
-            clearable?: unknown;
-            disabled?: unknown;
-            readonly?: unknown;
-            placeholder?: unknown;
-            prefixIcon?: unknown;
-            suffixIcon?: unknown;
-            suffix?: unknown;
-            prefix?: unknown;
-            step?: unknown;
-            max?: unknown;
-            min?: unknown;
-            maxlength?: unknown;
-            showWordLimit?: unknown;
-            showControl?: unknown;
-            precision?: unknown;
-            modelValue?: unknown;
-            size?: unknown;
-        } & {
-            prefix: string;
             placeholder: string;
             step: number;
             disabled: boolean;
-            type: string;
             readonly: boolean;
             clearable: boolean;
             max: number;
@@ -55,10 +19,66 @@ declare const BkInput: {
             showWordLimit: boolean;
             showControl: boolean;
             precision: number;
-        } & {
-            size?: string;
-            modelValue?: string | number;
-        }> & {
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            type: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            readonly: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            suffixIcon: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            suffix: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            prefix: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            step: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
+            max: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
+            min: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
+            maxlength: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
+            showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            showControl: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            precision: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            } & {
+                validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+            };
+            modelValue: import("vue-types").VueTypeDef<string | number>;
+            size: import("vue-types").VueTypeDef<string>;
+        }>> & {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
@@ -66,7 +86,7 @@ declare const BkInput: {
             onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onClear?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prefix" | "placeholder" | "step" | "disabled" | "type" | "readonly" | "clearable" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "precision">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prefix" | "type" | "placeholder" | "step" | "disabled" | "readonly" | "clearable" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "precision">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -80,46 +100,66 @@ declare const BkInput: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: "input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue", ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            type?: unknown;
-            clearable?: unknown;
-            disabled?: unknown;
-            readonly?: unknown;
-            placeholder?: unknown;
-            prefixIcon?: unknown;
-            suffixIcon?: unknown;
-            suffix?: unknown;
-            prefix?: unknown;
-            step?: unknown;
-            max?: unknown;
-            min?: unknown;
-            maxlength?: unknown;
-            showWordLimit?: unknown;
-            showControl?: unknown;
-            precision?: unknown;
-            modelValue?: unknown;
-            size?: unknown;
-        } & {
-            prefix: string;
-            placeholder: string;
-            step: number;
-            disabled: boolean;
-            type: string;
-            readonly: boolean;
-            clearable: boolean;
-            max: number;
-            min: number;
-            maxlength: number;
-            prefixIcon: string;
-            suffixIcon: string;
-            suffix: string;
-            showWordLimit: boolean;
-            showControl: boolean;
-            precision: number;
-        } & {
-            size?: string;
-            modelValue?: string | number;
-        }> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            type: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            readonly: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            suffixIcon: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            suffix: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            prefix: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            step: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
+            max: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
+            min: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
+            maxlength: import("vue-types").VueTypeDef<number> & {
+                default: number;
+            };
+            showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            showControl: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            precision: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            } & {
+                validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+            };
+            modelValue: import("vue-types").VueTypeDef<string | number>;
+            size: import("vue-types").VueTypeDef<string>;
+        }>> & {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
@@ -129,10 +169,10 @@ declare const BkInput: {
             onClear?: (...args: any[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue")[], string, {
             prefix: string;
+            type: string;
             placeholder: string;
             step: number;
             disabled: boolean;
-            type: string;
             readonly: boolean;
             clearable: boolean;
             max: number;
@@ -164,46 +204,66 @@ declare const BkInput: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        type?: unknown;
-        clearable?: unknown;
-        disabled?: unknown;
-        readonly?: unknown;
-        placeholder?: unknown;
-        prefixIcon?: unknown;
-        suffixIcon?: unknown;
-        suffix?: unknown;
-        prefix?: unknown;
-        step?: unknown;
-        max?: unknown;
-        min?: unknown;
-        maxlength?: unknown;
-        showWordLimit?: unknown;
-        showControl?: unknown;
-        precision?: unknown;
-        modelValue?: unknown;
-        size?: unknown;
-    } & {
-        prefix: string;
-        placeholder: string;
-        step: number;
-        disabled: boolean;
-        type: string;
-        readonly: boolean;
-        clearable: boolean;
-        max: number;
-        min: number;
-        maxlength: number;
-        prefixIcon: string;
-        suffixIcon: string;
-        suffix: string;
-        showWordLimit: boolean;
-        showControl: boolean;
-        precision: number;
-    } & {
-        size?: string;
-        modelValue?: string | number;
-    }> & {
+    } & Readonly<import("vue").ExtractPropTypes<{
+        type: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        readonly: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        suffixIcon: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        suffix: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        prefix: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        step: import("vue-types").VueTypeDef<number> & {
+            default: number;
+        };
+        max: import("vue-types").VueTypeDef<number> & {
+            default: number;
+        };
+        min: import("vue-types").VueTypeDef<number> & {
+            default: number;
+        };
+        maxlength: import("vue-types").VueTypeDef<number> & {
+            default: number;
+        };
+        showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        showControl: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        precision: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        } & {
+            validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+        };
+        modelValue: import("vue-types").VueTypeDef<string | number>;
+        size: import("vue-types").VueTypeDef<string>;
+    }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
@@ -215,46 +275,66 @@ declare const BkInput: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    type?: unknown;
-    clearable?: unknown;
-    disabled?: unknown;
-    readonly?: unknown;
-    placeholder?: unknown;
-    prefixIcon?: unknown;
-    suffixIcon?: unknown;
-    suffix?: unknown;
-    prefix?: unknown;
-    step?: unknown;
-    max?: unknown;
-    min?: unknown;
-    maxlength?: unknown;
-    showWordLimit?: unknown;
-    showControl?: unknown;
-    precision?: unknown;
-    modelValue?: unknown;
-    size?: unknown;
-} & {
-    prefix: string;
-    placeholder: string;
-    step: number;
-    disabled: boolean;
-    type: string;
-    readonly: boolean;
-    clearable: boolean;
-    max: number;
-    min: number;
-    maxlength: number;
-    prefixIcon: string;
-    suffixIcon: string;
-    suffix: string;
-    showWordLimit: boolean;
-    showControl: boolean;
-    precision: number;
-} & {
-    size?: string;
-    modelValue?: string | number;
-}> & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    readonly: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    suffixIcon: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    suffix: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    prefix: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    step: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
+    max: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
+    min: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
+    maxlength: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
+    showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    showControl: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    precision: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    };
+    modelValue: import("vue-types").VueTypeDef<string | number>;
+    size: import("vue-types").VueTypeDef<string>;
+}>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
@@ -264,10 +344,10 @@ declare const BkInput: {
     onClear?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue")[], "input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue", {
     prefix: string;
+    type: string;
     placeholder: string;
     step: number;
     disabled: boolean;
-    type: string;
     readonly: boolean;
     clearable: boolean;
     max: number;

package/lib/input/input.d.ts

@@ -119,46 +119,66 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: import("vue-types").VueTypeDef<string | number>;
     size: import("vue-types").VueTypeDef<string>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue")[], "input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    type?: unknown;
-    clearable?: unknown;
-    disabled?: unknown;
-    readonly?: unknown;
-    placeholder?: unknown;
-    prefixIcon?: unknown;
-    suffixIcon?: unknown;
-    suffix?: unknown;
-    prefix?: unknown;
-    step?: unknown;
-    max?: unknown;
-    min?: unknown;
-    maxlength?: unknown;
-    showWordLimit?: unknown;
-    showControl?: unknown;
-    precision?: unknown;
-    modelValue?: unknown;
-    size?: unknown;
-} & {
-    prefix: string;
-    placeholder: string;
-    step: number;
-    disabled: boolean;
-    type: string;
-    readonly: boolean;
-    clearable: boolean;
-    max: number;
-    min: number;
-    maxlength: number;
-    prefixIcon: string;
-    suffixIcon: string;
-    suffix: string;
-    showWordLimit: boolean;
-    showControl: boolean;
-    precision: number;
-} & {
-    size?: string;
-    modelValue?: string | number;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue")[], "input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    type: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    readonly: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    suffixIcon: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    suffix: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    prefix: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    step: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
+    max: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
+    min: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
+    maxlength: import("vue-types").VueTypeDef<number> & {
+        default: number;
+    };
+    showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    showControl: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    precision: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    };
+    modelValue: import("vue-types").VueTypeDef<string | number>;
+    size: import("vue-types").VueTypeDef<string>;
+}>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
@@ -168,10 +188,10 @@ declare const _default: import("vue").DefineComponent<{
     onClear?: (...args: any[]) => any;
 }, {
     prefix: string;
+    type: string;
     placeholder: string;
     step: number;
     disabled: boolean;
-    type: string;
     readonly: boolean;
     clearable: boolean;
     max: number;

package/lib/input/input.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;
 }
 @keyframes loading-scale-animate {
   0% {