bkui-vue 2.0.2-beta.2 → 2.0.2-beta.20

package/lib/tree/props.d.ts

@@ -240,6 +240,7 @@ type AsyncOption = {
     callback: (item: any, cb: any) => Promise<VNode | string>;
     cache: boolean;
     deepAutoOpen?: string;
+    trigger?: string[];
 };
 export type IIntersectionObserver = {
     enabled: boolean;

package/lib/tree/tree.css

@@ -257,13 +257,33 @@
 }
 .bk-tree {
   font-size: 14px;
+  position: relative;
 }
 .bk-tree .bk-node-row {
   padding-left: calc(var(--offset-left));
+  position: relative;
 }
 .bk-tree .bk-node-row.is-selected {
   background-color: #ebf2ff;
 }
+.bk-tree .bk-node-row.drop-before::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background-color: #2196F3;
+}
+.bk-tree .bk-node-row.drop-after::before {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background-color: #2196F3;
+}
 .bk-tree-node {
   position: relative;
   display: flex;
@@ -276,6 +296,20 @@
 .bk-tree-node:not(.is-root) {
   margin-left: calc(var(--depth)*var(--indent));
 }
+.bk-tree-node:not(.is-root).level-line .bk-node-action.empty-child {
+  position: relative;
+}
+.bk-tree-node:not(.is-root).level-line .bk-node-action.empty-child::before {
+  position: absolute;
+  top: calc(50% + 1px);
+  left: 0;
+  right: 0;
+  z-index: 1;
+  height: 0;
+  pointer-events: none;
+  border-bottom: var(--level-line);
+  content: '';
+}
 .bk-tree-node:not(.is-root).level-line::before {
   position: absolute;
   top: calc(50% + 1px);
@@ -309,6 +343,7 @@
 .bk-tree-node .bk-node-action {
   margin-right: 6px;
   color: #979ba5;
+  min-width: 14px;
 }
 .bk-tree-node .bk-tree-icon {
   margin: 0 6px 0 4px;
@@ -319,6 +354,9 @@
   align-items: center;
   min-width: 0;
 }
+.bk-tree-node .bk-node-content .node-check-box {
+  display: inline-flex;
+}
 .bk-tree-node .bk-node-content .bk-checkbox {
   margin: 0;
 }
@@ -340,3 +378,11 @@
 .bk-tree-drop-disabled .bk-tree-node {
   cursor: no-drop;
 }
+.bk-tree .insert-line {
+  position: absolute;
+  height: 2px;
+  background: #2196F3;
+  display: none;
+  pointer-events: none;
+  z-index: 999;
+}

package/lib/tree/tree.d.ts

@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         cache: boolean;
         deepAutoOpen?: string;
+        trigger?: string[];
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -186,6 +187,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         cache: boolean;
         deepAutoOpen?: string;
+        trigger?: string[];
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
         default: number;

package/lib/tree/tree.less

@@ -5,13 +5,38 @@
 
 .@{bk-prefix}-tree {
   font-size: 14px;
+  position: relative;
 
   .@{bk-prefix}-node-row {
     padding-left: calc(var(--offset-left));
+    position: relative;
 
     &.is-selected {
       background-color: #ebf2ff;
     }
+
+    &.drop-before {
+      &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 1px;
+        background-color: #2196F3;
+      }
+    }
+    &.drop-after {
+      &::before {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 1px;
+        background-color: #2196F3;
+      }
+    }
   }
 
   &-node {
@@ -27,6 +52,25 @@
       margin-left: calc(var(--depth)*var(--indent));
 
       &.level-line {
+
+        .@{bk-prefix}-node-action {
+          &.empty-child {
+            position: relative;
+
+            &::before {
+              position: absolute;
+              top: calc(50% + 1px);
+              left: 0;
+              right: 0;
+              z-index: 1;
+              height: 0;
+              pointer-events: none;
+              border-bottom: var(--level-line);
+              content: '';
+            }
+          }
+        }
+
         &::before {
           position: absolute;
           top: calc(50% + 1px);
@@ -47,6 +91,7 @@
       }
     }
 
+
     .node-virtual-line {
       position: absolute;
       top: -12px;
@@ -68,6 +113,7 @@
     .@{bk-prefix}-node-action {
       margin-right: 6px;
       color: #979ba5;
+      min-width: 14px;
     }
 
     .@{bk-prefix}-tree-icon {
@@ -80,6 +126,10 @@
       align-items: center;
       min-width: 0;
 
+      .node-check-box {
+        display: inline-flex;
+      }
+
       .@{bk-prefix}-checkbox {
         margin: 0;
 
@@ -108,7 +158,12 @@
     }
   }
 
-  &-drag-disabled {
-
+  .insert-line {
+    position: absolute;
+    height: 2px;
+    background: #2196F3;
+    display: none;
+    pointer-events: none;
+    z-index: 999;
   }
 }

package/lib/tree/tree.variable.css

@@ -387,13 +387,33 @@
 }
 .bk-tree {
   font-size: 14px;
+  position: relative;
 }
 .bk-tree .bk-node-row {
   padding-left: calc(var(--offset-left));
+  position: relative;
 }
 .bk-tree .bk-node-row.is-selected {
   background-color: #ebf2ff;
 }
+.bk-tree .bk-node-row.drop-before::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background-color: #2196F3;
+}
+.bk-tree .bk-node-row.drop-after::before {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background-color: #2196F3;
+}
 .bk-tree-node {
   position: relative;
   display: flex;
@@ -406,6 +426,20 @@
 .bk-tree-node:not(.is-root) {
   margin-left: calc(var(--depth)*var(--indent));
 }
+.bk-tree-node:not(.is-root).level-line .bk-node-action.empty-child {
+  position: relative;
+}
+.bk-tree-node:not(.is-root).level-line .bk-node-action.empty-child::before {
+  position: absolute;
+  top: calc(50% + 1px);
+  left: 0;
+  right: 0;
+  z-index: 1;
+  height: 0;
+  pointer-events: none;
+  border-bottom: var(--level-line);
+  content: '';
+}
 .bk-tree-node:not(.is-root).level-line::before {
   position: absolute;
   top: calc(50% + 1px);
@@ -439,6 +473,7 @@
 .bk-tree-node .bk-node-action {
   margin-right: 6px;
   color: #979ba5;
+  min-width: 14px;
 }
 .bk-tree-node .bk-tree-icon {
   margin: 0 6px 0 4px;
@@ -449,6 +484,9 @@
   align-items: center;
   min-width: 0;
 }
+.bk-tree-node .bk-node-content .node-check-box {
+  display: inline-flex;
+}
 .bk-tree-node .bk-node-content .bk-checkbox {
   margin: 0;
 }
@@ -470,3 +508,11 @@
 .bk-tree-drop-disabled .bk-tree-node {
   cursor: no-drop;
 }
+.bk-tree .insert-line {
+  position: absolute;
+  height: 2px;
+  background: #2196F3;
+  display: none;
+  pointer-events: none;
+  z-index: 999;
+}

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

@@ -2,12 +2,12 @@ import { TreeNode, TreePropTypes } from './props';
 import { IFlatData } from './util';
 declare const _default: (props: TreePropTypes, ctx: any, flatData: IFlatData, _renderData: any, initOption: any) => {
     renderTreeNode: (item: TreeNode, showTree?: boolean) => JSX.Element;
-    handleTreeNodeClick: (item: TreeNode, e: MouseEvent) => void;
+    handleTreeNodeClick: (item: TreeNode, e: MouseEvent, event?: string) => void;
     deepAutoOpen: () => void;
     asyncNodeClick: (item: TreeNode) => Promise<boolean> | Promise<void | Record<string, unknown>>;
     setNodeAction: (args: TreeNode | TreeNode[], action: string, value: unknown) => void;
     setNodeOpened: (item: TreeNode, isOpen?: any, e?: MouseEvent, fireEmit?: boolean) => void;
-    setSelect: (nodes: TreeNode | TreeNode[], selected?: boolean, autoOpen?: boolean, triggerEvent?: boolean) => void;
+    setSelect: (nodes: TreeNode | TreeNode[], selected?: boolean, autoOpen?: boolean, triggerEvent?: boolean, event?: string) => void;
     setOpen: (item: TreeNode, isOpen?: boolean, autoOpenParents?: boolean) => void;
     setNodeAttribute: (node: TreeNode, attrName: string | string[], value: (boolean | number | string)[] | boolean | number | string, loopParent?: boolean) => void;
     isIndeterminate: (item: TreeNode) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.2-beta.2",
+  "version": "2.0.2-beta.20",
   "workspaces": [
     "packages/**",
     "scripts/cli",

package/lib/plugin-popover/index.d.ts

@@ -1,27 +0,0 @@
-/**
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-import { $bkPopover } from '../popover';
-export default $bkPopover;

package/lib/plugin-popover/index.js

@@ -1,65 +0,0 @@
-import "../styles/reset.css";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
-/******/ // The require scope
-/******/ var __webpack_require__ = {};
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ src)
-});
-
-;// CONCATENATED MODULE: external "../popover"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const popover_namespaceObject = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
-;// CONCATENATED MODULE: ../../packages/plugin-popover/src/index.ts
-/**
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-/* harmony default export */ const src = (popover_namespaceObject.$bkPopover);
-var __webpack_exports__default = __webpack_exports__["default"];
-export { __webpack_exports__default as default };

package/lib/plugins/index.d.ts

@@ -1 +0,0 @@
-export { default as $bkPopover } from '../plugin-popover';

package/lib/plugins/index.js

@@ -1,64 +0,0 @@
-import "../styles/reset.css";
-import * as __WEBPACK_EXTERNAL_MODULE__plugin_popover_d49f5bb2__ from "../plugin-popover";
-/******/ // The require scope
-/******/ var __webpack_require__ = {};
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  $bkPopover: () => (/* reexport */ external_plugin_popover_namespaceObject["default"])
-});
-
-;// CONCATENATED MODULE: external "../plugin-popover"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_plugin_popover_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__plugin_popover_d49f5bb2__["default"] });
-;// CONCATENATED MODULE: ../../packages/plugins/src/index.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-var __webpack_exports__$bkPopover = __webpack_exports__.$bkPopover;
-export { __webpack_exports__$bkPopover as $bkPopover };