bkui-vue 0.0.1-beta.4 → 0.0.1-beta.40

package/lib/tree/tree.d.ts

@@ -0,0 +1,111 @@
+import { TreePropTypes as defineTypes } from './props';
+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;
+    };
+    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;
+    };
+}, {
+    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: (e: MouseEvent, 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", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+}, {
+    data: any[];
+    lineHeight: number;
+    prefixIcon: any;
+    children: string;
+    indent: number;
+    levelLine: any;
+    virtualRender: boolean;
+    offsetLeft: number;
+}>;
+export default _default;

package/lib/tree/tree.js

@@ -0,0 +1 @@
+!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("../shared"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon/"),require("../virtual-render"),require("@babel/runtime/helpers/toConsumableArray"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/typeof","@babel/runtime/helpers/defineProperty","vue","../icon/","../virtual-render","@babel/runtime/helpers/toConsumableArray"],n);else{var r="object"==typeof exports?n(require("../shared"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon/"),require("../virtual-render"),require("@babel/runtime/helpers/toConsumableArray")):n(e["../shared"],e["@babel/runtime/helpers/typeof"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../icon/"],e["../virtual-render"],e["@babel/runtime/helpers/toConsumableArray"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,n,r,t,o,i,a)=>(()=>{var l={8022:(e,n,r)=>{var t=r(4481),o=r(6426),i=o;i.v1=t,i.v4=o,e.exports=i},8725:e=>{for(var n=[],r=0;r<256;++r)n[r]=(r+256).toString(16).substr(1);e.exports=function(e,r){var t=r||0,o=n;return[o[e[t++]],o[e[t++]],o[e[t++]],o[e[t++]],"-",o[e[t++]],o[e[t++]],"-",o[e[t++]],o[e[t++]],"-",o[e[t++]],o[e[t++]],"-",o[e[t++]],o[e[t++]],o[e[t++]],o[e[t++]],o[e[t++]],o[e[t++]]].join("")}},9157:e=>{var n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(n){var r=new Uint8Array(16);e.exports=function(){return n(r),r}}else{var t=new Array(16);e.exports=function(){for(var e,n=0;n<16;n++)0==(3&n)&&(e=4294967296*Math.random()),t[n]=e>>>((3&n)<<3)&255;return t}}},4481:(e,n,r)=>{var t,o,i=r(9157),a=r(8725),l=0,u=0;e.exports=function(e,n,r){var c=n&&r||0,s=n||[],d=(e=e||{}).node||t,f=void 0!==e.clockseq?e.clockseq:o;if(null==d||null==f){var p=i();null==d&&(d=t=[1|p[0],p[1],p[2],p[3],p[4],p[5]]),null==f&&(f=o=16383&(p[6]<<8|p[7]))}var v=void 0!==e.msecs?e.msecs:(new Date).getTime(),y=void 0!==e.nsecs?e.nsecs:u+1,h=v-l+(y-u)/1e4;if(h<0&&void 0===e.clockseq&&(f=f+1&16383),(h<0||v>l)&&void 0===e.nsecs&&(y=0),y>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");l=v,u=y,o=f;var _=(1e4*(268435455&(v+=122192928e5))+y)%4294967296;s[c++]=_>>>24&255,s[c++]=_>>>16&255,s[c++]=_>>>8&255,s[c++]=255&_;var b=v/4294967296*1e4&268435455;s[c++]=b>>>8&255,s[c++]=255&b,s[c++]=b>>>24&15|16,s[c++]=b>>>16&255,s[c++]=f>>>8|128,s[c++]=255&f;for(var m=0;m<6;++m)s[c+m]=d[m];return n||a(s)}},6426:(e,n,r)=>{var t=r(9157),o=r(8725);e.exports=function(e,n,r){var i=n&&r||0;"string"==typeof e&&(n="binary"===e?new Array(16):null,e=null);var a=(e=e||{}).random||(e.rng||t)();if(a[6]=15&a[6]|64,a[8]=63&a[8]|128,n)for(var l=0;l<16;++l)n[i+l]=a[l];return n||o(a)}},7685:e=>{"use strict";e.exports=o},4212:n=>{"use strict";n.exports=e},3511:e=>{"use strict";e.exports=i},311:e=>{"use strict";e.exports=r},642:e=>{"use strict";e.exports=a},8541:e=>{"use strict";e.exports=n},748:e=>{"use strict";e.exports=t}},u={};function c(e){var n=u[e];if(void 0!==n)return n.exports;var r=u[e]={exports:{}};return l[e](r,r.exports,c),r.exports}c.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return c.d(n,{a:n}),n},c.d=(e,n)=>{for(var r in n)c.o(n,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},c.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{"use strict";c.r(s),c.d(s,{default:()=>w});var e=c(4212),n=c(8541),r=c.n(n),t=c(311),o=c.n(t),i=c(748),a=c(7685),l=c(3511),u=c.n(l),d={data:e.PropTypes.arrayOf(e.PropTypes.any).def([]),label:e.PropTypes.oneOfType([e.PropTypes.func.def(void 0),e.PropTypes.string.def("label")]),children:e.PropTypes.string.def("children"),indent:e.PropTypes.number.def(18),lineHeight:e.PropTypes.number.def(32),levelLine:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.func.def(void 0),e.PropTypes.string.def("1px dashed #c3cdd7")]).def(!1),virtualRender:e.PropTypes.bool.def(!1),prefixIcon:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){})),e.PropTypes.bool.def(!1)]).def(!0),async:e.PropTypes.shape({callback:e.PropTypes.func.def(null),cache:e.PropTypes.bool.def(!0)}),offsetLeft:e.PropTypes.number.def(5)},f=c(642),p=c.n(f),v=c(8022),y=void 0,h="1px dashed #c3cdd7",_=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=e.data,a=e.children,l=[],u=0,c=new Map;function s(e,n,r,o){var i=(t||[]).find((function(n){return n.__uuid===e}));return i?i[o]:n[r]}function d(e,n){return s(e,n,"isOpen","__isOpen")}function f(e,n){return s(e,n,"checked","__checked")}function p(e){for(var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,s=e.length,y=0;y<s;y++){var h=e[y];if(Array.isArray(h))p(h,n,t,i);else if("object"===r()(h)&&null!==h){var _=h.__uuid||(0,v.v4)(),b=null!==i?"".concat(i,"-").concat(y):"".concat(y),m=!!(h[a]||[]).length,g=o()({__depth:n,__index:y,__uuid:_,__parentId:t,__hasChild:m,__path:b,__isRoot:null===t,__order:u,__isOpen:d(_,h)&&m,__checked:f(_,h)},a,null);Object.assign(h,{__uuid:_}),c.set(_,g),u+=1,l.push(Object.assign(Object.assign({},h),o()({},a,null))),Object.prototype.hasOwnProperty.call(h,a)&&p(h[a]||[],n+1,_,b)}}}return p(n||i),[l,c]},b=function(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,t=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[],a=e[n];return"boolean"==typeof a?a?t:o:m(r,e,n,i)},m=function(e,n,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=n[t];if("string"==typeof i)return"object"===r()(e)&&null!==e?(Object.prototype.hasOwnProperty.call(e,i)||console.error("cannot find node label with key ".concat(i)),e[i]):i;if("function"==typeof i){var a=i.apply(y,[e].concat(p()(o)));return"string"==typeof a?a:void console.error("props label with function return value is not string, please check and return string")}},g=function(e,n){return m(e,n,"label")},x=function(e,n){return e.get(n)||{}},N=function(e,n,r){var t;return null===(t=x(e,n))||void 0===t?void 0:t[r]},P=function(e,n){return{"--level-line":b(n,"levelLine",e,h,null,["tree"]),"--lineHeight":"".concat(n.lineHeight,"px"),"--indent":"".concat(n.indent,"px"),"--offset-left":"".concat(n.offsetLeft,"px")}},C=function(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},t=r.schema,o=N(t,e.__uuid,"__depth");return Object.assign({"--depth":o},"function"==typeof n.levelLine?{"--level-line":b(n,"levelLine",e,h,null,["node"])}:{})},O=function(e,n,r){var t=x(n,e.__uuid)||{};return{"is-root":t.__isRoot,"bk-tree-node":!0,"is-open":t.__isOpen,"is-virtual-render":r.virtualRender,"level-line":r.levelLine}},T=function(n,r){var t=(x(r,n.__uuid)||{}).__checked;return o()({"is-checked":t},(0,e.resolveClassName)("node-row"),!0)},j=function(e,n,r,t){var o=e.split("-").reduce((function(e,n){var t=Number(n);return Array.isArray(e)?e[t]:e[r][t]}),n);Object.assign(o,t||{})};const k=(0,i.defineComponent)({name:"Tree",props:d,emits:["check"],setup:function(n,t){var l=this.$createElement,u=_(n),c=[],s=(0,i.reactive)({data:u[0],schema:u[1],levelLineSchema:{}});(0,i.watch)((function(){return[n.data]}),(function(e){var r=_(n,e,d.value);s.data=r[0],s.schema=r[1]}),{deep:!0});var d=(0,i.computed)((function(){return Array.from(s.schema.values())})),f=function(e){return s.schema.get(e)},p=function(e,n){var r;return null===(r=f(e.__uuid))||void 0===r?void 0:r[n]},v=function(e,n,r){return s.schema.set(e.__uuid,Object.assign(Object.assign({},f(e.__uuid)),o()({},n,r)))},y=function(e){return p(e,"__path")},h=function(e){return p(e,"__isRoot")},b=function(e){return p(e,"__isOpen")},m=function(e){return p(e,"__hasChild")},g=(0,i.computed)((function(){return s.data.filter((function(e){return T(e)}))})),x=function(e){var n;return"object"===r()(e)?b(e):"string"==typeof e&&(null===(n=f(e))||void 0===n?void 0:n.__isOpen)},N=function(n){return x(n)?(0,i.createVNode)(a.FolderShapeOpen,{class:(0,e.resolveClassName)("tree-icon")},null):(0,i.createVNode)(a.Folder,{class:(0,e.resolveClassName)("tree-icon")},null)},P=function(e){if("string"==typeof e)return e;if("object"===r()(e)&&null!==e){if(e.__v_isVNode)return e;var n=e.node,t=e.className,o=e.text,i=e.style;return l(n,{class:t,style:i},o)}return null},C=function(e,t){if("object"===r()(e)&&null!==e){v(t,"__isOpen",!0);var i=Array.isArray(e)?e:[e];!function(e,n,r,t,i){j(e,n,r,o()({},t,i))}(y(t),n.data,n.children,n.children,i)}},O=function(e){if(e.async){var r=n.async||{},t=r.callback,o=void 0===t?null:t,i=r.cache,a=void 0===i||i;if("function"==typeof o){if(e.cached)return;Object.assign(e,{loading:!0}),o(e,(function(n){return C(n,e)})).then((function(n){return C(n,e)})).catch((function(e){return console.error("load remote data error:",e)})).finally((function(){j(y(e),n.data,n.children,Object.assign({loading:!1},a?{cached:!0}:{}))}))}else console.error("async need to set prop: asyncLoad with function wich will return promise object")}m(e)&&function(e){var n=!x(e);v(e,"__isOpen",n),n||g.value.filter((function(n){return String.prototype.startsWith.call(y(n),y(e))})).forEach((function(e){return v(e,"__isOpen",n)}))}(e)},T=function(e){return h(e)||x(e)||x(p(e,"__parentId"))},k=(0,i.ref)(),w=function(){var n;if(null===(n=k.value)||void 0===n?void 0:n.$el){var r=".".concat((0,e.resolveClassName)("tree-node")),t=".".concat((0,e.resolveClassName)("node-content"));Array.prototype.forEach.call(k.value.$el.querySelectorAll(r),(function(e){var n=e.querySelectorAll("".concat(t," span")),r=Array.prototype.slice.call(n,-1)[0];if(r){var o=e.offsetWidth-r.offsetLeft;r.style.setProperty("max-width","".concat(o,"px"))}}))}};return(0,i.onMounted)((function(){w()})),(0,i.onUpdated)((function(){w()})),{renderData:g,flatData:s,root:k,hanldeTreeNodeClick:O,handleNodeContentClick:function(e){c.includes(e.__uuid)||(c.forEach((function(e){return v({__uuid:e},"__checked",!1)})),c.length=0,v(e,"__checked",!0),c.push(e.__uuid),b(e)||O(e),t.emit("check",e,f(e.__uuid)))},handleNodeActionClick:function(e,n){e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),O(n)},getActionIcon:function(e){var r=null;return"function"==typeof n.prefixIcon&&"default"!==(r=n.prefixIcon(h(e),m(e)||e.async,x(e),"action",e))?P(r):("default"===r||"boolean"==typeof n.prefixIcon&&n.prefixIcon)&&(m(e)||e.async)?x(e)?(0,i.createVNode)(a.DownShape,null,null):(0,i.createVNode)(a.RightShape,null,null):null},getRootIcon:N,getVirtualLines:function(e){if(!n.levelLine)return null;var r=p(e,"__depth")+1;return new Array(r).fill("").map((function(e,n){return n})).filter((function(n){return function(e,n){if(h(n))return!1;var r=y(n),t="".concat(r).split("-").slice(0,e+1);if(t.join("-")===r)return!0;var o=t.pop(),i=parseInt(o,10);t.push("".concat(i+1));var a=t.join("-");return d.value.some((function(e){return e.__path===a}))}(n,e)})).filter((function(e){return e>0})).map((function(e){return(0,i.createVNode)("span",{class:"node-virtual-line",style:(n=r-e,{"--depth":n})},null);var n}))},getNodePrefixIcon:function(r){var t=null;return"function"==typeof n.prefixIcon&&"default"!==(t=n.prefixIcon(h(r),m(r)||r.async,x(r),"node_type",r))?P(t):"default"===t||"boolean"==typeof n.prefixIcon&&n.prefixIcon?h(r)||m(r)?N(r):(0,i.createVNode)(a.TextFile,{class:(0,e.resolveClassName)("tree-icon")},null):null},getLoadingIcon:function(e){return e.loading?(0,i.createVNode)(a.Spinner,null,null):""}}},render:function(){var n=this,r=this.$props,t=function(t){return(0,i.createVNode)("div",{class:T(t,n.flatData.schema)},[(0,i.createVNode)("div",{class:O(t,n.flatData.schema,r),style:C(t,r,n.flatData),onClick:function(){return n.handleNodeContentClick(t)}},[(0,i.createVNode)("span",{class:(0,e.resolveClassName)("node-action"),onClick:function(e){return n.handleNodeActionClick(e,t)}},[n.getActionIcon(t)]),(0,i.createVNode)("span",{class:(0,e.resolveClassName)("node-content")},[[n.getNodePrefixIcon(t),n.getLoadingIcon(t)],(0,i.createVNode)("span",{class:(0,e.resolveClassName)("node-text")},[g(t,r)])]),n.getVirtualLines(t)])])};return(0,i.createVNode)(u(),{class:(0,e.resolveClassName)("tree"),style:P(null,r),list:this.renderData,lineHeight:r.lineHeight,enabled:r.virtualRender,contentClassName:(0,e.resolveClassName)("container"),throttleDelay:0,ref:"root"},{default:function(e){return(e.data||[]).map(t)}})}}),w=(0,e.withInstall)(k)})(),s})()));

package/lib/tree/tree.less

@@ -0,0 +1,63 @@
+@import '../styles/themes/themes.less';
+.@{bk-prefix}-tree {
+  .@{bk-prefix}-node-row {
+    padding-left: calc(var(--offset-left));
+
+    &.is-checked {
+      background-color: #ebf2ff;
+    }
+  }
+
+  .@{bk-prefix}-tree-node {
+    position: relative;
+    display: flex;
+    height: var(--lineHeight);
+    padding-left: 0;
+    line-height: var(--lineHeight);
+    cursor: pointer;
+    align-items: center;
+
+    &:not(.is-root) {
+      margin-left: calc(var(--depth)*var(--indent));
+
+      &.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: '';
+        }
+      }
+    }
+
+    .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-prefix}-tree-icon {
+      margin: 0 6px 0 4px;
+    }
+
+    .@{bk-prefix}-node-content {
+      display: inline-flex;
+      align-items: center;
+
+      .@{bk-prefix}-node-text {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+}

package/lib/tree/tree.variable.css

@@ -0,0 +1,143 @@
+: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-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;
+}

package/lib/tree/util.d.ts

@@ -0,0 +1,70 @@
+import { TreePropTypes } from './props';
+/**
+ * 扁平化当前数据
+ * @param arrData
+ * @returns
+ */
+export declare const getFlatdata: (props: TreePropTypes, treeData?: Array<any>, cachedSchema?: any[]) => (any[] | Map<string, any>)[];
+/**
+ * 获取当前节点显示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;
+    '--offset-left': string;
+};
+/**
+ * 获取节点样式配置
+ * @param item
+ * @param props
+ * @returns
+ */
+export declare const getNodeItemStyle: any;
+/**
+ * 获取当前渲染节点Class List
+ * @param item
+ * @returns
+ */
+export declare const getNodeItemClass: (item: any, schema: any, props: TreePropTypes) => {
+    'is-root': any;
+    'bk-tree-node': boolean;
+    'is-open': any;
+    'is-virtual-render': boolean;
+    'level-line': any;
+};
+/**
+ * 获取当前渲染节点Class List
+ * @param item
+ * @returns
+ */
+export declare const getNodeRowClass: (item: any, schema: any) => {
+    [x: string]: any;
+    'is-checked': any;
+};
+/**
+ * 根据路径更新指定节点Child-Data
+ * @param path 节点路径
+ * @param treeData Tree Data
+ * @param childKey Child Key
+ * @param nodekey 节点key
+ * @param nodeValue 节点值
+ */
+export declare const updateTreeNode: (path: string, treeData: any[], childKey: string, nodekey: string, nodeValue: any) => void;
+/**
+ * 根据路径更新指定节点Child-Data
+ * @param path 节点路径
+ * @param treeData Tree Data
+ * @param childKey Child Key
+ * @param assignVal value
+ */
+export declare const assignTreeNode: (path: string, treeData: any[], childKey: string, assignVal: any) => void;

package/lib/use-form.d.ts

@@ -0,0 +1,3 @@
+export declare const getFormKey: () => symbol;
+declare const _default: () => unknown;
+export default _default;

package/lib/use-message.d.ts

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