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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,6 +10,7 @@ declare const BkTree: {
10
10
  indent: number;
11
11
  levelLine: any;
12
12
  virtualRender: boolean;
13
+ offsetLeft: number;
13
14
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
14
15
  data: import("vue-types").VueTypeDef<any[]> & {
15
16
  default: () => any[];
@@ -45,7 +46,12 @@ declare const BkTree: {
45
46
  callback: (item: any, cb: any) => Promise<any>;
46
47
  cache: Boolean;
47
48
  }>;
48
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender">;
49
+ offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
50
+ default: number;
51
+ } & {
52
+ default: number;
53
+ };
54
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender" | "offsetLeft">;
49
55
  $attrs: {
50
56
  [x: string]: unknown;
51
57
  };
@@ -57,7 +63,7 @@ declare const BkTree: {
57
63
  }>;
58
64
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
59
65
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
60
- $emit: (event: string, ...args: any[]) => void;
66
+ $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
61
67
  $el: any;
62
68
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
63
69
  data: import("vue-types").VueTypeDef<any[]> & {
@@ -94,6 +100,11 @@ declare const BkTree: {
94
100
  callback: (item: any, cb: any) => Promise<any>;
95
101
  cache: Boolean;
96
102
  }>;
103
+ offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
104
+ default: number;
105
+ } & {
106
+ default: number;
107
+ };
97
108
  }>>, {
98
109
  renderData: import("vue").ComputedRef<any[]>;
99
110
  flatData: {
@@ -102,12 +113,14 @@ declare const BkTree: {
102
113
  levelLineSchema: {};
103
114
  };
104
115
  hanldeTreeNodeClick: (item: any) => void;
105
- getActionIcon: (item: any) => string | JSX.Element;
116
+ handleNodeContentClick: (item: any) => void;
117
+ handleNodeActionClick: (node: any) => void;
118
+ getActionIcon: (item: any) => any;
106
119
  getRootIcon: (item: any) => JSX.Element;
107
120
  getVirtualLines: (node: any) => JSX.Element[];
108
- getNodePrefixIcon: (item: any) => string | JSX.Element;
121
+ getNodePrefixIcon: (item: any) => any;
109
122
  getLoadingIcon: (item: any) => "" | JSX.Element;
110
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
123
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
111
124
  data: any[];
112
125
  lineHeight: number;
113
126
  prefixIcon: any;
@@ -115,6 +128,7 @@ declare const BkTree: {
115
128
  indent: number;
116
129
  levelLine: any;
117
130
  virtualRender: boolean;
131
+ offsetLeft: number;
118
132
  }> & {
119
133
  beforeCreate?: (() => void) | (() => void)[];
120
134
  created?: (() => void) | (() => void)[];
@@ -170,6 +184,11 @@ declare const BkTree: {
170
184
  callback: (item: any, cb: any) => Promise<any>;
171
185
  cache: Boolean;
172
186
  }>;
187
+ offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
188
+ default: number;
189
+ } & {
190
+ default: number;
191
+ };
173
192
  }>> & import("vue").ShallowUnwrapRef<{
174
193
  renderData: import("vue").ComputedRef<any[]>;
175
194
  flatData: {
@@ -178,10 +197,12 @@ declare const BkTree: {
178
197
  levelLineSchema: {};
179
198
  };
180
199
  hanldeTreeNodeClick: (item: any) => void;
181
- getActionIcon: (item: any) => string | JSX.Element;
200
+ handleNodeContentClick: (item: any) => void;
201
+ handleNodeActionClick: (node: any) => void;
202
+ getActionIcon: (item: any) => any;
182
203
  getRootIcon: (item: any) => JSX.Element;
183
204
  getVirtualLines: (node: any) => JSX.Element[];
184
- getNodePrefixIcon: (item: any) => string | JSX.Element;
205
+ getNodePrefixIcon: (item: any) => any;
185
206
  getLoadingIcon: (item: any) => "" | JSX.Element;
186
207
  }> & {} & {} & import("vue").ComponentCustomProperties;
187
208
  __isFragment?: never;
@@ -222,6 +243,11 @@ declare const BkTree: {
222
243
  callback: (item: any, cb: any) => Promise<any>;
223
244
  cache: Boolean;
224
245
  }>;
246
+ offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
247
+ default: number;
248
+ } & {
249
+ default: number;
250
+ };
225
251
  }>>, {
226
252
  renderData: import("vue").ComputedRef<any[]>;
227
253
  flatData: {
@@ -230,12 +256,14 @@ declare const BkTree: {
230
256
  levelLineSchema: {};
231
257
  };
232
258
  hanldeTreeNodeClick: (item: any) => void;
233
- getActionIcon: (item: any) => string | JSX.Element;
259
+ handleNodeContentClick: (item: any) => void;
260
+ handleNodeActionClick: (node: any) => void;
261
+ getActionIcon: (item: any) => any;
234
262
  getRootIcon: (item: any) => JSX.Element;
235
263
  getVirtualLines: (node: any) => JSX.Element[];
236
- getNodePrefixIcon: (item: any) => string | JSX.Element;
264
+ getNodePrefixIcon: (item: any) => any;
237
265
  getLoadingIcon: (item: any) => "" | JSX.Element;
238
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
266
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
239
267
  data: any[];
240
268
  lineHeight: number;
241
269
  prefixIcon: any;
@@ -243,5 +271,6 @@ declare const BkTree: {
243
271
  indent: number;
244
272
  levelLine: any;
245
273
  virtualRender: boolean;
274
+ offsetLeft: number;
246
275
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
247
276
  export default BkTree;
package/lib/tree/index.js CHANGED
@@ -1 +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})}));
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),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})}));
@@ -72,6 +72,14 @@ export declare const treeProps: {
72
72
  * @param cache 是否缓存请求结果,默认为True,只有在第一次才会发起请求,若设置为false则每次都会发起请求
73
73
  */
74
74
  async: import("vue-types").VueTypeShape<AsyncOption>;
75
+ /**
76
+ * 每个节点偏移左侧距离
77
+ */
78
+ offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
79
+ default: number;
80
+ } & {
81
+ default: number;
82
+ };
75
83
  };
