bkui-vue 2.0.2-beta.9 → 2.0.2-beta.90

package/lib/tree/props.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, VNode } from 'vue';
+import { ExtractPropTypes, PropType, VNode } from 'vue';
 declare enum TreeSearchMatchEnum {
     FULL = "full",
     FUZZY = "fuzzy"
@@ -11,6 +11,8 @@ export type TreeNode = {
     [key: string]: unknown;
     children?: TreeNode[];
 };
+export type DropType = 'child' | 'move' | 'sort';
+export type DisableDropHandler = (data: TreeNode, type: DropType, target: TreeNode) => boolean;
 /**
  * Tree Prop: prefixIcon function
  * @param {} isRoot 是否为分跟节点
@@ -129,8 +131,23 @@ export declare const treeProps: {
     disableDrag: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
+    /**
+     * 是否禁用拖拽释放操作
+     * @param data
+     * @param type
+     * @param target
+     * @returns
+     */
+    disableDrop: PropType<DisableDropHandler>;
+    /**
+     * 拖拽阈值
+     * 用于判断拖拽时鼠标位置与节点的距离
+     * 当鼠标位置与节点的距离大于此值时，才会触发拖拽
+     */
+    dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
     };
     /**
      * 节点拖拽时可交换位置（开启拖拽可交换位置后将不支持改变层级）
@@ -140,6 +157,15 @@ export declare const treeProps: {
     } & {
         default: boolean;
     };
+    /**
+     * 拖拽排序模式
+     * - any: 允许拖拽到任意位置
+     * - next: 只允许拖拽到同级节点的前后位置
+     * 默认 any
+     */
+    dragSortMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     /**
      * 节点是否可以选中
      */
@@ -157,6 +183,14 @@ export declare const treeProps: {
     showCheckbox: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    /**
+     * 是否禁用节点复选框
+     */
+    disableCheck: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     /**
      * 默认选中的节点id，selectable为false时无效
      */

package/lib/tree/tree.css

@@ -257,13 +257,39 @@
 }
 .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:hover {
+  background-color: #f5f7fa;
 }
 .bk-tree .bk-node-row.is-selected {
   background-color: #ebf2ff;
 }
+.bk-tree .bk-node-row.is-selected:hover {
+  background-color: #e1ecff;
+}
+.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;
@@ -358,3 +384,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

