bkui-vue 0.0.1-beta.10 → 0.0.1-beta.14

package/lib/table/table.less

@@ -1,5 +1,67 @@
 @import '../styles/themes/themes.less';
 
 .@{bk-prefix}-table {
-  
+  .@{bk-prefix}-table-body {
+    height: 500px;
+    overflow: auto;
+    background: @white-color;
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+
+      .cell {
+        height: 40px;
+        padding: 0 15px;
+        overflow: hidden;
+        line-height: 40px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+   
+      th,
+      td {
+        min-width: 80px;
+        border-bottom: 1px solid #dfe0e5;
+      }
+
+      thead {
+        th {
+          position: sticky; 
+          top: 0; 
+          z-index: 1;
+          background-color: #fff;
+
+          &.active {
+            background: #f0f1f5;
+            // cursor: ;
+          }
+        }
+      }
+
+      tbody {
+        tr {
+          &:hover {
+            td {
+              background: #f5f7fa;
+            }
+          }
+        }
+      }
+    }
+  }
+  .@{bk-prefix}-table-fixed {
+    width: 100%;
+  }
+
+  colgroup {
+    col {
+      background: #fff;
+
+      &.active {
+        position: relative;
+        background: #f0f1f5;
+      }
+    }
+  }
 }

package/lib/table/table.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,4 +68,63 @@
   --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.js

@@ -1 +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})}));
+!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:"Tag",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.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,4 +68,19 @@
   --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;
 }

package/lib/tree/index.d.ts

