bkui-vue 0.0.1-beta.21 → 0.0.1-beta.22

package/lib/tree/index.d.ts

@@ -10,6 +10,7 @@ declare const BkTree: {
             indent: number;
             levelLine: any;
             virtualRender: boolean;
+            offsetLeft: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             data: import("vue-types").VueTypeDef<any[]> & {
                 default: () => any[];
@@ -45,7 +46,12 @@ declare const BkTree: {
                 callback: (item: any, cb: any) => Promise<any>;
                 cache: Boolean;
             }>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender">;
+            offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender" | "offsetLeft">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -57,7 +63,7 @@ declare const BkTree: {
         }>;
         $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;
+        $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             data: import("vue-types").VueTypeDef<any[]> & {
@@ -94,6 +100,11 @@ declare const BkTree: {
                 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: {
@@ -102,12 +113,14 @@ declare const BkTree: {
                 levelLineSchema: {};
             };
             hanldeTreeNodeClick: (item: any) => void;
-            getActionIcon: (item: any) => string | JSX.Element;
+            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) => string | JSX.Element;
+            getNodePrefixIcon: (item: any) => any;
             getLoadingIcon: (item: any) => "" | JSX.Element;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
             data: any[];
             lineHeight: number;
             prefixIcon: any;
@@ -115,6 +128,7 @@ declare const BkTree: {
             indent: number;
             levelLine: any;
             virtualRender: boolean;
+            offsetLeft: number;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -170,6 +184,11 @@ declare const BkTree: {
             callback: (item: any, cb: any) => Promise<any>;
             cache: Boolean;
         }>;
+        offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & import("vue").ShallowUnwrapRef<{
         renderData: import("vue").ComputedRef<any[]>;
         flatData: {
@@ -178,10 +197,12 @@ declare const BkTree: {
             levelLineSchema: {};
         };
         hanldeTreeNodeClick: (item: any) => void;
-        getActionIcon: (item: any) => string | JSX.Element;
+        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) => string | JSX.Element;
+        getNodePrefixIcon: (item: any) => any;
         getLoadingIcon: (item: any) => "" | JSX.Element;
     }> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
@@ -222,6 +243,11 @@ declare const BkTree: {
         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: {
@@ -230,12 +256,14 @@ declare const BkTree: {
         levelLineSchema: {};
     };
     hanldeTreeNodeClick: (item: any) => void;
-    getActionIcon: (item: any) => string | JSX.Element;
+    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) => string | JSX.Element;
+    getNodePrefixIcon: (item: any) => any;
     getLoadingIcon: (item: any) => "" | JSX.Element;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
     data: any[];
     lineHeight: number;
     prefixIcon: any;
@@ -243,5 +271,6 @@ declare const BkTree: {
     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/index.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("crypto"),require("../icon/"),require("../shared"),require("../virtual-render")):"function"==typeof define&&define.amd?define(["exports","vue","crypto","../icon/","../shared","../virtual-render"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.require$$0,e._,e.Shared,e["@bkui-vue/virtual-render"])}(this,(function(e,n,t,r,o,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t),a=u(i);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){function n(t){return e.exports=n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,n(t)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports}(s);var f=c(s.exports),p={exports:{}};!function(e){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(p);var d=c(p.exports),v={exports:{}},y={exports:{}},h={exports:{}};!function(e){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.__esModule=!0,e.exports.default=e.exports}(h),function(e){var n=h.exports;e.exports=function(e){if(Array.isArray(e))return n(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(y);var _={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(_);var x={exports:{}};!function(e){var n=h.exports;e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(x);var b={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.__esModule=!0,e.exports.default=e.exports}(b),function(e){var n=y.exports,t=_.exports,r=x.exports,o=b.exports;e.exports=function(e){return n(e)||t(e)||r(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(v);for(var g=c(v.exports),m=l.default,O=function(){return m.randomBytes(16)},T=[],j=0;j<256;++j)T[j]=(j+256).toString(16).substr(1);var P,I,w=function(e,n){var t=n||0,r=T;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")},A=O,S=w,k=0,N=0;var M=function(e,n,t){var r=n&&t||0,o=n||[],i=(e=e||{}).node||P,u=void 0!==e.clockseq?e.clockseq:I;if(null==i||null==u){var l=A();null==i&&(i=P=[1|l[0],l[1],l[2],l[3],l[4],l[5]]),null==u&&(u=I=16383&(l[6]<<8|l[7]))}var a=void 0!==e.msecs?e.msecs:(new Date).getTime(),c=void 0!==e.nsecs?e.nsecs:N+1,s=a-k+(c-N)/1e4;if(s<0&&void 0===e.clockseq&&(u=u+1&16383),(s<0||a>k)&&void 0===e.nsecs&&(c=0),c>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");k=a,N=c,I=u;var f=(1e4*(268435455&(a+=122192928e5))+c)%4294967296;o[r++]=f>>>24&255,o[r++]=f>>>16&255,o[r++]=f>>>8&255,o[r++]=255&f;var p=a/4294967296*1e4&268435455;o[r++]=p>>>8&255,o[r++]=255&p,o[r++]=p>>>24&15|16,o[r++]=p>>>16&255,o[r++]=u>>>8|128,o[r++]=255&u;for(var d=0;d<6;++d)o[r+d]=i[d];return n||S(o)},V=O,L=w;var q=function(e,n,t){var r=n&&t||0;"string"==typeof e&&(n="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||V)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,n)for(var i=0;i<16;++i)n[r+i]=o[i];return n||L(o)},C=M,D=q,R=D;R.v1=C,R.v4=D;var H=R,$=void 0,E="1px dashed #c3cdd7",F=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]:[],r=e.data,o=e.children,i=[],u=0,l=new Map;function a(e){return(t||[]).some((function(n){return n.__uuid===e&&n.__isOpen}))}function c(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,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,s=0;s<e.length;s++){var p=e[s];if(Array.isArray(p))c(p,n,t,r);else if("object"===f(p)&&null!==p){var v=p.__uuid||H.v4(),y=a(v),h=null!==r?"".concat(r,"-").concat(s):"".concat(s),_=d({__depth:n,__index:s,__uuid:v,__parentId:t,__parentPath:r,__hasChild:!!(p[o]||[]).length,__path:h,__isRoot:null===t,__order:u,__isOpen:y},o,null);Object.assign(p,{__uuid:v}),l.set(v,_),u+=1,i.push(Object.assign(Object.assign({},p),d({},o,null))),Object.prototype.hasOwnProperty.call(p,o)&&c(p[o]||[],n+1,v,h)}}}return c(n||r),[i,l]},B=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=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]:[],u=e[n];return"boolean"==typeof u?u?r:o:U(t,e,n,i)},U=function(e,n,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=n[t];if("string"==typeof o)return"object"===f(e)&&null!==e?(Object.prototype.hasOwnProperty.call(e,o)||console.error("cannot find node label with key ".concat(o)),e[o]):o;if("function"==typeof o){var i=o.apply($,[e].concat(g(r)));return"string"==typeof i?i:void console.error("props label with function return value is not string, please check and return string")}},W=function(e,n){return U(e,n,"label")},z=function(e,n){return e.get(n)||{}},G=function(e,n,t){var r;return null===(r=z(e,n))||void 0===r?void 0:r[t]},J=function(e,n){return{"--level-line":B(n,"levelLine",e,E,null,["tree"]),"--lineHeight":"".concat(n.lineHeight,"px"),"--indent":"".concat(n.indent,"px"),padding:0}},K=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.schema,o=G(r,e.__uuid,"__depth");return Object.assign({"--depth":o,paddingLeft:0},"function"==typeof n.levelLine?{"--level-line":B(n,"levelLine",e,E,null,["node"])}:{})},Q=function(e,n,t){var r=z(n,e.__uuid)||{};return{"is-root":r.__isRoot,"bk-tree-node":!0,"is-open":r.__isOpen,"is-virtual-render":t.virtualRender,"level-line":t.levelLine}},X=function(e,n,t,r){var o=e.split("-").reduce((function(e,n){var r=Number(n);return Array.isArray(e)?e[r]:e[t][r]}),n);Object.assign(o,r||{})},Y={data:o.PropTypes.arrayOf(o.PropTypes.any).def([]),label:o.PropTypes.oneOfType([o.PropTypes.func.def(void 0),o.PropTypes.string.def("label")]),children:o.PropTypes.string.def("children"),indent:o.PropTypes.number.def(18),lineHeight:o.PropTypes.number.def(32),levelLine:o.PropTypes.oneOfType([o.PropTypes.bool.def(!1),o.PropTypes.func.def(void 0),o.PropTypes.string.def("1px dashed #c3cdd7")]).def(!1),virtualRender:o.PropTypes.bool.def(!1),prefixIcon:o.PropTypes.oneOfType([o.PropTypes.func.def((function(){})),o.PropTypes.bool.def(!1)]).def(!0),async:o.PropTypes.shape({callback:o.PropTypes.func.def(null),cache:o.PropTypes.bool.def(!0)})},Z=n.defineComponent({name:"Tree",props:Y,setup:function(e){var t=F(e),o=n.reactive({data:t[0],schema:t[1],levelLineSchema:{}});n.watch((function(){return[e.data]}),(function(n){console.log("props.data changed");var t=F(e,n,i.value);o.data=t[0],o.schema=t[1]}),{deep:!0});var i=n.computed((function(){return Array.from(o.schema.values())})),u=function(e){return o.schema.get(e)},l=function(e,n){var t;return null===(t=u(e.__uuid))||void 0===t?void 0:t[n]},a=function(e,n,t){return o.schema.set(e.__uuid,Object.assign(Object.assign({},u(e.__uuid)),d({},n,t)))},c=function(e){return l(e,"__path")},s=function(e){return l(e,"__isRoot")},p=function(e){return l(e,"__hasChild")},v=n.computed((function(){return o.data.filter((function(e){return b(e)}))})),y=function(e){var n;return"object"===f(e)?l(e,"__isOpen"):"string"==typeof e&&(null===(n=u(e))||void 0===n?void 0:n.__isOpen)},h=function(e){return y(e)?n.createVNode(r.FolderShapeOpen,{class:"bk-tree-icon"},null):n.createVNode(r.Folder,{class:"bk-tree-icon"},null)},_=function(e){if("string"==typeof e)return e;if("object"===f(e)&&null!==e){var t=e.node,r=e.className,o=e.text,i=e.style;return n.h(t,{class:r,style:i},o)}return null},x=function(n,t){if("object"===f(n)&&null!==n){a(t,"__isOpen",!0);var r=Array.isArray(n)?n:[n];!function(e,n,t,r,o){X(e,n,t,d({},r,o))}(c(t),e.data,e.children,e.children,r)}},b=function(e){return s(e)||y(e)||y(l(e,"__parentId"))};return{renderData:v,flatData:o,hanldeTreeNodeClick:function(n){if(n.async){var t=e.async||{},r=t.callback,o=void 0===r?null:r,i=t.cache,u=void 0===i||i;"function"!=typeof o||n.cached?console.error("async need to set prop: asyncLoad with function wich will return promise object"):(Object.assign(n,{loading:!0}),o(n,(function(e){return x(e,n)})).then((function(e){return x(e,n)})).catch((function(e){return console.error("load remote data error:",e)})).finally((function(){X(c(n),e.data,e.children,Object.assign({loading:!1},u?{cached:!0}:{}))})))}p(n)&&function(e){var n=!y(e);a(e,"__isOpen",n),n||v.value.filter((function(n){return String.prototype.startsWith.call(c(n),c(e))})).forEach((function(e){return a(e,"__isOpen",n)}))}(n)},getActionIcon:function(t){var o=null;return"function"==typeof e.prefixIcon&&"default"!==(o=e.prefixIcon(s(t),p(t)||t.async,y(t),"action",t))?_(o):("default"===o||"boolean"==typeof e.prefixIcon&&e.prefixIcon)&&(p(t)||t.async)?y(t)?n.createVNode(r.DownShape,null,null):n.createVNode(r.RightShape,null,null):null},getRootIcon:h,getVirtualLines:function(t){if(!e.levelLine)return null;var r=l(t,"__depth")+1;return new Array(r).fill("").map((function(e,n){return n})).filter((function(e){return function(e,n){if(s(n))return!1;var t=c(n),r="".concat(t).split("-").slice(0,e+1);if(r.join("-")===t)return!0;var o=r.pop(),u=parseInt(o,10);r.push("".concat(u+1));var l=r.join("-");return i.value.some((function(e){return e.__path===l}))}(e,t)})).filter((function(e){return e>0})).map((function(e){return n.createVNode("span",{class:"node-virtual-line",style:(t=r-e,{"--depth":t})},null);var t}))},getNodePrefixIcon:function(t){var o=null;return"function"==typeof e.prefixIcon&&"default"!==(o=e.prefixIcon(s(t),p(t)||t.async,y(t),"node_type",t))?_(o):"default"===o||"boolean"==typeof e.prefixIcon&&e.prefixIcon?s(t)?h(t):n.createVNode(r.TextFile,{class:"bk-tree-icon"},null):null},getLoadingIcon:function(e){return e.loading?n.createVNode(r.Spinner,null,null):""}}},render:function(){var e=this,t=this.$props,r=function(r){return n.createVNode("div",{class:Q(r,e.flatData.schema,t),style:K(r,t,e.flatData),onClick:function(){return e.hanldeTreeNodeClick(r)}},[[e.getActionIcon(r),e.getNodePrefixIcon(r),e.getLoadingIcon(r)],n.createVNode("span",null,[W(r,t)]),e.getVirtualLines(r)])};return n.createVNode(a.default,{class:"bk-tree",style:J(null,t),list:this.renderData,lineHeight:t.lineHeight,enabled:t.virtualRender,throttleDelay:0},{default:function(e){return(e.data||[]).map(r)}})}}),ee=o.withInstall(Z);e.default=ee,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("crypto"),require("../icon/"),require("../shared"),require("../virtual-render")):"function"==typeof define&&define.amd?define(["exports","vue","crypto","../icon/","../shared","../virtual-render"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.require$$0,e._,e.Shared,e["@bkui-vue/virtual-render"])}(this,(function(e,n,t,r,o,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t),a=u(i);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){function n(t){return e.exports=n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,n(t)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports}(s);var f=c(s.exports),d={exports:{}};!function(e){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(d);var p=c(d.exports),v={exports:{}},_={exports:{}},y={exports:{}};!function(e){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.__esModule=!0,e.exports.default=e.exports}(y),function(e){var n=y.exports;e.exports=function(e){if(Array.isArray(e))return n(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(_);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.__esModule=!0,e.exports.default=e.exports}(h);var x={exports:{}};!function(e){var n=y.exports;e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(x);var b={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.__esModule=!0,e.exports.default=e.exports}(b),function(e){var n=_.exports,t=h.exports,r=x.exports,o=b.exports;e.exports=function(e){return n(e)||t(e)||r(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(v);for(var g=c(v.exports),m=l.default,O=function(){return m.randomBytes(16)},T=[],j=0;j<256;++j)T[j]=(j+256).toString(16).substr(1);var k,P,I=function(e,n){var t=n||0,r=T;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")},N=O,w=I,A=0,S=0;var V=function(e,n,t){var r=n&&t||0,o=n||[],i=(e=e||{}).node||k,u=void 0!==e.clockseq?e.clockseq:P;if(null==i||null==u){var l=N();null==i&&(i=k=[1|l[0],l[1],l[2],l[3],l[4],l[5]]),null==u&&(u=P=16383&(l[6]<<8|l[7]))}var a=void 0!==e.msecs?e.msecs:(new Date).getTime(),c=void 0!==e.nsecs?e.nsecs:S+1,s=a-A+(c-S)/1e4;if(s<0&&void 0===e.clockseq&&(u=u+1&16383),(s<0||a>A)&&void 0===e.nsecs&&(c=0),c>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");A=a,S=c,P=u;var f=(1e4*(268435455&(a+=122192928e5))+c)%4294967296;o[r++]=f>>>24&255,o[r++]=f>>>16&255,o[r++]=f>>>8&255,o[r++]=255&f;var d=a/4294967296*1e4&268435455;o[r++]=d>>>8&255,o[r++]=255&d,o[r++]=d>>>24&15|16,o[r++]=d>>>16&255,o[r++]=u>>>8|128,o[r++]=255&u;for(var p=0;p<6;++p)o[r+p]=i[p];return n||w(o)},C=O,L=I;var M=function(e,n,t){var r=n&&t||0;"string"==typeof e&&(n="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||C)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,n)for(var i=0;i<16;++i)n[r+i]=o[i];return n||L(o)},q=V,D=M,R=D;R.v1=q,R.v4=D;var H=R,E=void 0,$="1px dashed #c3cdd7",F=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]:[],r=e.data,o=e.children,i=[],u=0,l=new Map;function a(e){return(t||[]).some((function(n){return n.__uuid===e&&n.__isOpen}))}function c(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,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,s=0;s<e.length;s++){var d=e[s];if(Array.isArray(d))c(d,n,t,r);else if("object"===f(d)&&null!==d){var v=d.__uuid||H.v4(),_=a(v),y=null!==r?"".concat(r,"-").concat(s):"".concat(s),h=p({__depth:n,__index:s,__uuid:v,__parentId:t,__parentPath:r,__hasChild:!!(d[o]||[]).length,__path:y,__isRoot:null===t,__order:u,__isOpen:_,__checked:!1},o,null);Object.assign(d,{__uuid:v}),l.set(v,h),u+=1,i.push(Object.assign(Object.assign({},d),p({},o,null))),Object.prototype.hasOwnProperty.call(d,o)&&c(d[o]||[],n+1,v,y)}}}return c(n||r),[i,l]},B=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=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]:[],u=e[n];return"boolean"==typeof u?u?r:o:U(t,e,n,i)},U=function(e,n,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=n[t];if("string"==typeof o)return"object"===f(e)&&null!==e?(Object.prototype.hasOwnProperty.call(e,o)||console.error("cannot find node label with key ".concat(o)),e[o]):o;if("function"==typeof o){var i=o.apply(E,[e].concat(g(r)));return"string"==typeof i?i:void console.error("props label with function return value is not string, please check and return string")}},W=function(e,n){return U(e,n,"label")},z=function(e,n){return e.get(n)||{}},G=function(e,n,t){var r;return null===(r=z(e,n))||void 0===r?void 0:r[t]},J=function(e,n){return{"--level-line":B(n,"levelLine",e,$,null,["tree"]),"--lineHeight":"".concat(n.lineHeight,"px"),"--indent":"".concat(n.indent,"px"),"--offset-left":"".concat(n.offsetLeft,"px")}},K=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.schema,o=G(r,e.__uuid,"__depth");return Object.assign({"--depth":o},"function"==typeof n.levelLine?{"--level-line":B(n,"levelLine",e,$,null,["node"])}:{})},Q=function(e,n,t){var r=z(n,e.__uuid)||{};return{"is-root":r.__isRoot,"bk-tree-node":!0,"is-open":r.__isOpen,"is-virtual-render":t.virtualRender,"level-line":t.levelLine}},X=function(e,n){return{"is-checked":(z(n,e.__uuid)||{}).__checked,"bk-node-row":!0}},Y=function(e,n,t,r){var o=e.split("-").reduce((function(e,n){var r=Number(n);return Array.isArray(e)?e[r]:e[t][r]}),n);Object.assign(o,r||{})},Z={data:o.PropTypes.arrayOf(o.PropTypes.any).def([]),label:o.PropTypes.oneOfType([o.PropTypes.func.def(void 0),o.PropTypes.string.def("label")]),children:o.PropTypes.string.def("children"),indent:o.PropTypes.number.def(18),lineHeight:o.PropTypes.number.def(32),levelLine:o.PropTypes.oneOfType([o.PropTypes.bool.def(!1),o.PropTypes.func.def(void 0),o.PropTypes.string.def("1px dashed #c3cdd7")]).def(!1),virtualRender:o.PropTypes.bool.def(!1),prefixIcon:o.PropTypes.oneOfType([o.PropTypes.func.def((function(){})),o.PropTypes.bool.def(!1)]).def(!0),async:o.PropTypes.shape({callback:o.PropTypes.func.def(null),cache:o.PropTypes.bool.def(!0)}),offsetLeft:o.PropTypes.number.def(15)},ee=n.defineComponent({name:"Tree",props:Z,setup:function(e,t){var o=F(e),i=[],u=n.reactive({data:o[0],schema:o[1],levelLineSchema:{}});n.watch((function(){return[e.data]}),(function(n){var t=F(e,n,l.value);u.data=t[0],u.schema=t[1]}),{deep:!0});var l=n.computed((function(){return Array.from(u.schema.values())})),a=function(e){return u.schema.get(e)},c=function(e,n){var t;return null===(t=a(e.__uuid))||void 0===t?void 0:t[n]},s=function(e,n,t){return u.schema.set(e.__uuid,Object.assign(Object.assign({},a(e.__uuid)),p({},n,t)))},d=function(e){return c(e,"__path")},v=function(e){return c(e,"__isRoot")},_=function(e){return c(e,"__isOpen")},y=function(e){return c(e,"__hasChild")},h=n.computed((function(){return u.data.filter((function(e){return T(e)}))})),x=function(e){var n;return"object"===f(e)?_(e):"string"==typeof e&&(null===(n=a(e))||void 0===n?void 0:n.__isOpen)},b=function(e){return x(e)?n.createVNode(r.FolderShapeOpen,{class:"bk-tree-icon"},null):n.createVNode(r.Folder,{class:"bk-tree-icon"},null)},g=function(e){if("string"==typeof e)return e;if("object"===f(e)&&null!==e){if(e.__v_isVNode)return e;var t=e.node,r=e.className,o=e.text,i=e.style;return n.h(t,{class:r,style:i},o)}return null},m=function(n,t){if("object"===f(n)&&null!==n){s(t,"__isOpen",!0);var r=Array.isArray(n)?n:[n];!function(e,n,t,r,o){Y(e,n,t,p({},r,o))}(d(t),e.data,e.children,e.children,r)}},O=function(n){if(n.async){var t=e.async||{},r=t.callback,o=void 0===r?null:r,i=t.cache,u=void 0===i||i;"function"!=typeof o||n.cached?console.error("async need to set prop: asyncLoad with function wich will return promise object"):(Object.assign(n,{loading:!0}),o(n,(function(e){return m(e,n)})).then((function(e){return m(e,n)})).catch((function(e){return console.error("load remote data error:",e)})).finally((function(){Y(d(n),e.data,e.children,Object.assign({loading:!1},u?{cached:!0}:{}))})))}y(n)&&function(e){var n=!x(e);s(e,"__isOpen",n),n||h.value.filter((function(n){return String.prototype.startsWith.call(d(n),d(e))})).forEach((function(e){return s(e,"__isOpen",n)}))}(n)},T=function(e){return v(e)||x(e)||x(c(e,"__parentId"))};return{renderData:h,flatData:u,hanldeTreeNodeClick:O,handleNodeContentClick:function(e){i.includes(e.__uuid)||(i.forEach((function(e){return s({__uuid:e},"__checked",!1)})),i.length=0,s(e,"__checked",!0),i.push(e.__uuid),_(e)||O(e),t.emit("check",e,a(e.__uuid)))},handleNodeActionClick:function(e){O(e)},getActionIcon:function(t){var o=null;return"function"==typeof e.prefixIcon&&"default"!==(o=e.prefixIcon(v(t),y(t)||t.async,x(t),"action",t))?g(o):("default"===o||"boolean"==typeof e.prefixIcon&&e.prefixIcon)&&(y(t)||t.async)?x(t)?n.createVNode(r.DownShape,null,null):n.createVNode(r.RightShape,null,null):null},getRootIcon:b,getVirtualLines:function(t){if(!e.levelLine)return null;var r=c(t,"__depth")+1;return new Array(r).fill("").map((function(e,n){return n})).filter((function(e){return function(e,n){if(v(n))return!1;var t=d(n),r="".concat(t).split("-").slice(0,e+1);if(r.join("-")===t)return!0;var o=r.pop(),i=parseInt(o,10);r.push("".concat(i+1));var u=r.join("-");return l.value.some((function(e){return e.__path===u}))}(e,t)})).filter((function(e){return e>0})).map((function(e){return n.createVNode("span",{class:"node-virtual-line",style:(t=r-e,{"--depth":t})},null);var t}))},getNodePrefixIcon:function(t){var o=null;return"function"==typeof e.prefixIcon&&"default"!==(o=e.prefixIcon(v(t),y(t)||t.async,x(t),"node_type",t))?g(o):"default"===o||"boolean"==typeof e.prefixIcon&&e.prefixIcon?v(t)||y(t)?b(t):n.createVNode(r.TextFile,{class:"bk-tree-icon"},null):null},getLoadingIcon:function(e){return e.loading?n.createVNode(r.Spinner,null,null):""}}},render:function(){var e=this,t=this.$props,r=function(r){return n.createVNode("div",{class:X(r,e.flatData.schema)},[n.createVNode("div",{class:Q(r,e.flatData.schema,t),style:K(r,t,e.flatData)},[n.createVNode("span",{class:"node-action",onClick:function(){return e.handleNodeActionClick(r)}},[e.getActionIcon(r)]),n.createVNode("span",{class:"node-content",onClick:function(){return e.handleNodeContentClick(r)}},[[e.getNodePrefixIcon(r),e.getLoadingIcon(r)],n.createVNode("span",null,[W(r,t)])]),e.getVirtualLines(r)])])};return n.createVNode(a.default,{class:"bk-tree",style:J(null,t),list:this.renderData,lineHeight:t.lineHeight,enabled:t.virtualRender,throttleDelay:0},{default:function(e){return(e.data||[]).map(r)}})}}),ne=o.withInstall(ee);e.default=ne,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/tree/props.d.ts

@@ -72,6 +72,14 @@ export declare const treeProps: {
      * @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>;

package/lib/tree/tree.css

@@ -1,3 +1,9 @@
+.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;
   height: var(--lineHeight);
@@ -31,3 +37,6 @@
 .bk-tree .bk-tree-node .bk-tree-icon {
   margin: 0 6px 0 4px;
 }
+.bk-tree .bk-tree-node .node-content {
+  display: inline-block;
+}

package/lib/tree/tree.d.ts

@@ -19,7 +19,9 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     } & {
         default: number;
-    };
+    }; /**
+     * 监听组件配置Data改变
+     */
     levelLine: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -35,6 +37,11 @@ declare const _default: import("vue").DefineComponent<{
         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: {
@@ -43,12 +50,14 @@ declare const _default: import("vue").DefineComponent<{
         levelLineSchema: {};
     };
     hanldeTreeNodeClick: (item: any) => void;
-    getActionIcon: (item: any) => string | JSX.Element;
+    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) => string | JSX.Element;
+    getNodePrefixIcon: (item: any) => any;
     getLoadingIcon: (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<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
@@ -67,7 +76,9 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     } & {
         default: number;
-    };
+    }; /**
+     * 监听组件配置Data改变
+     */
     levelLine: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -83,6 +94,11 @@ declare const _default: import("vue").DefineComponent<{
         callback: (item: any, cb: any) => Promise<any>;
         cache: Boolean;
     }>;
+    offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }>>, {
     data: any[];
     lineHeight: number;
@@ -91,5 +107,6 @@ declare const _default: import("vue").DefineComponent<{
     indent: number;
     levelLine: any;
     virtualRender: boolean;
+    offsetLeft: number;
 }>;
 export default _default;

package/lib/tree/tree.less

@@ -1,4 +1,11 @@
 .bk-tree {
+  .bk-node-row {
+    padding-left: calc(var(--offset-left));
+    &.is-checked {
+      background-color: #EBF2FF;
+    }
+  }
+
   .bk-tree-node {
     position: relative;
     height: var(--lineHeight);
@@ -37,5 +44,9 @@
     .bk-tree-icon {
       margin: 0 6px 0 4px;
     }
+
+    .node-content {
+      display: inline-block;
+    }
   }
 }

package/lib/tree/tree.variable.css

@@ -1,3 +1,9 @@
+.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;
   height: var(--lineHeight);
@@ -31,3 +37,6 @@
 .bk-tree .bk-tree-node .bk-tree-icon {
   margin: 0 6px 0 4px;
 }
+.bk-tree .bk-tree-node .node-content {
+  display: inline-block;
+}

package/lib/tree/util.d.ts

@@ -21,7 +21,7 @@ export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
     '--level-line': any;
     '--lineHeight': string;
     '--indent': string;
-    padding: number;
+    '--offset-left': string;
 };
 /**
  * 获取节点样式配置
@@ -29,11 +29,7 @@ export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
  * @param props
  * @returns
  */
-export declare const getNodeItemStyle: (item: any, props: TreePropTypes, flatData?: any) => {
-    '--level-line'?: any;
-    '--depth': any;
-    paddingLeft: number;
-};
+export declare const getNodeItemStyle: any;
 /**
  * 获取当前渲染节点Class List
  * @param item
@@ -46,6 +42,15 @@ export declare const getNodeItemClass: (item: any, schema: any, props: TreePropT
     'is-virtual-render': boolean;
     'level-line': any;
 };
+/**
+ * 获取当前渲染节点Class List
+ * @param item
+ * @returns
+ */
+export declare const getNodeRowClass: (item: any, schema: any) => {
+    'is-checked': any;
+    'bk-node-row': boolean;
+};
 /**
  * 根据路径更新指定节点Child-Data
  * @param path 节点路径

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.21",
+  "version": "0.0.1-beta.22",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*"