bkui-vue 0.0.1-beta.2 → 0.0.1-beta.20

package/lib/table/table.d.ts

@@ -1,66 +1,103 @@
-import type { ExtractPropTypes } from 'vue';
-export declare const tableProps: {
-    showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+import { Column } from './props';
+declare const _default: import("vue").DefineComponent<{
+    onRowClick: FunctionConstructor;
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    columns: import("vue-types").VueTypeDef<Column[]>;
+    activeColumn: import("vue-types").VueTypeDef<number | number[]>;
+    columnPick: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    minHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    rowHeight: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    headHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    showHead: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    headerBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+    virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    defaultSort: import("vue-types").VueTypeValidableDef<{
+    border: import("vue-types").VueTypeDef<string[]> & {
+        default: () => string[];
+    };
+    pagination: import("vue-types").VueTypeDef<boolean | {
         [key: string]: any;
     }> & {
-        default: () => {
+        default: boolean | (() => {
             [key: string]: any;
-        };
+        });
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onRowClick: FunctionConstructor;
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    columns: import("vue-types").VueTypeDef<Column[]>;
+    activeColumn: import("vue-types").VueTypeDef<number | number[]>;
+    columnPick: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    minHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    rowHeight: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    headHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
     } & {
-        default: () => {
-            [key: string]: any;
-        };
+        default: number;
     };
-};
-export declare type TablePropTypes = Readonly<ExtractPropTypes<typeof tableProps>>;
-declare const _default: import("vue").DefineComponent<{
-    showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+    showHead: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    headerBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+    virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    defaultSort: import("vue-types").VueTypeValidableDef<{
+    border: import("vue-types").VueTypeDef<string[]> & {
+        default: () => string[];
+    };
+    pagination: import("vue-types").VueTypeDef<boolean | {
         [key: string]: any;
     }> & {
-        default: () => {
+        default: boolean | (() => {
             [key: string]: any;
-        };
-    } & {
-        default: () => {
-            [key: string]: any;
-        };
-    };
-}, {
-    handleHeaderFooterMousewheel: (_event: any, data: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    showHeader?: unknown;
-    headerBorder?: unknown;
-    defaultSort?: unknown;
-} & {
-    showHeader: boolean;
-    headerBorder: boolean;
-    defaultSort: {
-        [key: string]: any;
+        });
     };
-} & {}> & {}, {
-    showHeader: boolean;
-    headerBorder: boolean;
-    defaultSort: {
+}>>, {
+    data: any[];
+    height: string | number;
+    minHeight: string | number;
+    border: string[];
+    headHeight: number;
+    columnPick: string;
+    rowHeight: any;
+    showHead: boolean;
+    virtualEnabled: boolean;
+    pagination: boolean | {
         [key: string]: any;
     };
 }>;

package/lib/table/table.less

@@ -1,5 +1,111 @@
 @import '../styles/themes/themes.less';
 
 .@{bk-prefix}-table {
-  
+  overflow: auto;
+  border-top: 1px solid @table-border-color;
+  border-bottom: 1px solid @table-border-color;
+  .@{bk-prefix}-table-head,
+  .@{bk-prefix}-table-body {
+    background: @table-bg-color;
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+
+      th,
+      td {
+        min-width: 80px;
+
+        .cell {
+          height: var(--row-height);
+          padding: 0 15px;
+          overflow: hidden;
+          line-height: var(--row-height);
+          color: @table-body-font-color;
+          text-align: left;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
+
+      thead {
+        th {
+          position: sticky; 
+          top: 0; 
+          z-index: 1;
+          color: @table-head-font-color;
+          background-color: @table-head-bg-color;
+
+          &.active,
+          &:hover {
+            background: #f0f1f5;
+          }
+        }
+      }
+
+      tbody {
+        tr {
+          &:hover {
+            td {
+              background: @table-row-hover-bg-color;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &.bordered-row {
+    .cell { 
+      border-bottom: 1px solid @table-border-color;
+    }
+  }
+
+  &.bordered-outer {
+    border-right: 1px solid @table-border-color;
+    border-left: 1px solid @table-border-color;
+  }
+
+  &.bordered-col {
+    th,
+    td {
+      .cell { 
+        border-right: 1px solid @table-border-color;
+      }
+
+      &:last-child {
+        .cell {
+          border-right: none;
+        }
+      }
+    }
+
+  }
+
+  &.bordered-none {
+    th,
+    td {
+      .cell {
+        border-top: none;
+        border-right: none;
+        border-bottom: none;
+        border-left: none;
+      }
+    }
+  }
+
+  .@{bk-prefix}-table-fixed {
+    width: 100%;
+  }
+
+  colgroup {
+    col {
+      background: @table-bg-color;
+
+      &.active {
+        position: relative;
+        background: #f0f1f5;
+      }
+    }
+  }
 }

package/lib/table/table.variable.css

@@ -1,10 +1,12 @@
 :root {
   --bk-prefix: bk;
+  --popover-max-height: 216px;
   --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;
@@ -58,4 +60,117 @@
   --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;
+  --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-table {
+  overflow: auto;
+  border-top: 1px solid var(--table-border-color);
+  border-bottom: 1px solid var(--table-border-color);
+}
+.bk-table .bk-table-head,
+.bk-table .bk-table-body {
+  background: var(--table-bg-color);
+}
+.bk-table .bk-table-head table,
+.bk-table .bk-table-body table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.bk-table .bk-table-head table th,
+.bk-table .bk-table-body table th,
+.bk-table .bk-table-head table td,
+.bk-table .bk-table-body table td {
+  min-width: 80px;
+}
+.bk-table .bk-table-head table th .cell,
+.bk-table .bk-table-body table th .cell,
+.bk-table .bk-table-head table td .cell,
+.bk-table .bk-table-body table td .cell {
+  height: var(--row-height);
+  padding: 0 15px;
+  overflow: hidden;
+  line-height: var(--row-height);
+  color: var(--table-body-font-color);
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-table .bk-table-head table thead th,
+.bk-table .bk-table-body table thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  color: var(--table-head-font-color);
+  background-color: var(--table-head-bg-color);
+}
+.bk-table .bk-table-head table thead th.active,
+.bk-table .bk-table-body table thead th.active,
+.bk-table .bk-table-head table thead th:hover,
+.bk-table .bk-table-body table thead th:hover {
+  background: #f0f1f5;
+}
+.bk-table .bk-table-head table tbody tr:hover td,
+.bk-table .bk-table-body table tbody tr:hover td {
+  background: var(--table-row-hover-bg-color);
+}
+.bk-table.bordered-row .cell {
+  border-bottom: 1px solid var(--table-border-color);
+}
+.bk-table.bordered-outer {
+  border-right: 1px solid var(--table-border-color);
+  border-left: 1px solid var(--table-border-color);
+}
+.bk-table.bordered-col th .cell,
+.bk-table.bordered-col td .cell {
+  border-right: 1px solid var(--table-border-color);
+}
+.bk-table.bordered-col th:last-child .cell,
+.bk-table.bordered-col td:last-child .cell {
+  border-right: none;
+}
+.bk-table.bordered-none th .cell,
+.bk-table.bordered-none td .cell {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  border-left: none;
+}
+.bk-table .bk-table-fixed {
+  width: 100%;
+}
+.bk-table colgroup col {
+  background: var(--table-bg-color);
+}
+.bk-table colgroup col.active {
+  position: relative;
+  background: #f0f1f5;
 }

package/lib/table/utils.d.ts

@@ -0,0 +1,69 @@
+import { GroupColumn, 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;
+/**
+ * 解析可为数字或者字符串设置的样式配置
+ * @param val 配置值
+ * @param defaultValue 默认值
+ * @param offset 偏移量
+ * @returns 标准化px string
+ */
+export declare const resolveNumberOrStringToPix: (val: string | number, defaultValue?: string | number, offset?: any) => string | number;
+/**
+ * 格式化Border配置为标准Class
+ * @param val
+ * @returns
+ */
+export declare const resolvePropBorderToClassStr: (val: string | string[]) => string;
+/**
+ * 根据Props Column配置计算并设置列宽度
+ * @param root 当前根元素
+ * @param colgroups Columns配置
+ * @param autoWidth 自动填充宽度
+ */
+export declare const resolveColumnWidth: (root: HTMLElement, colgroups: GroupColumn[], autoWidth?: number) => void;
+/**
+ * 监听目标元素的Resize事件
+ * @param root 目标元素
+ * @param callbackFn 执行函数
+ * @param delay 延迟执行时间，默认 60
+ * @param immediate 是否立即执行回调函数
+ * @returns "{ start: () => void, stop: () => void }"
+ */
+export declare const observerResize: (root: HTMLElement, callbackFn: () => void, delay?: number, immediate?: boolean) => {
+    start: () => void;
+    stop: () => void;
+};
+/**
+ * 判定为数值 | px | %
+ * @param val
+ * @returns
+ */
+export declare const isPercentPixOrNumber: (val: string | number) => boolean;
+/**
+ * 处理 Prop中的分页配置
+ * prop中的配置会覆盖本地的配置
+ * @param propPagination 用户传入的配置
+ * @param defVal 默认配置
+ * @returns 返回值
+ */
+export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;

package/lib/tag/index.d.ts

@@ -1,2 +1,229 @@
-import Tag from './tag';
-export default Tag;
+declare const BkTag: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: string;
+            theme: string;
+            closable: boolean;
+            extCls: string;
+            radius: string;
+            checked: boolean;
+            checkable: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            closable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            type: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            checkable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            checked: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            radius: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            onClose?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "theme" | "closable" | "extCls" | "radius" | "checked" | "checkable">;
+        $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: "change" | "close", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            closable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            type: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            checkable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            checked: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            radius: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            onClose?: (...args: any[]) => any;
+        }, {
+            wrapperCls: import("vue").ComputedRef<string>;
+            wrapperStyle: import("vue").ComputedRef<{
+                borderRadius: string;
+            }>;
+            handleClose: (e: Event) => void;
+            handleClick: (e: Event) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], string, {
+            type: string;
+            theme: string;
+            closable: boolean;
+            extCls: string;
+            radius: string;
+            checked: boolean;
+            checkable: 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<{
+        theme: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        closable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        type: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        checkable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        checked: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        radius: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        onClose?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        wrapperCls: import("vue").ComputedRef<string>;
+        wrapperStyle: import("vue").ComputedRef<{
+            borderRadius: string;
+        }>;
+        handleClose: (e: Event) => void;
+        handleClick: (e: Event) => void;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    type: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    checkable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    checked: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    radius: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    onClose?: (...args: any[]) => any;
+}, {
+    wrapperCls: import("vue").ComputedRef<string>;
+    wrapperStyle: import("vue").ComputedRef<{
+        borderRadius: string;
+    }>;
+    handleClose: (e: Event) => void;
+    handleClick: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], "change" | "close", {
+    type: string;
+    theme: string;
+    closable: boolean;
+    extCls: string;
+    radius: string;
+    checked: boolean;
+    checkable: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkTag;

package/lib/tag/index.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue)}(this,(function(e,n){"use strict";var t=n.defineComponent({name:"BkTag",props:{},setup:function(){return function(){return n.createVNode("div",null,[n.createTextVNode("Tag")])}}});t.install=function(e){e.component(t.name,t)},e.default=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var l=r(n.exports),a=t.defineComponent({name:"Tag",props:{theme:o.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:o.PropTypes.bool.def(!1),type:o.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:o.PropTypes.bool.def(!1),checked:o.PropTypes.bool.def(!1),radius:o.PropTypes.string.def("2px"),extCls:o.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(e,s){var r=s.emit;return{wrapperCls:t.computed((function(){var t;return o.classes((t={"bk-tag-closable":e.closable,"bk-tag-checkable":e.checkable,"bk-tag-check":e.checked},l(t,"bk-tag-".concat(e.type),e.type),l(t,"bk-tag-".concat(e.theme),e.theme),l(t,e.extCls,!!e.extCls),t),"bk-tag")})),wrapperStyle:t.computed((function(){return{borderRadius:e.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),r("close",e)},handleClick:function(t){t.preventDefault(),t.stopPropagation(),e.checkable&&r("change",!e.checked)}}},render:function(){var e,o;return t.createVNode("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?t.createVNode("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",t.createVNode("span",null,[null===(o=(e=this.$slots).default)||void 0===o?void 0:o.call(e)]),this.closable?t.createVNode(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=o.withInstall(a);e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));