@@ -0,0 +1,149 @@
+declare const BkTree: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            data: any[];
+            children: string;
+            indent: number;
+            lineHeight: number;
+        }> & Omit<Readonly<{
+            data?: unknown;
+            label?: unknown;
+            children?: unknown;
+            indent?: unknown;
+            lineHeight?: unknown;
+            levelLine?: unknown;
+        } & {
+            data: any[];
+            children: string;
+            indent: number;
+            lineHeight: number;
+        } & {
+            label?: any;
+            levelLine?: any;
+        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "children" | "indent" | "lineHeight">;
+        $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<{
+            data?: unknown;
+            label?: unknown;
+            children?: unknown;
+            indent?: unknown;
+            lineHeight?: unknown;
+            levelLine?: unknown;
+        } & {
+            data: any[];
+            children: string;
+            indent: number;
+            lineHeight: number;
+        } & {
+            label?: any;
+            levelLine?: any;
+        }> & {}, {
+            renderData: import("vue").ComputedRef<any[]>;
+            flatData: {
+                data: any[];
+                schema: {};
+                levelLineSchema: {};
+            };
+            hanldeTreeNodeClick: (item: any) => void;
+            getActionIcon: (item: any) => JSX.Element;
+            getRootIcon: (item: any) => JSX.Element;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            data: any[];
+            children: string;
+            indent: number;
+            lineHeight: 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<{
+        data?: unknown;
+        label?: unknown;
+        children?: unknown;
+        indent?: unknown;
+        lineHeight?: unknown;
+        levelLine?: unknown;
+    } & {
+        data: any[];
+        children: string;
+        indent: number;
+        lineHeight: number;
+    } & {
+        label?: any;
+        levelLine?: any;
+    }> & {} & import("vue").ShallowUnwrapRef<{
+        renderData: import("vue").ComputedRef<any[]>;
+        flatData: {
+            data: any[];
+            schema: {};
+            levelLineSchema: {};
+        };
+        hanldeTreeNodeClick: (item: any) => void;
+        getActionIcon: (item: any) => JSX.Element;
+        getRootIcon: (item: any) => JSX.Element;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    data?: unknown;
+    label?: unknown;
+    children?: unknown;
+    indent?: unknown;
+    lineHeight?: unknown;
+    levelLine?: unknown;
+} & {
+    data: any[];
+    children: string;
+    indent: number;
+    lineHeight: number;
+} & {
+    label?: any;
+    levelLine?: any;
+}> & {}, {
+    renderData: import("vue").ComputedRef<any[]>;
+    flatData: {
+        data: any[];
+        schema: {};
+        levelLineSchema: {};
+    };
+    hanldeTreeNodeClick: (item: any) => void;
+    getActionIcon: (item: any) => JSX.Element;
+    getRootIcon: (item: any) => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    data: any[];
+    children: string;
+    indent: number;
+    lineHeight: number;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkTree;

package/lib/tree/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("crypto"),require("@bkui-vue/icon/")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","crypto","@bkui-vue/icon/"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e.require$$0,e._)}(this,(function(e,t,n,o,r){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(o);function a(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var u={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.default=e.exports,e.exports.__esModule=!0}(u);var s=a(u.exports),c={exports:{}};!function(e){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0}(c);var p=a(c.exports),d={exports:{}},f={exports:{}},v={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o},e.exports.default=e.exports,e.exports.__esModule=!0}(v),function(e){var t=v.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(f);var h={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(h);var _={exports:{}};!function(e){var t=v.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(_);var y={exports:{}};!function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0}(y),function(e){var t=f.exports,n=h.exports,o=_.exports,r=y.exports;e.exports=function(e){return t(e)||n(e)||o(e)||r()},e.exports.default=e.exports,e.exports.__esModule=!0}(d);for(var x=a(d.exports),b=l.default,g=function(){return b.randomBytes(16)},m=[],O=0;O<256;++O)m[O]=(O+256).toString(16).substr(1);var j,N,T=function(e,t){var n=t||0,o=m;return[o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]]].join("")},S=g,w=T,P=0,C=0;var k=function(e,t,n){var o=t&&n||0,r=t||[],i=(e=e||{}).node||j,l=void 0!==e.clockseq?e.clockseq:N;if(null==i||null==l){var a=S();null==i&&(i=j=[1|a[0],a[1],a[2],a[3],a[4],a[5]]),null==l&&(l=N=16383&(a[6]<<8|a[7]))}var u=void 0!==e.msecs?e.msecs:(new Date).getTime(),s=void 0!==e.nsecs?e.nsecs:C+1,c=u-P+(s-C)/1e4;if(c<0&&void 0===e.clockseq&&(l=l+1&16383),(c<0||u>P)&&void 0===e.nsecs&&(s=0),s>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");P=u,C=s,N=l;var p=(1e4*(268435455&(u+=122192928e5))+s)%4294967296;r[o++]=p>>>24&255,r[o++]=p>>>16&255,r[o++]=p>>>8&255,r[o++]=255&p;var d=u/4294967296*1e4&268435455;r[o++]=d>>>8&255,r[o++]=255&d,r[o++]=d>>>24&15|16,r[o++]=d>>>16&255,r[o++]=l>>>8|128,r[o++]=255&l;for(var f=0;f<6;++f)r[o+f]=i[f];return t||w(r)},L=g,M=T;var A=function(e,t,n){var o=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var r=(e=e||{}).random||(e.rng||L)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t)for(var i=0;i<16;++i)t[o+i]=r[i];return t||M(r)},V=k,I=A,q=I;q.v1=V,q.v4=I;var R=q,D=void 0,$="1px dashed #c3cdd7",E={data:n.PropTypes.arrayOf(n.PropTypes.any).def([]),label:n.PropTypes.oneOfType([n.PropTypes.func.def(void 0),n.PropTypes.string.def("label")]),children:n.PropTypes.string.def("children"),indent:n.PropTypes.number.def(18),lineHeight:n.PropTypes.number.def(32),levelLine:n.PropTypes.oneOfType([n.PropTypes.bool.def(!1),n.PropTypes.func.def(void 0),n.PropTypes.string.def("1px dashed #c3cdd7")])},F=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=e.data,o=e.children,r=[],i=0,l={};function a(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",c=0;c<e.length;c++){var d=e[c];if(Array.isArray(d))a(d,t,n,u);else{var f=Object.assign({},d);if("object"===p(f)&&null!==f){var v=R.v4(),h=""!==u?"".concat(u,"-").concat(c):"".concat(c),_=s({__depth:t,__index:c,__uuid:v,__parentId:n,__hasChild:!!(d[o]||[]).length,__path:h,__isRoot:null===n,__order:i},o,null);Object.assign(f,_),Object.assign(l,s({},h,{__isOpen:!1,__showLines:0})),i+=1,r.push(f),Object.prototype.hasOwnProperty.call(d,o)&&a(d[o],t+1,v,h)}}}}return a(t||n),[r,l]},H=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[],l=e[t];return"boolean"==typeof l?l?o:r:B(n,e,t,i)},B=function(e,t,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],r=t[n];if("string"==typeof r)return"object"===p(e)&&null!==e?(Object.prototype.hasOwnProperty.call(e,r)||console.error("cannot find node label with key ".concat(r)),e[r]):r;if("function"==typeof r){var i=r.apply(D,[e].concat(x(o)));return"string"==typeof i?i:void console.error("props label with function return value is not string, please check and return string")}},U=function(e,t){return B(e,t,"label")},W=function(e,t){return{"--level-line":H(t,"levelLine",e,$,null,["tree"]),"--lineHeight":"".concat(t.lineHeight,"px"),"--indent":"".concat(t.indent,"px"),padding:0}},z=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n[e.__path]||{},r=o.childNodeCount,i=void 0===r?0:r,l=o.isLeaf,a=void 0!==l&&l,u=o.lastNode,s=void 0===u?null:u,c=a?0:(n[s]||{childNodeCount:0}).childNodeCount;return Object.assign({"--depth":e.__depth,paddingLeft:0,"--lines":i-c},"function"==typeof t.levelLine?{"--level-line":H(t,"levelLine",e,$,null,["node"])}:{})},G=function(e,t){return{"is-root":e.__isRoot,"bk-tree-node":!0,"is-open":t[e.__path].__isOpen}},J=t.defineComponent({name:"Tree",props:E,setup:function(e){var n=F(e),o=t.reactive({data:n[0],schema:n[1],levelLineSchema:{}});t.watch((function(){return[e.data]}),(function(t){var n=F(e,t);o.data=n[0],o.schema=n[1],u()}),{deep:!0}),t.watch((function(){return[e.levelLine]}),(function(){u()}));var i=t.computed((function(){return o.data.filter((function(e){return d(e)}))})),l=t.computed((function(){return i.value.map((function(e){return e.__path}))})),a=function(e){return"object"===p(e)?(o.schema[e.__path]||{}).__isOpen:"string"==typeof e&&(o.schema[e]||{}).__isOpen},u=function(){e.levelLine?setTimeout((function(){for(var e=i.value.length,t={},n=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];Object.prototype.hasOwnProperty.call(t,e)||Object.assign(t,s({},e,Object.assign(Object.assign({childNodeCount:0,isLastNode:!1},null!==n?{lastNode:n}:{}),null!==o?{isLeaf:o}:{})))};e>0;e--){var r=i.value[e-1],a=c(r),u=!l.value.includes("".concat(r.__path,"-0"));n(r.__path,null,u),n(a,r.__path);var p=t[a],d=t[r.__path],f=d.childNodeCount,v=void 0===f?0:f;d.childNodeCount=v+1,d.isLastNode=p.lastNode===r.__path,p.childNodeCount+=d.childNodeCount}o.levelLineSchema=t})):o.levelLineSchema={}},c=function(e){if(e.__isRoot)return null;var t="-".concat(e.__index).length;return String.prototype.substring.call(e.__path,0,e.__path.length-t)},d=function(e){return e.__isRoot||a(e)||a(c(e))};return u(),{renderData:i,flatData:o,hanldeTreeNodeClick:function(e){if(e.__hasChild){var t=!a(e);Object.assign(e,{__isOpen:t}),i.value.filter((function(t){return String.prototype.startsWith.call(t.__path,e.__path)})).forEach((function(e){return Object.assign(o.schema[e.__path],{__isOpen:t})})),u()}},getActionIcon:function(e){return e.__hasChild?a(e)?t.createVNode(r.DownShape,null,null):t.createVNode(r.RightShape,null,null):null},getRootIcon:function(e){return a(e)?t.createVNode(r.FolderShapeOpen,{class:"bk-tree-icon"},null):t.createVNode(r.Folder,{class:"bk-tree-icon"},null)}}},render:function(){var e=this,n=this.$props;return t.createVNode("div",{class:"bk-tree",style:W(null,n)},[this.renderData.map((function(o){return t.createVNode("div",{class:G(o,e.flatData.schema),style:z(o,n,e.flatData.levelLineSchema),onClick:function(){return e.hanldeTreeNodeClick(o)}},[[e.getActionIcon(o),o.__isRoot?e.getRootIcon(o):t.createVNode(r.TextFile,{class:"bk-tree-icon"},null)],t.createVNode("span",null,[U(o,n)])])}))])}}),K=n.withInstall(J);e.default=K,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/tree/tree.css

@@ -0,0 +1,35 @@
+.bk-tree .bk-tree-node {
+  position: relative;
+  height: var(--lineHeight);
+  padding-left: 0;
+  line-height: var(--lineHeight);
+  cursor: pointer;
+}
+.bk-tree .bk-tree-node.is-open::after {
+  position: absolute;
+  top: calc(var(--lineHeight) / 2);
+  left: 0;
+  z-index: 1;
+  width: 0;
+  height: calc(var(--lines) * var(--lineHeight));
+  pointer-events: none;
+  border-left: var(--level-line);
+  content: '';
+}
+.bk-tree .bk-tree-node:not(.is-root) {
+  margin-left: calc(var(--depth)*var(--indent));
+}
+.bk-tree .bk-tree-node:not(.is-root)::before {
+  position: absolute;
+  top: 50%;
+  left: calc(0px - var(--indent));
+  z-index: 1;
+  width: var(--indent);
+  height: 0;
+  pointer-events: none;
+  border-bottom: var(--level-line);
+  content: '';
+}
+.bk-tree .bk-tree-node .bk-tree-icon {
+  margin: 0 6px 0 4px;
+}

package/lib/tree/tree.d.ts

@@ -0,0 +1,58 @@
+import { TreePropTypes as defineTypes } from './util';
+export declare type TreePropTypes = defineTypes;
+declare const _default: import("vue").DefineComponent<{
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    label: import("vue-types").VueTypeDef<any>;
+    children: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    }; /**
+     * 扁平化数据
+     * schema: 需要展示连线时，用于计算连线高度
+     */
+    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>;
+}, {
+    renderData: import("vue").ComputedRef<any[]>;
+    flatData: {
+        data: any[];
+        schema: {};
+        levelLineSchema: {};
+    };
+    hanldeTreeNodeClick: (item: any) => void;
+    getActionIcon: (item: any) => JSX.Element;
+    getRootIcon: (item: any) => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    data?: unknown;
+    label?: unknown;
+    children?: unknown;
+    indent?: unknown;
+    lineHeight?: unknown;
+    levelLine?: unknown;
+} & {
+    data: any[];
+    children: string;
+    indent: number;
+    lineHeight: number;
+} & {
+    label?: any;
+    levelLine?: any;
+}> & {}, {
+    data: any[];
+    children: string;
+    indent: number;
+    lineHeight: number;
+}>;
+export default _default;

