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

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,k=0;var C=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:k+1,c=u-P+(s-k)/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,k=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=C,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:"BkTree",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;

package/package.json

@@ -1,70 +1,122 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.13",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*"
     ]
   },
   "scripts": {
-    "prepare1": "node ./scripts/references-config.js",
-    "lint": "lerna run lint --stream --parallel",
-    "test": "yarn jest",
+    "lint": "eslint ./packages ./site --ext .js,.ts,.tsx",
+    "lint:style": "stylelint --fix ./packages/**/*.{css,less} --custom-syntax",
+    "lint:fix": "eslint --fix ./packages ./site ./scripts --ext .js,.ts,.tsx",
+    "test:unit": "jest --passWithNoTests",
     "dev": "vite serve site",
     "build": "yarn build:library && yarn build:component",
-    "build:site": "vite build site",
+    "build:site": "vite build site --mode development",
     "build:library": "rimraf dist && cross-env NODE_ENV=production ts-node --project=scripts/tsconfig.scripts.json scripts/build-library.ts",
-    "build:component": "rimraf lib && cross-env NODE_ENV=production ts-node --project=scripts/tsconfig.scripts.json scripts/build-component/index.ts",
-    "release": "yarn build && rimraf package.json.bak && cross-env NODE_ENV=production ts-node --project=scripts/tsconfig.scripts.json scripts/release.ts"
+    "build:component": "rimraf lib && npm run generate:declation && cross-env NODE_ENV=production ts-node --project=scripts/tsconfig.scripts.json scripts/build-component/index.ts",
+    "compile:dev": "node --inspect-brk ./node_modules/.bin/ts-node --project=./scripts/tsconfig.scripts.json ./scripts/build-component/index.ts",
+    "cz": "git-cz",
+    "generate:icon": "lerna run --scope @bkui-vue/icon build",
+    "release": "yarn build && rimraf package.json.bak && cross-env NODE_ENV=production ts-node --project=scripts/tsconfig.scripts.json scripts/release.ts",
+    "changelog": "conventional-changelog -c .changelog.config.js -p angular -i CHANGELOG.md -s -l",
+    "prepare": "husky install",
+    "generate:declation": "rimraf lib && tsc -p ./scripts/tsconfig.declaration.json"
   },
   "devDependencies": {
-    "@babel/core": "~7.13.16",
-    "@babel/plugin-transform-runtime": "~7.13.15",
-    "@babel/plugin-transform-typescript": "~7.13.0",
-    "@babel/preset-env": "~7.13.15",
-    "@babel/preset-typescript": "~7.13.0",
+    "@babel/core": "~7.14.8",
+    "@babel/eslint-parser": "~7.14.9",
+    "@babel/plugin-transform-runtime": "~7.14.5",
+    "@babel/plugin-transform-typescript": "~7.14.6",
+    "@babel/preset-env": "~7.14.9",
+    "@babel/preset-typescript": "~7.14.5",
+    "@commitlint/cli": "~13.1.0",
+    "@commitlint/config-conventional": "~13.1.0",
     "@rollup/plugin-babel": "~5.3.0",
-    "@rollup/plugin-commonjs": "~18.0.0",
-    "@rollup/plugin-node-resolve": "~11.2.1",
+    "@rollup/plugin-commonjs": "~20.0.0",
+    "@rollup/plugin-json": "~4.1.0",
+    "@rollup/plugin-node-resolve": "~13.0.4",
     "@types/jest": "~26.0.23",
-    "@typescript-eslint/eslint-plugin": "~4.22.0",
-    "@typescript-eslint/parser": "~4.22.0",
-    "@vitejs/plugin-vue": "~1.2.2",
-    "@vitejs/plugin-vue-jsx": "~1.1.3",
+    "@typescript-eslint/eslint-plugin": "~4.29.0",
+    "@typescript-eslint/parser": "~4.29.0",
+    "@vitejs/plugin-vue": "~1.3.0",
+    "@vitejs/plugin-vue-jsx": "~1.1.7",
     "@vue/babel-plugin-jsx": "~1.0.5",
     "@vue/babel-preset-jsx": "~1.2.4",
-    "@vue/compiler-sfc": "~3.0.11",
+    "@vue/compiler-sfc": "~3.1.5",
     "@vue/component-compiler-utils": "~3.2.0",
-    "@vue/eslint-config-standard": "~6.0.0",
+    "@vue/eslint-config-standard": "~6.1.0",
     "@vue/eslint-config-typescript": "~7.0.0",
-    "@vue/test-utils": "~2.0.0-rc.6",
+    "@vue/test-utils": "~2.0.0-rc.12",
     "acorn-jsx": "~5.3.1",
-    "babel-jest": "~26.6.3",
-    "chalk": "~4.1.1",
+    "babel-jest": "~27.0.6",
+    "chalk": "~4.1.2",
+    "clipboard": "~2.0.8",
+    "commitizen": "~4.2.4",
+    "conventional-changelog-cli": "~2.1.1",
     "cross-env": "~7.0.3",
-    "eslint": "~7.25.0",
-    "eslint-plugin-import": "~2.22.1",
+    "cz-lerna-changelog": "~2.0.3",
+    "eslint": "~7.32.0",
+    "eslint-config-tencent": "~1.0.2",
+    "eslint-plugin-codecc": "~0.0.4",
+    "eslint-plugin-import": "~2.23.4",
     "eslint-plugin-node": "~11.1.0",
     "eslint-plugin-promise": "~5.1.0",
-    "eslint-plugin-vue": "~7.9.0",
-    "jest": "~26.6.3",
-    "lerna": "~3.22.1",
+    "eslint-plugin-vue": "~7.15.1",
+    "highlight.js": "~11.3.1",
+    "husky": "~7.0.1",
+    "jest": "~27.0.6",
+    "jest-transform-stub": "~2.0.0",
+    "lerna": "~4.0.0",
     "less": "~4.1.1",
-    "postcss": "~7.0.35",
-    "postcss-less": "~4.0.1",
+    "lint-staged": "~11.1.1",
+    "normalize-wheel": "~1.0.1",
+    "ora": "~5.4.1",
+    "plop": "~2.7.4",
+    "postcss": "~8.3.6",
+    "postcss-less": "~5.0.0",
+    "prismjs": "~1.25.0",
     "rimraf": "~3.0.2",
-    "rollup": "~2.46.0",
+    "rollup": "~2.55.1",
+    "rollup-plugin-progress": "~1.1.2",
+    "rollup-plugin-svg": "~2.0.0",
+    "rollup-plugin-terser": "~7.0.2",
     "rollup-plugin-typescript2": "~0.30.0",
-    "ts-jest": "~26.5.5",
-    "ts-node": "~9.1.1",
-    "typescript": "~4.2.4",
-    "vite": "~2.2.3",
-    "vue": "~3.0.11",
-    "vue-jest": "~5.0.0-alpha.8"
+    "stylelint": "~13.13.1",
+    "stylelint-order": "~4.1.0",
+    "stylelint-scss": "~3.20.1",
+    "ts-jest": "~27.0.4",
+    "ts-node": "~10.1.0",
+    "ttypescript": "~1.5.12",
+    "typescript": "~4.3.5",
+    "vite": "~2.4.4",
+    "vue": "3.2.2",
+    "vue-jest": "~5.0.0-alpha.8",
+    "vue-router": "~4.0.10",
+    "vue-types": "~4.0.1"
   },
   "peerDependencies": {
-    "vue": "~3.0.11"
+    "vue": "3.2.x",
+    "vue-types": "~4.0.1"
   },
   "main": "dist/bkui-vue.umd.js",
-  "module": "dist/bkui-vue.esm.js"
-}
+  "module": "dist/bkui-vue.esm.js",
+  "typings": "./lib/index.d.ts",
+  "lint-staged": {
+    "*.css": "stylelint",
+    "*.less": "stylelint --fix --syntax=less",
+    "*.{js,ts,tsx,vue}": [
+      "eslint --fix",
+      "git add ."
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-lerna-changelog"
+    }
+  },
+  "dependencies": {
+    "date-fns": "~2.25.0"
+  }
+}