bkui-vue 0.0.1-beta.35 → 0.0.1-beta.38

package/lib/transfer/transfer.variable.css

@@ -1,251 +0,0 @@
-: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;
-  --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;
-  --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-transfer {
-  position: relative;
-  display: flex;
-  font-size: 14px;
-  flex-direction: row;
-  justify-content: center;
-}
-.bk-transfer .transfer {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 30px;
-  height: 30px;
-  background: url('@bkui-vue/styles/images/transfer.png') no-repeat center center;
-  transform: translate(-50%, -50%);
-}
-.bk-transfer .source-list,
-.bk-transfer .target-list {
-  height: 400px;
-  min-width: 200px;
-  overflow: hidden;
-  background-color: #fff;
-  border: 1px solid #dde4eb;
-  border-radius: 2px;
-  flex: 1;
-}
-.bk-transfer .source-list .slot-header,
-.bk-transfer .target-list .slot-header {
-  position: relative;
-  height: 43px;
-  padding: 0 20px;
-  line-height: 43px;
-  background-color: #fafbfd;
-  border-bottom: 1px solid #dde4eb;
-}
-.bk-transfer .source-list .slot-header .slot-content,
-.bk-transfer .target-list .slot-header .slot-content {
-  position: relative;
-}
-.bk-transfer .source-list .header,
-.bk-transfer .target-list .header {
-  position: relative;
-  height: 43px;
-  padding: 0 20px;
-  line-height: 43px;
-  background-color: #fafbfd;
-  border-bottom: 1px solid #dde4eb;
-}
-.bk-transfer .source-list .header span,
-.bk-transfer .target-list .header span {
-  position: absolute;
-  right: 10px;
-  font-size: 12px;
-  color: #3a84ff;
-  cursor: pointer;
-}
-.bk-transfer .source-list .header span.disabled,
-.bk-transfer .target-list .header span.disabled {
-  color: #c4c6cc;
-  cursor: not-allowed;
-}
-.bk-transfer .source-list .empty,
-.bk-transfer .target-list .empty {
-  position: relative;
-  top: 40%;
-  width: 100%;
-  color: #c4c6cc;
-  text-align: center;
-  cursor: default;
-}
-.bk-transfer .source-list .content,
-.bk-transfer .target-list .content {
-  position: relative;
-  max-height: calc(100% - 50px);
-  padding: 0;
-  margin: 6px 0;
-  overflow-y: auto;
-}
-.bk-transfer .source-list .content.is-search,
-.bk-transfer .target-list .content.is-search {
-  max-height: calc(100% - 86px);
-}
-.bk-transfer .source-list .content li.custom-item,
-.bk-transfer .target-list .content li.custom-item,
-.bk-transfer .source-list .content li .item-content,
-.bk-transfer .target-list .content li .item-content {
-  position: relative;
-  display: flex;
-  height: 40px;
-  padding: 0 20px;
-  line-height: 40px;
-  list-style: none;
-  cursor: pointer;
-  align-items: center;
-}
-.bk-transfer .source-list .content li.custom-item:hover,
-.bk-transfer .target-list .content li.custom-item:hover,
-.bk-transfer .source-list .content li .item-content:hover,
-.bk-transfer .target-list .content li .item-content:hover {
-  color: #3a84ff;
-  background-color: #eef6fe;
-}
-.bk-transfer .source-list .content li.custom-item .content-text,
-.bk-transfer .target-list .content li.custom-item .content-text,
-.bk-transfer .source-list .content li .item-content .content-text,
-.bk-transfer .target-list .content li .item-content .content-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-}
-.bk-transfer .source-list .content li.custom-item .icon-wrapper,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper,
-.bk-transfer .source-list .content li .item-content .icon-wrapper,
-.bk-transfer .target-list .content li .item-content .icon-wrapper {
-  display: none;
-  flex: 22px 0 0;
-}
-.bk-transfer .source-list .content li.custom-item .icon-wrapper.hover,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper.hover,
-.bk-transfer .source-list .content li .item-content .icon-wrapper.hover,
-.bk-transfer .target-list .content li .item-content .icon-wrapper.hover {
-  display: inline-block;
-}
-.bk-transfer .source-list .content::-webkit-scrollbar,
-.bk-transfer .target-list .content::-webkit-scrollbar {
-  width: 4px;
-}
-.bk-transfer .source-list .content::-webkit-scrollbar-thumb,
-.bk-transfer .target-list .content::-webkit-scrollbar-thumb {
-  height: 5px;
-  background-color: #e6e9ea;
-  border-radius: 2px;
-}
-.bk-transfer .source-list .content .bk-icon,
-.bk-transfer .target-list .content .bk-icon {
-  font-size: 22px;
-}
-.bk-transfer .target-list {
-  margin-left: 33px;
-}
-.bk-transfer .transfer-search-input {
-  height: 36px;
-  line-height: 34px;
-  border: none;
-  border-bottom: 1px solid #f0f1f5;
-  outline: none;
-}
-.bk-transfer .transfer-search-input.is-focused {
-  border-color: #f0f1f5;
-  box-shadow: 0px 0px 3px 0px transparent;
-}

