bkui-vue 2.0.2-beta.8 → 2.0.2-beta.80

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

@@ -34,6 +34,7 @@
   overflow: auto;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list > li {
+  position: relative;
   display: inline-flex;
   align-items: center;
   height: 22px;
@@ -61,6 +62,21 @@
   word-break: break-all;
   white-space: nowrap;
 }
+.bk-tag-input .bk-tag-input-trigger .tag-list .tag .dblclick-edit-input {
+  position: absolute;
+  top: 0px;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  padding: 0px 8px;
+  resize: none;
+  background-color: #e1ecff;
+  border: none;
+}
+.bk-tag-input .bk-tag-input-trigger .tag-list .tag .dblclick-edit-input:focus {
+  border: none;
+  outline: none;
+}
 .bk-tag-input .bk-tag-input-trigger .tag-list .text {
   box-sizing: border-box;
   padding: 0 5px;
@@ -95,6 +111,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.bk-tag-input .bk-tag-input-trigger .icon-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
 .bk-tag-input .bk-tag-input-trigger .clear-icon {
   margin-right: 5px;
   font-size: 14px;
@@ -105,6 +126,16 @@
 .bk-tag-input .bk-tag-input-trigger .clear-icon:hover {
   color: #979ba5;
 }
+.bk-tag-input .bk-tag-input-trigger .copy-icon {
+  margin-right: 5px;
+  font-size: 14px;
+  line-height: 0;
+  color: #c4c6cc;
+  cursor: pointer;
+}
+.bk-tag-input .bk-tag-input-trigger .copy-icon:hover {
+  color: #979ba5;
+}
 .bk-tag-input-popover-content.bk-popover {
   padding: 0 !important;
 }

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

@@ -224,7 +224,9 @@ declare const _default: import("vue").DefineComponent<{
                     alignmentAxis?: number;
                 });
             };
-            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+                default: string | (() => HTMLElement);
+            };
             zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -300,9 +302,20 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<import("../directives").IOptions>>;
         default: () => {};
     };
+    copyable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    copySeparator: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }, {
     isShowPlaceholder: import("vue").ComputedRef<boolean>;
     isShowClear: import("vue").ComputedRef<boolean>;
+    isShowCopy: import("vue").ComputedRef<boolean>;
     placeholderText: import("vue").ComputedRef<string>;
     curInputValue: Ref<string>;
     renderList: import("vue").ComputedRef<any[]>;
@@ -326,6 +339,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 +349,9 @@ 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;
+    handleCopy: (e: MouseEvent) => void;
     curPage: Ref<number>;
     totalSize: Ref<number>;
     totalPage: Ref<number>;
@@ -357,7 +374,7 @@ declare const _default: import("vue").DefineComponent<{
             crossAxis: number;
         };
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "select" | "update:modelValue" | "remove" | "removeAll")[], "blur" | "change" | "focus" | "input" | "select" | "update:modelValue" | "remove" | "removeAll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "select" | "update:modelValue" | "remove" | "removeAll" | "copy-success")[], "blur" | "change" | "focus" | "input" | "select" | "update:modelValue" | "remove" | "removeAll" | "copy-success", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
@@ -582,7 +599,9 @@ declare const _default: import("vue").DefineComponent<{
                     alignmentAxis?: number;
                 });
             };
-            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+                default: string | (() => HTMLElement);
+            };
             zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -658,6 +677,16 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<import("../directives").IOptions>>;
         default: () => {};
     };
+    copyable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    copySeparator: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -667,6 +696,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onRemove?: (...args: any[]) => any;
     onRemoveAll?: (...args: any[]) => any;
