bkui-vue 2.0.2-beta.7 → 2.0.2-beta.70

package/lib/tag-input/tag-input.css

@@ -42,6 +42,7 @@
   font-size: 12px;
   border: solid 1px transparent;
   border-radius: 2px;
+  position: relative;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list > li.tag-item {
   background: #f0f1f5;
@@ -61,6 +62,21 @@
   word-break: break-all;
   white-space: nowrap;
 }
+.bk-tag-input .bk-tag-input-trigger .tag-list .tag .dblclick-edit-input {
+  background-color: #e1ecff;
+  border: none;
+  height: 100%;
+  max-width: 100%;
+  padding: 0px 8px;
+  position: absolute;
+  resize: none;
+  top: 0px;
+  width: 100%;
+}
+.bk-tag-input .bk-tag-input-trigger .tag-list .tag .dblclick-edit-input:focus {
+  outline: none;
+  border: none;
+}
 .bk-tag-input .bk-tag-input-trigger .tag-list .text {
   box-sizing: border-box;
   padding: 0 5px;

package/lib/tag-input/tag-input.d.ts

@@ -244,7 +244,13 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             } & {
                 default: boolean;
-            };
+            }; /**
+             * 不显示条件：
+             * 1. 设置不可清除
+             * 2. 禁用时
+             * 3. tag标签为空时
+             * 4. 设置了showClearOnlyHover，且没有hover的时候
+             */
             disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -326,6 +332,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     };
     handleInput: (e?: Event) => void;
+    handleCompositionEnd: () => void;
     handleFocus: () => void;
     handleBlur: () => void;
     handleTagSelected: (item: any, type: string, e?: Event) => void;
@@ -335,6 +342,8 @@ declare const _default: import("vue").DefineComponent<{
     handleKeydown: (e: KeyboardEvent) => void;
     handlePaste: (e: ClipboardEvent) => void;
     resolveClassName: (cls: string) => string;
+    handleTagDblclick: (isDblclick: any) => void;
+    handleTagDblclickChange: (item: any, index: any, value: any) => void;
     curPage: Ref<number>;
     totalSize: Ref<number>;
     totalPage: Ref<number>;
@@ -602,7 +611,13 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             } & {
                 default: boolean;
-            };
+            }; /**
+             * 不显示条件：
+             * 1. 设置不可清除
+             * 2. 禁用时
+             * 3. tag标签为空时
+             * 4. 设置了showClearOnlyHover，且没有hover的时候
+             */
             disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {

package/lib/tag-input/tag-input.less

@@ -49,6 +49,7 @@
         font-size: 12px;
         border: solid 1px transparent;
         border-radius: 2px;
+        position: relative;
 
         &.tag-item {
           background: #f0f1f5;
@@ -70,6 +71,21 @@
         text-overflow: ellipsis;
         word-break: break-all;
         white-space: nowrap;
+        .dblclick-edit-input {
+          background-color: rgb(225, 236, 255);
+          border: none;
+          height: 100%;
+          max-width: 100%;
+          padding: 0px 8px;
+          position: absolute;
+          resize: none;
+          top: 0px;
+          width: 100%;
+          &:focus {
+            outline: none;
+            border: none;
+          }
+        }
       }
 
       .text {

package/lib/tag-input/tag-input.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-tag-input {
   position: relative;
@@ -172,6 +173,7 @@
   font-size: 12px;
   border: solid 1px transparent;
   border-radius: 2px;
+  position: relative;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list > li.tag-item {
   background: #f0f1f5;
@@ -191,6 +193,21 @@
   word-break: break-all;
   white-space: nowrap;
 }
+.bk-tag-input .bk-tag-input-trigger .tag-list .tag .dblclick-edit-input {
+  background-color: #e1ecff;
+  border: none;
+  height: 100%;
+  max-width: 100%;
+  padding: 0px 8px;
+  position: absolute;
+  resize: none;
+  top: 0px;
+  width: 100%;
+}
+.bk-tag-input .bk-tag-input-trigger .tag-list .tag .dblclick-edit-input:focus {
+  outline: none;
+  border: none;
+}
 .bk-tag-input .bk-tag-input-trigger .tag-list .text {
   box-sizing: border-box;
   padding: 0 5px;

package/lib/tag-input/tag-render.d.ts

@@ -25,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Partial<IOptions>>;
         default: () => {};
     };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     overflowTips: import("vue").ComputedRef<{
         boundary: string;
@@ -34,7 +38,17 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
     }>;
     tagRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    editRef: import("vue").Ref<HTMLElement>;
+    handleClick: () => void;
+    handleDblclick: (e: MouseEvent) => void;
+    showEdit: import("vue").Ref<boolean>;
+    handleEditBlur: () => void;
+    handleEditFocus: () => void;
+    handleEditChange: (e: Event) => void;
+    handleEditKeyDown: (e: KeyboardEvent) => void;
+    handleEditInput: (e: Event) => void;
+    editValue: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dblclick")[], "change" | "dblclick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     node: import("vue-types").VueTypeValidableDef<{
         [key: string]: any;
     }> & {
@@ -59,7 +73,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Partial<IOptions>>;
         default: () => {};
     };
-}>>, {
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    onDblclick?: (...args: any[]) => any;
+}, {
+    allowCreate: boolean;
     displayKey: string;
     tooltipKey: string;
     tagOverflowTips: {};

package/lib/time-picker/index.js

@@ -44,7 +44,7 @@ const shared_namespaceObject = shared_x({ ["withInstall"]: () => __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.
  *

package/lib/time-picker/time-picker.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-time-picker-header {
   height: 46px;