package/lib/tree/tree.less

@@ -0,0 +1,55 @@
+.bk-tree {
+  .bk-tree-node {
+    position: relative;
+    height: var(--lineHeight);
+    padding-left: 0;
+    line-height: var(--lineHeight);
+    cursor: pointer;
+
+    &.is-open {
+      &::after {
+        position: absolute;
+        top: calc(var(--lineHeight) / 2);
+        left: 0;
+        z-index: 1;
+        width: 0;
+        height: calc(var(--lines) * var(--lineHeight));
+        pointer-events: none;
+        border-left: var(--level-line);
+        content: '';
+      }
+    }
+
+    &:not(.is-root) {
+      margin-left: calc(var(--depth)*var(--indent));
+
+      &::before {
+        position: absolute;
+        top: 50%;
+        left: calc(0px - var(--indent));
+        z-index: 1;
+        width: var(--indent);
+        height: 0;
+        pointer-events: none;
+        border-bottom: var(--level-line);
+        content: '';
+      }
+
+      // &::after {
+      //   position: absolute;
+      //   top: -50%;
+      //   bottom: 50%;
+      //   left: calc(0px - var(--indent) * var(--depth));
+      //   z-index: 1;
+      //   width: 0;
+      //   pointer-events: none;
+      //   border-left: var(--level-line);
+      //   content: '';
+      // }
+    }
+
+    .bk-tree-icon {
+      margin: 0 6px 0 4px;
+    }
+  }
+}

