bkui-vue 0.0.1-beta.1 → 0.0.1-beta.13

package/lib/table/table.variable.css

@@ -0,0 +1,130 @@
+:root {
+  --bk-prefix: bk;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 38px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f4f6fa;
+  --input-icon-size: var(--font-size-large);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+}
+.bk-table .bk-table-body {
+  height: 500px;
+  overflow: auto;
+  background: var(--white-color);
+}
+.bk-table .bk-table-body table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.bk-table .bk-table-body table .cell {
+  height: 40px;
+  padding: 0 15px;
+  overflow: hidden;
+  line-height: 40px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-table .bk-table-body table th,
+.bk-table .bk-table-body table td {
+  min-width: 80px;
+  border-bottom: 1px solid #dfe0e5;
+}
+.bk-table .bk-table-body table thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background-color: #fff;
+}
+.bk-table .bk-table-body table thead th.active {
+  background: #f0f1f5;
+}
+.bk-table .bk-table-body table tbody tr:hover td {
+  background: #f5f7fa;
+}
+.bk-table .bk-table-fixed {
+  width: 100%;
+}
+.bk-table colgroup col {
+  background: #fff;
+}
+.bk-table colgroup col.active {
+  position: relative;
+  background: #f0f1f5;
+}

package/lib/table/utils.d.ts

@@ -0,0 +1,22 @@
+import { TablePropTypes } from './props';
+/**
+ * 解析Prop值 | 可能为多种类型 & 函数返回的场景
+ * @param prop 当前Prop
+ * @param key 要处理的Key
+ * @param args 如果是函数，传递参数
+ * @returns
+ */
+export declare const resolvePropVal: (prop: any, key: string, args: any[]) => any;
+/**
+ * 处理Props中的ActiveColumn，解析为统一的数组格式
+ * @param props
+ * @returns
+ */
+export declare const resolveActiveColumns: (props: TablePropTypes) => number[];
+/**
+ * 统一处理数字类型参数
+ * @param prop
+ * @returns
+ */
+export declare const resolveNumberToNumArray: (prop: number) => number[];
+export declare const resolveWidth: (propWidth: string | number) => string | number;

package/lib/tag/index.d.ts