@@ -72,14 +72,20 @@ declare const _default: import("vue").DefineComponent<{
     disableDrag: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
+    disableDrop: import("vue").PropType<import("./props").DisableDropHandler>;
+    dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
     };
     dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    dragSortMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -91,6 +97,11 @@ declare const _default: import("vue").DefineComponent<{
     showCheckbox: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    disableCheck: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     checked: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
@@ -139,6 +150,7 @@ declare const _default: import("vue").DefineComponent<{
     nodeDragStart: (..._args: any[]) => boolean;
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
+    nodeDragSort: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
     nodeEnterView: (..._args: any[]) => boolean;
     nodeSelected: (..._args: any[]) => boolean;
@@ -210,14 +222,20 @@ declare const _default: import("vue").DefineComponent<{
     disableDrag: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
+    disableDrop: import("vue").PropType<import("./props").DisableDropHandler>;
+    dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
     };
     dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    dragSortMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -229,6 +247,11 @@ declare const _default: import("vue").DefineComponent<{
     showCheckbox: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    disableCheck: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     checked: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
@@ -275,6 +298,7 @@ declare const _default: import("vue").DefineComponent<{
     onNodeCollapse?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
     onNodeDragOver?: (...args: any[]) => any;
+    onNodeDragSort?: (...args: any[]) => any;
     onNodeDragStart?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
     onNodeEnterView?: (...args: any[]) => any;
@@ -297,11 +321,13 @@ declare const _default: import("vue").DefineComponent<{
     levelLine: any;
     virtualRender: boolean;
     disableDrag: (...args: any[]) => any;
-    disableDrop: (...args: any[]) => any;
+    dragThreshold: number;
     dragSort: boolean;
+    dragSortMode: string;
     selectable: any;
     disabledFolderSelectable: boolean;
     showCheckbox: any;
+    disableCheck: boolean;
     showNodeTypeIcon: boolean;
     autoCheckChildren: any;
     autoOpenParentNode: boolean;

package/lib/tree/tree.less

@@ -5,12 +5,45 @@
 
 .@{bk-prefix}-tree {
   font-size: 14px;
+  position: relative;
 
   .@{bk-prefix}-node-row {
     padding-left: calc(var(--offset-left));
+    position: relative;
+
+    &:hover {
+      background-color: #f5f7fa;
+    }
 
     &.is-selected {
       background-color: #ebf2ff;
+
+      &:hover {
+        background-color: #e1ecff;
+      }
+    }
+
+    &.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;
+      }
     }
   }
 
@@ -66,6 +99,7 @@
       }
     }
 
+
     .node-virtual-line {
       position: absolute;
       top: -12px;
@@ -132,7 +166,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

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-F-scroll-x {
   overflow-x: auto;
@@ -387,13 +388,39 @@
 }
 .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:hover {
+  background-color: #f5f7fa;
 }
 .bk-tree .bk-node-row.is-selected {
   background-color: #ebf2ff;
 }
+.bk-tree .bk-node-row.is-selected:hover {
+  background-color: #e1ecff;
+}
+.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;
@@ -488,3 +515,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-array-move.d.ts

@@ -0,0 +1,6 @@
+import { TreeNode } from './props';
+type InsertPosition = 'insertAfter' | 'insertBefore';
+export declare function useArrayMove(): {
+    moveElement: (arr: TreeNode[], sourceIndex: number, targetIndex: number, sourceChildCount?: number, targetChildCount?: number, position?: InsertPosition) => TreeNode[];
+};
+export {};

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

@@ -7,9 +7,11 @@ declare const _default: (props: TreePropTypes, ctx: any, flatData: IFlatData, _r
     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;
+    deepUpdateChildNode: (node: TreeNode, attr: string | string[], value: unknown | unknown[]) => void;
+    updateParentChecked: (item: TreeNode, isChecked: any) => void;
 };
 export default _default;

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

@@ -12,6 +12,9 @@ declare const _default: (flatData: {
     getNodePathById: (id: string) => any;
     getNodeAttrById: (id: string, attr: string) => any;
     getNodeParentIdById: (id: string) => any;
+    getNodeIndexById: (id: string) => number;
+    getNodeIndexByNode: (node: TreeNode) => number;
+    getRootNodeList: () => TreeNode[];
     getParentNodeAttr: (node: TreeNode, attrName: string) => any;
     getParentNode: (node: TreeNode) => any;
     setNodeAttr: (node: TreeNode, attr: string, val: unknown, id?: any) => void;

package/lib/upload/index.js

@@ -1264,7 +1264,7 @@ const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () =>
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1309,7 +1309,7 @@ var EUploadStatus;
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1563,7 +1563,7 @@ const progress_less_namespaceObject = progress_less_x({  });
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1793,7 +1793,7 @@ const button_less_namespaceObject = button_less_x({  });
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -2057,7 +2057,7 @@ var spark_md5_default = /*#__PURE__*/__webpack_require__.n(spark_md5);
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -2398,7 +2398,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -2645,7 +2645,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -2932,7 +2932,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/upload/upload.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/virtual-render/index.js

@@ -145,7 +145,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -274,7 +274,7 @@ var virtualRenderProps = _objectSpread({
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -333,7 +333,7 @@ var virtualRenderProps = _objectSpread({
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -427,7 +427,7 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -661,7 +661,7 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -782,7 +782,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1145,7 +1145,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

package/lib/virtual-render/virtual-render.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-F-scroll-x {
   overflow-x: auto;

package/lib/volar.components.d.ts

@@ -2,7 +2,7 @@
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -99,6 +99,7 @@ declare module '@vue/runtime-core' {
     BkCodeDiff: typeof import('./code-diff/code-diff').default;
     BkSearchSelect: typeof import('./search-select/search-select').default;
     BkConfigProvider: typeof import('./config-provider/config-provider').default;
+    BkPopConfirm: typeof import('./pop-confirm/pop-confirm').default;
   }
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.2-beta.9",
+  "version": "2.0.2-beta.90",
   "workspaces": [
     "packages/**",
     "scripts/cli",
@@ -88,7 +88,9 @@
     "typescript": "~4.9.5",
     "uuid": "~9.0.1",
     "vue": "~3.3.4",
-    "vue-types": "~4.1.1"
+    "vue-types": "~4.1.1",
+    "ws": "~8.17.1",
+    "parse-url": "~8.1.0"
   },
   "peerDependencies": {
     "highlight.js": "~11.5.0",
@@ -112,10 +114,19 @@
       "path": "./node_modules/cz-lerna-changelog"
     }
   },
+  "resolutions": {
+    "braces": ">=3.0.3",
+    "cross-spawn": ">=7.0.5",
+    "nth-check": ">=2.0.1",
+    "parse-path": ">=5.0.0",
+    "shelljs": "^0.8.5",
+    "semver": ">=7.5.2"
+  },
   "dependencies": {
     "@floating-ui/dom": "~1.5.0",
     "@popperjs/core": "~2.11.8",
     "date-fns": "~2.30.0",
+    "dompurify": "3.2.6",
     "js-calendar": "~1.2.3",
     "json-formatter-js": "~2.3.4",
     "lodash": "~4.17.21",