bkui-vue 2.0.1-beta.1 → 2.0.1-beta.10

package/lib/tree/index.d.ts

@@ -40,7 +40,7 @@ declare const BkTree: {
         };
         async: import("vue-types").VueTypeShape<{
             callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -124,15 +124,15 @@ declare const BkTree: {
             default: boolean | (() => import("./props").IIntersectionObserver);
         };
     }>> & {
+        onNodeChecked?: (...args: any[]) => any;
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
-        onNodeExpand?: (...args: any[]) => any;
-        onNodeChecked?: (...args: any[]) => any;
-        onNodeDragStart?: (...args: any[]) => any;
-        onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
+        onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
+        onNodeExpand?: (...args: any[]) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         nodeClick: (..._args: any[]) => boolean;
         nodeCollapse: (..._args: any[]) => boolean;
@@ -184,7 +184,7 @@ declare const BkTree: {
         };
         async: import("vue-types").VueTypeShape<{
             callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -268,15 +268,15 @@ declare const BkTree: {
             default: boolean | (() => import("./props").IIntersectionObserver);
         };
     }>> & {
+        onNodeChecked?: (...args: any[]) => any;
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
-        onNodeExpand?: (...args: any[]) => any;
-        onNodeChecked?: (...args: any[]) => any;
-        onNodeDragStart?: (...args: any[]) => any;
-        onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
+        onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
+        onNodeExpand?: (...args: any[]) => any;
     }, {
         data: any[];
         height: number;
@@ -354,7 +354,7 @@ declare const BkTree: {
         };
         async: import("vue-types").VueTypeShape<{
             callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -438,15 +438,15 @@ declare const BkTree: {
             default: boolean | (() => import("./props").IIntersectionObserver);
         };
     }>> & {
+        onNodeChecked?: (...args: any[]) => any;
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
-        onNodeExpand?: (...args: any[]) => any;
-        onNodeChecked?: (...args: any[]) => any;
-        onNodeDragStart?: (...args: any[]) => any;
-        onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
+        onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
+        onNodeExpand?: (...args: any[]) => any;
     }, () => JSX.Element, {}, {}, {}, {
         data: any[];
         height: number;
@@ -521,7 +521,7 @@ declare const BkTree: {
     };
     async: import("vue-types").VueTypeShape<{
         callback: (item: any, cb: any) => Promise<any>;
-        cache: Boolean;
+        cache: boolean;
         deepAutoOpen?: string;
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -605,15 +605,15 @@ declare const BkTree: {
         default: boolean | (() => import("./props").IIntersectionObserver);
     };
 }>> & {
+    onNodeChecked?: (...args: any[]) => any;
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
-    onNodeExpand?: (...args: any[]) => any;
-    onNodeChecked?: (...args: any[]) => any;
-    onNodeDragStart?: (...args: any[]) => any;
-    onNodeDragOver?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
+    onNodeDragOver?: (...args: any[]) => any;
+    onNodeDragStart?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
     onNodeEnterView?: (...args: any[]) => any;
+    onNodeExpand?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     nodeClick: (..._args: any[]) => boolean;
     nodeCollapse: (..._args: any[]) => boolean;

package/lib/tree/index.js

@@ -17303,7 +17303,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.resolveClassName, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -17454,15 +17454,15 @@ function _defineProperty(obj, key, value) {
  */
 var EVENTS;
 (function (EVENTS) {
+  EVENTS["NODE_CHECKED"] = "nodeChecked";
   EVENTS["NODE_CLICK"] = "nodeClick";
   EVENTS["NODE_COLLAPSE"] = "nodeCollapse";
-  EVENTS["NODE_EXPAND"] = "nodeExpand";
-  EVENTS["NODE_CHECKED"] = "nodeChecked";
-  EVENTS["NODE_DRAG_START"] = "nodeDragStart";
-  EVENTS["NODE_DRAG_OVER"] = "nodeDragOver";
   EVENTS["NODE_DRAG_LEAVE"] = "nodeDragLeave";
+  EVENTS["NODE_DRAG_OVER"] = "nodeDragOver";
+  EVENTS["NODE_DRAG_START"] = "nodeDragStart";
   EVENTS["NODE_DROP"] = "nodeDrop";
   EVENTS["NODE_ENTER_VIEW"] = "nodeEnterView";
+  EVENTS["NODE_EXPAND"] = "nodeExpand";
 })(EVENTS || (EVENTS = {}));
 var EMPTY = function EMPTY() {
   return true;
@@ -17475,24 +17475,24 @@ var TreeEmitEventsType = _defineProperty(_defineProperty(_defineProperty(_define
 var NODE_ATTRIBUTES;
 (function (NODE_ATTRIBUTES) {
   NODE_ATTRIBUTES["DEPTH"] = "__depth";
-  NODE_ATTRIBUTES["INDEX"] = "__index";
-  NODE_ATTRIBUTES["UUID"] = "__uuid";
-  NODE_ATTRIBUTES["PARENT"] = "__parent";
   NODE_ATTRIBUTES["HAS_CHILD"] = "__has_child";
-  NODE_ATTRIBUTES["PATH"] = "__path";
-  NODE_ATTRIBUTES["IS_ROOT"] = "__is_root";
-  NODE_ATTRIBUTES["ORDER"] = "__order";
-  NODE_ATTRIBUTES["IS_OPEN"] = "__is_open";
-  NODE_ATTRIBUTES["IS_CHECKED"] = "__is_checked";
-  NODE_ATTRIBUTES["IS_SELECTED"] = "__is_selected";
+  NODE_ATTRIBUTES["INDEX"] = "__index";
+  NODE_ATTRIBUTES["IS_ASYNC"] = "__is_async";
   NODE_ATTRIBUTES["IS_ASYNC_INIT"] = "__is_async_init";
-  NODE_ATTRIBUTES["IS_MATCH"] = "__is_match";
-  NODE_ATTRIBUTES["IS_NULL"] = "__IS_NULL";
   NODE_ATTRIBUTES["IS_CACHED"] = "__is_cached";
-  NODE_ATTRIBUTES["IS_ASYNC"] = "__is_async";
+  NODE_ATTRIBUTES["IS_CHECKED"] = "__is_checked";
+  NODE_ATTRIBUTES["IS_INDETERMINATE"] = "__is_indeterminate";
   NODE_ATTRIBUTES["IS_LOADING"] = "__is_loading";
+  NODE_ATTRIBUTES["IS_MATCH"] = "__is_match";
+  NODE_ATTRIBUTES["IS_NULL"] = "__IS_NULL";
+  NODE_ATTRIBUTES["IS_OPEN"] = "__is_open";
+  NODE_ATTRIBUTES["IS_ROOT"] = "__is_root";
+  NODE_ATTRIBUTES["IS_SELECTED"] = "__is_selected";
+  NODE_ATTRIBUTES["ORDER"] = "__order";
+  NODE_ATTRIBUTES["PARENT"] = "__parent";
+  NODE_ATTRIBUTES["PATH"] = "__path";
   NODE_ATTRIBUTES["TREE_NODE_ATTR"] = "__attr__";
-  NODE_ATTRIBUTES["IS_INDETERMINATE"] = "__is_indeterminate";
+  NODE_ATTRIBUTES["UUID"] = "__uuid";
 })(NODE_ATTRIBUTES || (NODE_ATTRIBUTES = {}));
 var NODE_SOURCE_ATTRS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NODE_ATTRIBUTES.IS_OPEN, 'isOpen'), NODE_ATTRIBUTES.IS_SELECTED, 'selected'), NODE_ATTRIBUTES.IS_MATCH, 'isMatch'), NODE_ATTRIBUTES.HAS_CHILD, 'hasChild'), NODE_ATTRIBUTES.IS_CHECKED, 'checked'), NODE_ATTRIBUTES.IS_ASYNC, 'async'), NODE_ATTRIBUTES.IS_LOADING, 'loading'), NODE_ATTRIBUTES.IS_ROOT, 'isRoot');
 /**
@@ -17501,9 +17501,9 @@ var NODE_SOURCE_ATTRS = _defineProperty(_defineProperty(_defineProperty(_defineP
 var NodeContentActionEnum;
 (function (NodeContentActionEnum) {
   NodeContentActionEnum["CLICK"] = "click";
-  NodeContentActionEnum["SELECTED"] = "selected";
-  NodeContentActionEnum["EXPAND"] = "expand";
   NodeContentActionEnum["COLLAPSE"] = "collapse";
+  NodeContentActionEnum["EXPAND"] = "expand";
+  NodeContentActionEnum["SELECTED"] = "selected";
 })(NodeContentActionEnum || (NodeContentActionEnum = {}));
 ;// CONCATENATED MODULE: external "vue-types"
 var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
@@ -17515,18 +17515,18 @@ const external_vue_types_namespaceObject = external_vue_types_x({ ["string"]: ()
 
 var ColumnTypeEnum;
 (function (ColumnTypeEnum) {
-  ColumnTypeEnum["ONCE"] = "once";
   ColumnTypeEnum["EVERY"] = "every";
+  ColumnTypeEnum["ONCE"] = "once";
 })(ColumnTypeEnum || (ColumnTypeEnum = {}));
 var TreeSearchMatchEnum;
 (function (TreeSearchMatchEnum) {
-  TreeSearchMatchEnum["FUZZY"] = "fuzzy";
   TreeSearchMatchEnum["FULL"] = "full";
+  TreeSearchMatchEnum["FUZZY"] = "fuzzy";
 })(TreeSearchMatchEnum || (TreeSearchMatchEnum = {}));
 var TreeSearchResultEnum;
 (function (TreeSearchResultEnum) {
-  TreeSearchResultEnum["TREE"] = "tree";
   TreeSearchResultEnum["LIST"] = "list";
+  TreeSearchResultEnum["TREE"] = "tree";
 })(TreeSearchResultEnum || (TreeSearchResultEnum = {}));
 var treeProps = {
   /**
@@ -18334,13 +18334,11 @@ var getNodeItemClass = function getNodeItemClass(item, schema, props) {
   var _ref = schema.get(item) || {},
     __is_root = _ref.__is_root,
     __is_open = _ref.__is_open;
-  return {
-    'is-root': __is_root,
-    'bk-tree-node': true,
-    'is-open': __is_open,
-    'is-virtual-render': props.virtualRender,
-    'level-line': props.levelLine && showTree
-  };
+  var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    resolveClassName = _usePrefix.resolveClassName;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    'is-root': __is_root
+  }, "".concat(resolveClassName('tree-node')), true), 'is-open', __is_open), 'is-virtual-render', props.virtualRender), 'level-line', props.levelLine && showTree);
 };
 /**
  * 获取当前渲染节点Class List
@@ -18349,15 +18347,17 @@ var getNodeItemClass = function getNodeItemClass(item, schema, props) {
  */
 var getNodeRowClass = function getNodeRowClass(item, schema) {
   // eslint-disable-next-line @typescript-eslint/naming-convention
-  var _ref2 = schema.get(item) || {},
-    __is_checked = _ref2.__is_checked,
-    __is_selected = _ref2.__is_selected;
+  var _ref3 = schema.get(item) || {},
+    __is_checked = _ref3.__is_checked,
+    __is_selected = _ref3.__is_selected;
+  var _usePrefix2 = (0,config_provider_namespaceObject.usePrefix)(),
+    resolveClassName = _usePrefix2.resolveClassName;
   return _defineProperty({
     'is-checked': __is_checked,
     'is-selected': __is_selected,
     'node-folder': item.is_folder,
     'node-leaf': item.is_leaf
-  }, (0,shared_namespaceObject.resolveClassName)('node-row'), true);
+  }, "".concat(resolveClassName('node-row')), true);
 };
 /**
  * 根据路径更新指定节点Child-Data
@@ -18737,9 +18737,9 @@ var use_node_action_this = undefined;
     return (0,external_vue_namespaceObject.createVNode)("span", {
       "onClick": handleNodeCheckboxClick
     }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
-      "size": "small",
-      "modelValue": isNodeChecked(item),
       "indeterminate": isIndeterminate(item),
+      "modelValue": isNodeChecked(item),
+      "size": "small",
       "onChange": function onChange(val, event) {
         return handleNodeItemCheckboxChange(item, !!val, event);
       }
@@ -19004,8 +19004,8 @@ var use_node_action_this = undefined;
     // @ts-ignore:next-line
     .map(function (index) {
       return (0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "node-virtual-line",
-        "style": getNodeLineStyle(maxDeep - index)
+        "style": getNodeLineStyle(maxDeep - index),
+        "class": "node-virtual-line"
       }, null);
     });
   };
@@ -19039,12 +19039,12 @@ var use_node_action_this = undefined;
     var _ctx$slots$nodeAppend, _ctx$slots4;
     var showTree = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "data-tree-node": getNodeId(item),
       "key": getNodeId(item),
-      "class": getNodeRowClass(item, flatData.schema)
+      "class": getNodeRowClass(item, flatData.schema),
+      "data-tree-node": getNodeId(item)
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": getNodeItemClass(item, flatData.schema, props, showTree),
       "style": getNodeItemStyle(item, props, flatData, showTree),
+      "class": getNodeItemClass(item, flatData.schema, props, showTree),
       "onClick": function onClick(e) {
         return handleNodeContentClick(item, e);
       }
@@ -20068,18 +20068,18 @@ var use_tree_init_this = undefined;
       resolveClassName = _usePrefix.resolveClassName;
     return function () {
       return (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
-        "class": resolveClassName('tree'),
+        "ref": root,
         "style": getTreeStyle(null, props),
-        "list": renderData.value,
-        "lineHeight": props.lineHeight,
         "height": props.height,
+        "class": resolveClassName('tree'),
+        "contentClassName": resolveClassName('container'),
         "enabled": props.virtualRender,
-        "rowKey": NODE_ATTRIBUTES.UUID,
         "keepAlive": true,
-        "contentClassName": resolveClassName('container'),
+        "lineHeight": props.lineHeight,
+        "list": renderData.value,
+        "rowKey": NODE_ATTRIBUTES.UUID,
         "throttleDelay": 0,
-        "onContentScroll": handleContentScroll,
-        "ref": root
+        "onContentScroll": handleContentScroll
       }, {
         "default": function _default(scoped) {
           return renderTreeContent(scoped.data || []);

package/lib/tree/props.d.ts

@@ -1,11 +1,11 @@
 import { ExtractPropTypes } from 'vue';
 declare enum TreeSearchMatchEnum {
-    FUZZY = "fuzzy",
-    FULL = "full"
+    FULL = "full",
+    FUZZY = "fuzzy"
 }
 declare enum TreeSearchResultEnum {
-    TREE = "tree",
-    LIST = "list"
+    LIST = "list",
+    TREE = "tree"
 }
 /**
  * Tree Prop: prefixIcon function
@@ -231,7 +231,7 @@ export declare const treeProps: {
 };
 type AsyncOption = {
     callback: (item: any, cb: any) => Promise<any>;
-    cache: Boolean;
+    cache: boolean;
     deepAutoOpen?: string;
 };
 export type IIntersectionObserver = {
@@ -239,7 +239,7 @@ export type IIntersectionObserver = {
     callback: (node: any, level: number, index: number) => void;
 };
 export type SearchOption = {
-    value: string | number | boolean;
+    value: boolean | number | string;
     match?: `${TreeSearchMatchEnum}` | Function;
     resultType?: `${TreeSearchResultEnum}`;
     showChildNodes?: boolean;

package/lib/tree/tree.d.ts

@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     async: import("vue-types").VueTypeShape<{
         callback: (item: any, cb: any) => Promise<any>;
-        cache: Boolean;
+        cache: boolean;
         deepAutoOpen?: string;
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -182,7 +182,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     async: import("vue-types").VueTypeShape<{
         callback: (item: any, cb: any) => Promise<any>;
-        cache: Boolean;
+        cache: boolean;
         deepAutoOpen?: string;
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -269,15 +269,15 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean | (() => import("./props").IIntersectionObserver);
     };
 }>> & {
+    onNodeChecked?: (...args: any[]) => any;
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
-    onNodeExpand?: (...args: any[]) => any;
-    onNodeChecked?: (...args: any[]) => any;
-    onNodeDragStart?: (...args: any[]) => any;
-    onNodeDragOver?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
+    onNodeDragOver?: (...args: any[]) => any;
+    onNodeDragStart?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
     onNodeEnterView?: (...args: any[]) => any;
+    onNodeExpand?: (...args: any[]) => any;
 }, {
     data: any[];
     height: number;

package/lib/tree/tree.less

@@ -108,7 +108,7 @@
     }
   }
 
-  &-drag-disabled{
+  &-drag-disabled {
 
   }
 }

package/lib/tree/use-empty.d.ts

@@ -1,4 +1,4 @@
 declare const _default: (props: any) => {
-    renderEmpty: (type: '404' | '403' | '500' | 'building' | 'empty' | 'search-empty' | 'login') => JSX.Element;
+    renderEmpty: (type: '403' | '404' | '500' | 'building' | 'empty' | 'login' | 'search-empty') => JSX.Element;
 };
 export default _default;

package/lib/tree/use-node-action.d.ts

@@ -8,7 +8,7 @@ declare const _default: (props: TreePropTypes, ctx: any, flatData: IFlatData, _r
     setNodeAction: (args: any | any[], action: string, value: any) => void;
     setNodeOpened: (item: any, isOpen?: any, e?: MouseEvent, fireEmit?: boolean) => void;
     setSelect: (nodes: any, selected?: boolean, autoOpen?: boolean) => void;
-    setOpen: (item: any[] | any, isOpen?: boolean, autoOpenParents?: boolean) => void;
-    setNodeAttribute: (node: any, attrName: string | string[], value: string | number | boolean | (string | number | boolean)[], loopParent?: boolean) => void;
+    setOpen: (item: any | any[], isOpen?: boolean, autoOpenParents?: boolean) => void;
+    setNodeAttribute: (node: any, attrName: string | string[], value: (boolean | number | string)[] | boolean | number | string, loopParent?: boolean) => void;
 };
 export default _default;

package/lib/tree/use-search.d.ts

@@ -1,6 +1,6 @@
 import { SearchOption, TreePropTypes } from './props';
 declare const _default: (props: TreePropTypes) => {
-    searchFn: (itemValue: string | number, item: any) => any;
+    searchFn: (itemValue: number | string, item: any) => any;
     refSearch: import("vue").Ref<string | number | boolean | SearchOption>;
     isSearchActive: import("vue").ComputedRef<boolean>;
     isSearchDisabled: boolean;

package/lib/tree/util.d.ts

@@ -34,8 +34,8 @@ export declare const getNodeItemStyle: any;
  * @returns
  */
 export declare const getNodeItemClass: (item: any, schema: WeakMap<Object, any>, props: TreePropTypes, showTree?: boolean) => {
+    [x: string]: any;
     'is-root': any;
-    'bk-tree-node': boolean;
     'is-open': any;
     'is-virtual-render': boolean;
     'level-line': boolean;