package/lib/tree/index.d.ts

@@ -1,287 +0,0 @@
-declare const BkTree: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            data: any[];
-            lineHeight: number;
-            prefixIcon: any;
-            children: string;
-            indent: number;
-            levelLine: any;
-            virtualRender: boolean;
-            offsetLeft: number;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            data: import("vue-types").VueTypeDef<any[]> & {
-                default: () => any[];
-            };
-            label: import("vue-types").VueTypeDef<any>;
-            children: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            indent: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            lineHeight: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            levelLine: import("vue-types").VueTypeDef<any> & {
-                default: any;
-            };
-            virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            prefixIcon: import("vue-types").VueTypeDef<any> & {
-                default: any;
-            };
-            async: import("vue-types").VueTypeShape<{
-                callback: (item: any, cb: any) => Promise<any>;
-                cache: Boolean;
-            }>;
-            offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-        }>> & {
-            onCheck?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender" | "offsetLeft">;
-        $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: "check", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            data: import("vue-types").VueTypeDef<any[]> & {
-                default: () => any[];
-            };
-            label: import("vue-types").VueTypeDef<any>;
-            children: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            indent: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            lineHeight: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            levelLine: import("vue-types").VueTypeDef<any> & {
-                default: any;
-            };
-            virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            prefixIcon: import("vue-types").VueTypeDef<any> & {
-                default: any;
-            };
-            async: import("vue-types").VueTypeShape<{
-                callback: (item: any, cb: any) => Promise<any>;
-                cache: Boolean;
-            }>;
-            offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-        }>> & {
-            onCheck?: (...args: any[]) => any;
-        }, {
-            renderData: import("vue").ComputedRef<any[]>;
-            flatData: {
-                data: any[];
-                schema: any[] | Map<string, any>;
-                levelLineSchema: {};
-            };
-            root: import("vue").Ref<any>;
-            hanldeTreeNodeClick: (item: any) => void;
-            handleNodeContentClick: (item: any) => void;
-            handleNodeActionClick: (node: any) => void;
-            getActionIcon: (item: any) => any;
-            getRootIcon: (item: any) => JSX.Element;
-            getVirtualLines: (node: any) => JSX.Element[];
-            getNodePrefixIcon: (item: any) => any;
-            getLoadingIcon: (item: any) => JSX.Element | "";
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "check"[], string, {
-            data: any[];
-            lineHeight: number;
-            prefixIcon: any;
-            children: string;
-            indent: number;
-            levelLine: any;
-            virtualRender: boolean;
-            offsetLeft: number;
-        }> & {
-            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<{
-        data: import("vue-types").VueTypeDef<any[]> & {
-            default: () => any[];
-        };
-        label: import("vue-types").VueTypeDef<any>;
-        children: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        indent: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        lineHeight: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        levelLine: import("vue-types").VueTypeDef<any> & {
-            default: any;
-        };
-        virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        prefixIcon: import("vue-types").VueTypeDef<any> & {
-            default: any;
-        };
-        async: import("vue-types").VueTypeShape<{
-            callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
-        }>;
-        offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-    }>> & {
-        onCheck?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{
-        renderData: import("vue").ComputedRef<any[]>;
-        flatData: {
-            data: any[];
-            schema: any[] | Map<string, any>;
-            levelLineSchema: {};
-        };
-        root: import("vue").Ref<any>;
-        hanldeTreeNodeClick: (item: any) => void;
-        handleNodeContentClick: (item: any) => void;
-        handleNodeActionClick: (node: any) => void;
-        getActionIcon: (item: any) => any;
-        getRootIcon: (item: any) => JSX.Element;
-        getVirtualLines: (node: any) => JSX.Element[];
-        getNodePrefixIcon: (item: any) => any;
-        getLoadingIcon: (item: any) => JSX.Element | "";
-    }> & {} & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    data: import("vue-types").VueTypeDef<any[]> & {
-        default: () => any[];
-    };
-    label: import("vue-types").VueTypeDef<any>;
-    children: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    indent: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    lineHeight: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    levelLine: import("vue-types").VueTypeDef<any> & {
-        default: any;
-    };
-    virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    prefixIcon: import("vue-types").VueTypeDef<any> & {
-        default: any;
-    };
-    async: import("vue-types").VueTypeShape<{
-        callback: (item: any, cb: any) => Promise<any>;
-        cache: Boolean;
-    }>;
-    offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-}>> & {
-    onCheck?: (...args: any[]) => any;
-}, {
-    renderData: import("vue").ComputedRef<any[]>;
-    flatData: {
-        data: any[];
-        schema: any[] | Map<string, any>;
-        levelLineSchema: {};
-    };
-    root: import("vue").Ref<any>;
-    hanldeTreeNodeClick: (item: any) => void;
-    handleNodeContentClick: (item: any) => void;
-    handleNodeActionClick: (node: any) => void;
-    getActionIcon: (item: any) => any;
-    getRootIcon: (item: any) => JSX.Element;
-    getVirtualLines: (node: any) => JSX.Element[];
-    getNodePrefixIcon: (item: any) => any;
-    getLoadingIcon: (item: any) => JSX.Element | "";
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "check"[], "check", {
-    data: any[];
-    lineHeight: number;
-    prefixIcon: any;
-    children: string;
-    indent: number;
-    levelLine: any;
-    virtualRender: boolean;
-    offsetLeft: number;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
-export default BkTree;

package/lib/tree/props.d.ts

@@ -1,89 +0,0 @@
-import { ExtractPropTypes } from 'vue';
-/**
- * Tree Prop: prefixIcon function
- * @param {} isRoot 是否为分跟节点
- * @param {} hasChild 是否有孩子节点
- * @param {} isOpen 当前节点是否展开
- * @param {} renderType 当前渲染类型（action: 用来标识当前节点状态，展开 | 收起, node_type：节点类型，文件、文件夹）
- * @param {} item 当前节点数据
- */
-export declare type IPrefixIcon = (isRoot: boolean, hasChild: boolean, isOpen: boolean, renderType: string, item: any) => any;
-export declare const treeProps: {
-    /**
-     * 渲染列表
-     */
-    data: import("vue-types").VueTypeDef<any[]> & {
-        default: () => any[];
-    };
-    /**
-     * 指定节点标签为节点对象的某个属性值
-     */
-    label: import("vue-types").VueTypeDef<any>;
-    /**
-     * 子节点 Key, 用于读取子节点
-     * 默认 children
-     */
-    children: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    /**
-     * 相邻级节点间的水平缩进，单位为像素
-     */
-    indent: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    /**
-     * 设置行高
-     */
-    lineHeight: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    /**
-     * 设置层级连线
-     */
-    levelLine: import("vue-types").VueTypeDef<any> & {
-        default: any;
-    };
-    /**
-     * 是否开启虚拟滚动
-     * 默认虚拟滚动是开启的，数据量大的情况下有利于性能优化，可以通过设置 virtualRender = false 关闭虚拟滚动
-     */
-    virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    /**
-     * 当前节点标识图标
-     * 默认 true
-     */
-    prefixIcon: import("vue-types").VueTypeDef<any> & {
-        default: any;
-    };
-    /**
-     * 异步加载节点数据配置
-     * @param callback 请求数据回调函数，函数返回 Promise
-     * @param cache 是否缓存请求结果，默认为True，只有在第一次才会发起请求，若设置为false则每次都会发起请求
-     */
-    async: import("vue-types").VueTypeShape<AsyncOption>;
-    /**
-     * 每个节点偏移左侧距离
-     */
-    offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-};
-declare type AsyncOption = {
-    callback: (item: any, cb: any) => Promise<any>;
-    cache: Boolean;
-};
-export declare type TreePropTypes = Readonly<ExtractPropTypes<typeof treeProps>>;
-export {};

package/lib/tree/tree.css

@@ -1,50 +0,0 @@
-.bk-tree .bk-node-row {
-  padding-left: calc(var(--offset-left));
-}
-.bk-tree .bk-node-row.is-checked {
-  background-color: #ebf2ff;
-}
-.bk-tree .bk-tree-node {
-  position: relative;
-  display: flex;
-  height: var(--lineHeight);
-  padding-left: 0;
-  line-height: var(--lineHeight);
-  cursor: pointer;
-  align-items: center;
-}
-.bk-tree .bk-tree-node:not(.is-root) {
-  margin-left: calc(var(--depth)*var(--indent));
-}
-.bk-tree .bk-tree-node:not(.is-root).level-line::before {
-  position: absolute;
-  top: calc(50% + 1px);
-  left: calc(0px - var(--indent) + 6px);
-  z-index: 1;
-  width: calc(var(--indent) - 6px);
-  height: 0;
-  pointer-events: none;
-  border-bottom: var(--level-line);
-  content: '';
-}
-.bk-tree .bk-tree-node .node-virtual-line {
-  position: absolute;
-  top: -12px;
-  bottom: 50%;
-  left: calc(var(--depth) * var(--indent) * -1 + 6px);
-  display: inline-block;
-  width: 0;
-  border-left: var(--level-line);
-}
-.bk-tree .bk-tree-node .bk-tree-icon {
-  margin: 0 6px 0 4px;
-}
-.bk-tree .bk-tree-node .bk-node-content {
-  display: inline-flex;
-  align-items: center;
-}
-.bk-tree .bk-tree-node .bk-node-content .bk-node-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}