+    "onCopy-success"?: (...args: any[]) => any;
 }, {
     disabled: boolean;
     trigger: "focus" | "search";
@@ -698,5 +728,7 @@ declare const _default: import("vue").DefineComponent<{
     leftSpace: number;
     popoverProps: {};
     tagOverflowTips: {};
+    copyable: boolean;
+    copySeparator: string;
 }, {}>;
 export default _default;

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

@@ -41,6 +41,7 @@
       overflow: auto;
 
       > li {
+        position: relative;
         display: inline-flex;
         align-items: center;
         height: 22px;
@@ -70,6 +71,23 @@
         text-overflow: ellipsis;
         word-break: break-all;
         white-space: nowrap;
+
+        .dblclick-edit-input {
+          position: absolute;
+          top: 0px;
+          width: 100%;
+          max-width: 100%;
+          height: 100%;
+          padding: 0px 8px;
+          resize: none;
+          background-color: rgb(225, 236, 255);
+          border: none;
+
+          &:focus {
+            border: none;
+            outline: none;
+          }
+        }
       }
 
       .text {
@@ -111,6 +129,12 @@
       white-space: nowrap;
     }
 
+    .icon-wrapper {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
     .clear-icon {
       margin-right: 5px;
       font-size: 14px;
@@ -122,6 +146,18 @@
         color: @gray-color;
       }
     }
+
+    .copy-icon {
+      margin-right: 5px;
+      font-size: 14px;
+      line-height: 0;
+      color: @light-gray;
+      cursor: pointer;
+
+      &:hover {
+        color: @gray-color;
+      }
+    }
   }
 }
 

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;
@@ -164,6 +165,7 @@
   overflow: auto;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list > li {
+  position: relative;
   display: inline-flex;
   align-items: center;
   height: 22px;
@@ -191,6 +193,21 @@
   word-break: break-all;
   white-space: nowrap;
 }
+.bk-tag-input .bk-tag-input-trigger .tag-list .tag .dblclick-edit-input {
+  position: absolute;
+  top: 0px;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  padding: 0px 8px;
+  resize: none;
+  background-color: #e1ecff;
+  border: none;
+}
+.bk-tag-input .bk-tag-input-trigger .tag-list .tag .dblclick-edit-input:focus {
+  border: none;
+  outline: none;
+}
 .bk-tag-input .bk-tag-input-trigger .tag-list .text {
   box-sizing: border-box;
   padding: 0 5px;
@@ -225,6 +242,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.bk-tag-input .bk-tag-input-trigger .icon-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
 .bk-tag-input .bk-tag-input-trigger .clear-icon {
   margin-right: 5px;
   font-size: 14px;
@@ -235,6 +257,16 @@
 .bk-tag-input .bk-tag-input-trigger .clear-icon:hover {
   color: var(--gray-color);
 }
+.bk-tag-input .bk-tag-input-trigger .copy-icon {
+  margin-right: 5px;
+  font-size: 14px;
+  line-height: 0;
+  color: var(--light-gray);
+  cursor: pointer;
+}
+.bk-tag-input .bk-tag-input-trigger .copy-icon:hover {
+  color: var(--gray-color);
+}
 .bk-tag-input-popover-content.bk-popover {
   padding: 0 !important;
 }

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

@@ -217,7 +217,9 @@ declare const tagProps: () => {
                     alignmentAxis?: number;
                 });
             };
-            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+                default: string | (() => HTMLElement);
+            };
             zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -293,6 +295,16 @@ declare const tagProps: () => {
         type: PropType<Partial<IOptions>>;
         default: () => {};
     };
+    copyable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    copySeparator: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 };
 export default tagProps;
 export type TagProps = Partial<ExtractPropTypes<ReturnType<typeof tagProps>>>;

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

@@ -31,24 +31,20 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src)
 });
 
-;// external "../date-picker"
-var x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var y = (x) => (() => (x))
-const date_picker_namespaceObject = x({ ["TimePicker"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_date_picker_d04526d6__.TimePicker) });
-;// external "../shared"
-var shared_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var shared_y = (x) => (() => (x))
-const shared_namespaceObject = shared_x({ ["withInstall"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall) });
-;// ../../packages/time-picker/src/index.ts
+;// CONCATENATED MODULE: external "../date-picker"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const date_picker_namespaceObject = x({ ["TimePicker"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_date_picker_d04526d6__.TimePicker });
+;// CONCATENATED MODULE: external "../shared"
+var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var shared_y = x => () => x
+const shared_namespaceObject = shared_x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+;// CONCATENATED MODULE: ../../packages/time-picker/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.
+ * 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;