package/lib/tree/tree.variable.css

@@ -0,0 +1,35 @@
+.bk-tree .bk-tree-node {
+  position: relative;
+  height: var(--lineHeight);
+  padding-left: 0;
+  line-height: var(--lineHeight);
+  cursor: pointer;
+}
+.bk-tree .bk-tree-node.is-open::after {
+  position: absolute;
+  top: calc(var(--lineHeight) / 2);
+  left: 0;
+  z-index: 1;
+  width: 0;
+  height: calc(var(--lines) * var(--lineHeight));
+  pointer-events: none;
+  border-left: var(--level-line);
+  content: '';
+}
+.bk-tree .bk-tree-node:not(.is-root) {
+  margin-left: calc(var(--depth)*var(--indent));
+}
+.bk-tree .bk-tree-node:not(.is-root)::before {
+  position: absolute;
+  top: 50%;
+  left: calc(0px - var(--indent));
+  z-index: 1;
+  width: var(--indent);
+  height: 0;
+  pointer-events: none;
+  border-bottom: var(--level-line);
+  content: '';
+}
+.bk-tree .bk-tree-node .bk-tree-icon {
+  margin: 0 6px 0 4px;
+}

package/lib/tree/util.d.ts

@@ -0,0 +1,89 @@
+import { ExtractPropTypes } from 'vue';
+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>;
+};
+export declare type TreePropTypes = Readonly<ExtractPropTypes<typeof treeProps>>;
+/**
+ * 扁平化当前数据
+ * @param arrData
+ * @returns
+ */
+export declare const getFlatdata: (props: TreePropTypes, treeData?: Array<any> | undefined) => {}[];
+/**
+ * 获取当前节点显示Label
+ * @param item 当前节点
+ * @param props Props
+ */
+export declare const getLabel: (item: any, props: TreePropTypes) => any;
+/**
+ * 根据Props获取Tree样式设置
+ * @param item
+ * @param props
+ * @returns
+ */
+export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
+    '--level-line': any;
+    '--lineHeight': string;
+    '--indent': string;
+    padding: number;
+};
+/**
+ * 获取节点样式配置
+ * @param item
+ * @param props
+ * @returns
+ */
+export declare const getNodeItemStyle: (item: any, props: TreePropTypes, schema?: any) => {
+    '--level-line'?: any;
+    '--depth': any;
+    paddingLeft: number;
+    '--lines': number;
+};
+/**
+ * 获取当前渲染节点Class List
+ * @param item
+ * @returns
+ */
+export declare const getNodeItemClass: (item: any, schema: any) => {
+    'is-root': any;
+    'bk-tree-node': boolean;
+    'is-open': any;
+};

package/lib/use-message.d.ts

@@ -0,0 +1,2 @@
+declare const Message: (constructor: any, options: any) => void;
+export default Message;