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.
- package/dist/bkui-vue.cjs.js +117 -31
- package/dist/bkui-vue.esm.js +117 -31
- package/dist/bkui-vue.umd.js +117 -31
- package/dist/style.css +17 -1
- package/lib/table/index.d.ts +24 -1
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +8 -0
- package/lib/table/render.d.ts +2 -0
- package/lib/table/table.css +8 -1
- package/lib/table/table.d.ts +11 -0
- package/lib/table/table.less +10 -1
- package/lib/table/table.variable.css +8 -1
- package/lib/tree/index.d.ts +39 -10
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +8 -0
- package/lib/tree/tree.css +9 -0
- package/lib/tree/tree.d.ts +22 -5
- package/lib/tree/tree.less +11 -0
- package/lib/tree/tree.variable.css +9 -0
- package/lib/tree/util.d.ts +11 -6
- package/package.json +1 -1
package/lib/tree/index.d.ts
CHANGED
@@ -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
|
-
|
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
|
-
|
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) =>
|
121
|
+
getNodePrefixIcon: (item: any) => any;
|
109
122
|
getLoadingIcon: (item: any) => "" | JSX.Element;
|
110
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
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
|
-
|
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) =>
|
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
|
-
|
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) =>
|
264
|
+
getNodePrefixIcon: (item: any) => any;
|
237
265
|
getLoadingIcon: (item: any) => "" | JSX.Element;
|
238
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
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})}));
|
package/lib/tree/props.d.ts
CHANGED
@@ -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
|
+
}
|
package/lib/tree/tree.d.ts
CHANGED
@@ -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
|
-
|
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) =>
|
58
|
+
getNodePrefixIcon: (item: any) => any;
|
50
59
|
getLoadingIcon: (item: any) => "" | JSX.Element;
|
51
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
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;
|
package/lib/tree/tree.less
CHANGED
@@ -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
|
+
}
|
package/lib/tree/util.d.ts
CHANGED
@@ -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
|
-
|
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:
|
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 节点路径
|