@@ -0,0 +1,338 @@
+declare const BkTag: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            [x: number]: string;
+        } | {}> & Omit<({} & (Readonly<(readonly unknown[] & {
+            [x: number]: string;
+        } & {
+            [Symbol.iterator]?: IterableIterator<string>;
+            map?: <U>(callbackfn: (value: string, index: number, array: readonly string[]) => U, thisArg?: any) => U[];
+            filter?: {
+                <S extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S, thisArg?: any): S[];
+                (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): string[];
+            };
+            length?: number;
+            toString?: string;
+            toLocaleString?: string;
+            concat?: string[];
+            join?: string;
+            slice?: string[];
+            indexOf?: (searchElement: string, fromIndex?: number) => number;
+            lastIndexOf?: (searchElement: string, fromIndex?: number) => number;
+            every?: {
+                <S_1 extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S_1, thisArg?: any): this is readonly S_1[];
+                (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): boolean;
+            };
+            some?: (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any) => boolean;
+            forEach?: (callbackfn: (value: string, index: number, array: readonly string[]) => void, thisArg?: any) => void;
+            reduce?: {
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+                <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: readonly string[]) => U_1, initialValue: U_1): U_1;
+            };
+            reduceRight?: {
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+                <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: readonly string[]) => U_2, initialValue: U_2): U_2;
+            };
+            find?: {
+                <S_2 extends string>(predicate: (this: void, value: string, index: number, obj: readonly string[]) => value is S_2, thisArg?: any): S_2;
+                (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any): string;
+            };
+            findIndex?: (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any) => number;
+            entries?: IterableIterator<[number, string]>;
+            keys?: IterableIterator<number>;
+            values?: IterableIterator<string>;
+            includes?: (searchElement: string, fromIndex?: number) => boolean;
+            flatMap?: <U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This) => U_3[];
+            flat?: unknown[];
+        }) | ({
+            [x: string]: unknown;
+        } & {} & {
+            [x: string]: unknown;
+        })> & {})) & (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<(readonly unknown[] & {
+            [x: number]: string;
+        } & {
+            [Symbol.iterator]?: IterableIterator<string>;
+            map?: <U>(callbackfn: (value: string, index: number, array: readonly string[]) => U, thisArg?: any) => U[];
+            filter?: {
+                <S extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S, thisArg?: any): S[];
+                (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): string[];
+            };
+            length?: number;
+            toString?: string;
+            toLocaleString?: string;
+            concat?: string[];
+            join?: string;
+            slice?: string[];
+            indexOf?: (searchElement: string, fromIndex?: number) => number;
+            lastIndexOf?: (searchElement: string, fromIndex?: number) => number;
+            every?: {
+                <S_1 extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S_1, thisArg?: any): this is readonly S_1[];
+                (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): boolean;
+            };
+            some?: (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any) => boolean;
+            forEach?: (callbackfn: (value: string, index: number, array: readonly string[]) => void, thisArg?: any) => void;
+            reduce?: {
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+                <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: readonly string[]) => U_1, initialValue: U_1): U_1;
+            };
+            reduceRight?: {
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+                <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: readonly string[]) => U_2, initialValue: U_2): U_2;
+            };
+            find?: {
+                <S_2 extends string>(predicate: (this: void, value: string, index: number, obj: readonly string[]) => value is S_2, thisArg?: any): S_2;
+                (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any): string;
+            };
+            findIndex?: (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any) => number;
+            entries?: IterableIterator<[number, string]>;
+            keys?: IterableIterator<number>;
+            values?: IterableIterator<string>;
+            includes?: (searchElement: string, fromIndex?: number) => boolean;
+            flatMap?: <U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This) => U_3[];
+            flat?: unknown[];
+        }) | ({
+            [x: string]: unknown;
+        } & {} & {
+            [x: string]: unknown;
+        })> & {}), never>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<(readonly unknown[] & {
+            [x: number]: string;
+        } & {
+            [Symbol.iterator]?: IterableIterator<string>;
+            map?: <U>(callbackfn: (value: string, index: number, array: readonly string[]) => U, thisArg?: any) => U[];
+            filter?: {
+                <S extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S, thisArg?: any): S[];
+                (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): string[];
+            };
+            length?: number;
+            toString?: string;
+            toLocaleString?: string;
+            concat?: string[];
+            join?: string;
+            slice?: string[];
+            indexOf?: (searchElement: string, fromIndex?: number) => number;
+            lastIndexOf?: (searchElement: string, fromIndex?: number) => number;
+            every?: {
+                <S_1 extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S_1, thisArg?: any): this is readonly S_1[];
+                (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): boolean;
+            };
+            some?: (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any) => boolean;
+            forEach?: (callbackfn: (value: string, index: number, array: readonly string[]) => void, thisArg?: any) => void;
+            reduce?: {
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+                <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: readonly string[]) => U_1, initialValue: U_1): U_1;
+            };
+            reduceRight?: {
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+                <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: readonly string[]) => U_2, initialValue: U_2): U_2;
+            };
+            find?: {
+                <S_2 extends string>(predicate: (this: void, value: string, index: number, obj: readonly string[]) => value is S_2, thisArg?: any): S_2;
+                (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any): string;
+            };
+            findIndex?: (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any) => number;
+            entries?: IterableIterator<[number, string]>;
+            keys?: IterableIterator<number>;
+            values?: IterableIterator<string>;
+            includes?: (searchElement: string, fromIndex?: number) => boolean;
+            flatMap?: <U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This) => U_3[];
+            flat?: unknown[];
+        }) | ({
+            [x: string]: unknown;
+        } & {} & {
+            [x: string]: unknown;
+        })> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            [x: number]: 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, {}>>, 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<(readonly unknown[] & {
+        [x: number]: string;
+    } & {
+        [Symbol.iterator]?: IterableIterator<string>;
+        map?: <U>(callbackfn: (value: string, index: number, array: readonly string[]) => U, thisArg?: any) => U[];
+        filter?: {
+            <S extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S, thisArg?: any): S[];
+            (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): string[];
+        };
+        length?: number;
+        toString?: string;
+        toLocaleString?: string;
+        concat?: string[];
+        join?: string;
+        slice?: string[];
+        indexOf?: (searchElement: string, fromIndex?: number) => number;
+        lastIndexOf?: (searchElement: string, fromIndex?: number) => number;
+        every?: {
+            <S_1 extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S_1, thisArg?: any): this is readonly S_1[];
+            (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): boolean;
+        };
+        some?: (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any) => boolean;
+        forEach?: (callbackfn: (value: string, index: number, array: readonly string[]) => void, thisArg?: any) => void;
+        reduce?: {
+            (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+            (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+            <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: readonly string[]) => U_1, initialValue: U_1): U_1;
+        };
+        reduceRight?: {
+            (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+            (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+            <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: readonly string[]) => U_2, initialValue: U_2): U_2;
+        };
+        find?: {
+            <S_2 extends string>(predicate: (this: void, value: string, index: number, obj: readonly string[]) => value is S_2, thisArg?: any): S_2;
+            (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any): string;
+        };
+        findIndex?: (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any) => number;
+        entries?: IterableIterator<[number, string]>;
+        keys?: IterableIterator<number>;
+        values?: IterableIterator<string>;
+        includes?: (searchElement: string, fromIndex?: number) => boolean;
+        flatMap?: <U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This) => U_3[];
+        flat?: unknown[];
+    }) | ({
+        [x: string]: unknown;
+    } & {} & {
+        [x: string]: unknown;
+    })> & {}) & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties & Readonly<(readonly unknown[] & {
+        [x: number]: string;
+    } & {
+        [Symbol.iterator]?: IterableIterator<string>;
+        map?: <U>(callbackfn: (value: string, index: number, array: readonly string[]) => U, thisArg?: any) => U[];
+        filter?: {
+            <S extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S, thisArg?: any): S[];
+            (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): string[];
+        };
+        length?: number;
+        toString?: string;
+        toLocaleString?: string;
+        concat?: string[];
+        join?: string;
+        slice?: string[];
+        indexOf?: (searchElement: string, fromIndex?: number) => number;
+        lastIndexOf?: (searchElement: string, fromIndex?: number) => number;
+        every?: {
+            <S_1 extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S_1, thisArg?: any): this is readonly S_1[];
+            (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): boolean;
+        };
+        some?: (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any) => boolean;
+        forEach?: (callbackfn: (value: string, index: number, array: readonly string[]) => void, thisArg?: any) => void;
+        reduce?: {
+            (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+            (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+            <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: readonly string[]) => U_1, initialValue: U_1): U_1;
+        };
+        reduceRight?: {
+            (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+            (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+            <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: readonly string[]) => U_2, initialValue: U_2): U_2;
+        };
+        find?: {
+            <S_2 extends string>(predicate: (this: void, value: string, index: number, obj: readonly string[]) => value is S_2, thisArg?: any): S_2;
+            (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any): string;
+        };
+        findIndex?: (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any) => number;
+        entries?: IterableIterator<[number, string]>;
+        keys?: IterableIterator<number>;
+        values?: IterableIterator<string>;
+        includes?: (searchElement: string, fromIndex?: number) => boolean;
+        flatMap?: <U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This) => U_3[];
+        flat?: unknown[];
+    }) | ({
+        [x: string]: unknown;
+    } & {} & {
+        [x: string]: unknown;
+    })> & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<(readonly unknown[] & {
+    [x: number]: string;
+} & {
+    [Symbol.iterator]?: IterableIterator<string>;
+    map?: <U>(callbackfn: (value: string, index: number, array: readonly string[]) => U, thisArg?: any) => U[];
+    filter?: {
+        <S extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S, thisArg?: any): S[];
+        (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): string[];
+    };
+    length?: number;
+    toString?: string;
+    toLocaleString?: string;
+    concat?: string[];
+    join?: string;
+    slice?: string[];
+    indexOf?: (searchElement: string, fromIndex?: number) => number;
+    lastIndexOf?: (searchElement: string, fromIndex?: number) => number;
+    every?: {
+        <S_1 extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S_1, thisArg?: any): this is readonly S_1[];
+        (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): boolean;
+    };
+    some?: (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any) => boolean;
+    forEach?: (callbackfn: (value: string, index: number, array: readonly string[]) => void, thisArg?: any) => void;
+    reduce?: {
+        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+        <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: readonly string[]) => U_1, initialValue: U_1): U_1;
+    };
+    reduceRight?: {
+        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+        <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: readonly string[]) => U_2, initialValue: U_2): U_2;
+    };
+    find?: {
+        <S_2 extends string>(predicate: (this: void, value: string, index: number, obj: readonly string[]) => value is S_2, thisArg?: any): S_2;
+        (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any): string;
+    };
+    findIndex?: (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any) => number;
+    entries?: IterableIterator<[number, string]>;
+    keys?: IterableIterator<number>;
+    values?: IterableIterator<string>;
+    includes?: (searchElement: string, fromIndex?: number) => boolean;
+    flatMap?: <U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This) => U_3[];
+    flat?: unknown[];
+}) | ({
+    [x: string]: unknown;
+} & {} & {
+    [x: string]: unknown;
+})> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    [x: number]: string;
+} | {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkTag;

package/lib/tag/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,n){"use strict";var o=t.defineComponent({name:"BkTag",props:{},setup:function(){return function(){return t.createVNode("div",null,[t.createTextVNode("Tag")])}}}),u=n.withInstall(o);e.default=u,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/tag/tag.d.ts

@@ -0,0 +1,54 @@
+declare const _default: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<(readonly unknown[] & {
+    [x: number]: string;
+} & {
+    [Symbol.iterator]?: IterableIterator<string>;
+    map?: <U>(callbackfn: (value: string, index: number, array: readonly string[]) => U, thisArg?: any) => U[];
+    filter?: {
+        <S extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S, thisArg?: any): S[];
+        (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): string[];
+    };
+    length?: number;
+    toString?: string;
+    toLocaleString?: string;
+    concat?: string[];
+    join?: string;
+    slice?: string[];
+    indexOf?: (searchElement: string, fromIndex?: number) => number;
+    lastIndexOf?: (searchElement: string, fromIndex?: number) => number;
+    every?: {
+        <S_1 extends string>(predicate: (value: string, index: number, array: readonly string[]) => value is S_1, thisArg?: any): this is readonly S_1[];
+        (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any): boolean;
+    };
+    some?: (predicate: (value: string, index: number, array: readonly string[]) => unknown, thisArg?: any) => boolean;
+    forEach?: (callbackfn: (value: string, index: number, array: readonly string[]) => void, thisArg?: any) => void;
+    reduce?: {
+        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+        <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: readonly string[]) => U_1, initialValue: U_1): U_1;
+    };
+    reduceRight?: {
+        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string): string;
+        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: readonly string[]) => string, initialValue: string): string;
+        <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: readonly string[]) => U_2, initialValue: U_2): U_2;
+    };
+    find?: {
+        <S_2 extends string>(predicate: (this: void, value: string, index: number, obj: readonly string[]) => value is S_2, thisArg?: any): S_2;
+        (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any): string;
+    };
+    findIndex?: (predicate: (value: string, index: number, obj: readonly string[]) => unknown, thisArg?: any) => number;
+    entries?: IterableIterator<[number, string]>;
+    keys?: IterableIterator<number>;
+    values?: IterableIterator<string>;
+    includes?: (searchElement: string, fromIndex?: number) => boolean;
+    flatMap?: <U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This) => U_3[];
+    flat?: unknown[];
+}) | ({
+    [x: string]: unknown;
+} & {} & {
+    [x: string]: unknown;
+})> & {}, {
+    [x: number]: string;
+} | {}>;
+export default _default;

package/lib/tag/tag.less

@@ -0,0 +1,5 @@
+@import '../styles/themes/themes.less';
+
+.@{bk-prefix}-tag {
+  
+}

package/lib/tag/tag.variable.css

@@ -0,0 +1,86 @@
+:root {
+  --bk-prefix: bk;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 38px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f4f6fa;
+  --input-icon-size: var(--font-size-large);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+}