76
84
  declare type AsyncOption = {
77
85
  callback: (item: any, cb: any) => Promise<any>;
package/lib/tree/tree.css CHANGED
@@ -1,3 +1,9 @@
1
+ .bk-tree .bk-node-row {
2
+ padding-left: calc(var(--offset-left));
3
+ }
4
+ .bk-tree .bk-node-row.is-checked {
5
+ background-color: #EBF2FF;
6
+ }
1
7
  .bk-tree .bk-tree-node {
2
8
  position: relative;
3
9
  height: var(--lineHeight);
@@ -31,3 +37,6 @@
31
37
  .bk-tree .bk-tree-node .bk-tree-icon {
32
38
  margin: 0 6px 0 4px;
33
39
  }
40
+ .bk-tree .bk-tree-node .node-content {
41
+ display: inline-block;
42
+ }
@@ -19,7 +19,9 @@ declare const _default: import("vue").DefineComponent<{
19
19
  default: number;
20
20
  } & {
21
21
  default: number;
22
- };
22
+ }; /**
23
+ * 监听组件配置Data改变
24
+ */
23
25
  levelLine: import("vue-types").VueTypeDef<any> & {
24
26
  default: any;
25
27
  };
@@ -35,6 +37,11 @@ declare const _default: import("vue").DefineComponent<{
35
37
  callback: (item: any, cb: any) => Promise<any>;
36
38
  cache: Boolean;
37
39
  }>;
40
+ offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
41
+ default: number;
42
+ } & {
43
+ default: number;
44
+ };
38
45
  }, {
39
46
  renderData: import("vue").ComputedRef<any[]>;
40
47
  flatData: {
@@ -43,12 +50,14 @@ declare const _default: import("vue").DefineComponent<{
43
50
  levelLineSchema: {};
44
51
  };
45
52
  hanldeTreeNodeClick: (item: any) => void;
46
- getActionIcon: (item: any) => string | JSX.Element;
53
+ handleNodeContentClick: (item: any) => void;
54
+ handleNodeActionClick: (node: any) => void;
55
+ getActionIcon: (item: any) => any;
47
56
  getRootIcon: (item: any) => JSX.Element;
48
57
  getVirtualLines: (node: any) => JSX.Element[];
49
- getNodePrefixIcon: (item: any) => string | JSX.Element;
58
+ getNodePrefixIcon: (item: any) => any;
50
59
  getLoadingIcon: (item: any) => "" | JSX.Element;
51
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
60
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
52
61
  data: import("vue-types").VueTypeDef<any[]> & {
53
62
  default: () => any[];
54
63
  };
@@ -67,7 +76,9 @@ declare const _default: import("vue").DefineComponent<{
67
76
  default: number;
68
77
  } & {
69
78
  default: number;
70
- };
79
+ }; /**
80
+ * 监听组件配置Data改变
81
+ */
71
82
  levelLine: import("vue-types").VueTypeDef<any> & {
72
83
  default: any;
73
84
  };
@@ -83,6 +94,11 @@ declare const _default: import("vue").DefineComponent<{
83
94
  callback: (item: any, cb: any) => Promise<any>;
84
95
  cache: Boolean;
85
96
  }>;
97
+ offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
98
+ default: number;
99
+ } & {
100
+ default: number;
101
+ };
86
102
  }>>, {
87
103
  data: any[];
88
104
  lineHeight: number;
@@ -91,5 +107,6 @@ declare const _default: import("vue").DefineComponent<{
91
107
  indent: number;
92
108
  levelLine: any;
93
109
  virtualRender: boolean;
110
+ offsetLeft: number;
94
111
  }>;
95
112
  export default _default;
@@ -1,4 +1,11 @@
1
1
  .bk-tree {
2
+ .bk-node-row {
3
+ padding-left: calc(var(--offset-left));
4
+ &.is-checked {
5
+ background-color: #EBF2FF;
6
+ }
7
+ }
8
+
2
9
  .bk-tree-node {
3
10
  position: relative;
4
11
  height: var(--lineHeight);
@@ -37,5 +44,9 @@
37
44
  .bk-tree-icon {
38
45
  margin: 0 6px 0 4px;
39
46
  }
47
+
48
+ .node-content {
49
+ display: inline-block;
50
+ }
40
51
  }
41
52
  }
@@ -1,3 +1,9 @@
1
+ .bk-tree .bk-node-row {
2
+ padding-left: calc(var(--offset-left));
3
+ }
4
+ .bk-tree .bk-node-row.is-checked {
5
+ background-color: #EBF2FF;
6
+ }
1
7
  .bk-tree .bk-tree-node {
2
8
  position: relative;
3
9
  height: var(--lineHeight);
@@ -31,3 +37,6 @@
31
37
  .bk-tree .bk-tree-node .bk-tree-icon {
32
38
  margin: 0 6px 0 4px;
33
39
  }
40
+ .bk-tree .bk-tree-node .node-content {
41
+ display: inline-block;
42
+ }
@@ -21,7 +21,7 @@ export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
21
21
  '--level-line': any;
22
22
  '--lineHeight': string;
23
23
  '--indent': string;
24
- padding: number;
24
+ '--offset-left': string;
25
25
  };
26
26
  /**
27
27
  * 获取节点样式配置
@@ -29,11 +29,7 @@ export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
29
29
  * @param props
30
30
  * @returns
31
31
  */
32
- export declare const getNodeItemStyle: (item: any, props: TreePropTypes, flatData?: any) => {
33
- '--level-line'?: any;
34
- '--depth': any;
35
- paddingLeft: number;
36
- };
32
+ export declare const getNodeItemStyle: any;
37
33
  /**
38
34
  * 获取当前渲染节点Class List
39
35
  * @param item
@@ -46,6 +42,15 @@ export declare const getNodeItemClass: (item: any, schema: any, props: TreePropT
46
42
  'is-virtual-render': boolean;
47
43
  'level-line': any;
48
44
  };
45
+ /**
46
+ * 获取当前渲染节点Class List
47
+ * @param item
48
+ * @returns
49
+ */
50
+ export declare const getNodeRowClass: (item: any, schema: any) => {
51
+ 'is-checked': any;
52
+ 'bk-node-row': boolean;
53
+ };
49
54
  /**
50
55
  * 根据路径更新指定节点Child-Data
51
56
  * @param path 节点路径
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.21",
3
+ "version": "0.0.1-beta.22",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*"