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

package/lib/dialog/index.js

@@ -548,7 +548,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.
  *
@@ -619,7 +619,7 @@ function dialog_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
  * 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.
  *
@@ -688,8 +688,6 @@ function _isSlot(s) {
     var instance = (0,external_vue_namespaceObject.getCurrentInstance)();
     var isMoveing = (0,external_vue_namespaceObject.ref)(false);
     var positionData = (0,external_vue_namespaceObject.reactive)({
-      positionX: 0,
-      positionY: 0,
       moveStyle: {
         top: '50%',
         left: '50%'
@@ -776,38 +774,17 @@ function _isSlot(s) {
       if (!props.draggable) {
         return false;
       }
-      var odiv = e.target;
-      var parentHeight = e.currentTarget.parentNode.parentNode.offsetHeight;
-      var parentWidth = e.currentTarget.parentNode.parentNode.offsetWidth;
-      var disX;
-      var disY;
-      if (positionData.positionX !== 0 && positionData.positionY !== 0) {
-        disX = e.clientX - positionData.positionX;
-        disY = e.clientY - positionData.positionY;
-      } else {
-        disX = e.clientX - odiv.offsetLeft;
-        disY = e.clientY - odiv.offsetTop;
-      }
+      var clientRect = e.currentTarget.parentNode.parentNode.getBoundingClientRect();
+      var boxLeft = clientRect.left + clientRect.width / 2;
+      var boxTop = clientRect.top + clientRect.height / 2;
       isMoveing.value = true;
-      document.onmousemove = function (e) {
-        var boxLeft = window.innerWidth - parentWidth;
-        var boxTop = window.innerHeight - parentHeight;
-        var left = e.clientX - disX;
-        var top = e.clientY - disY;
-        if (boxLeft / 2 - left <= 0) {
-          left = boxLeft / 2;
-        } else if (boxLeft / 2 + left <= 0) {
-          left = -boxLeft / 2;
-        }
-        if (boxTop / 2 - top <= 0) {
-          top = boxTop / 2;
-        } else if (boxTop / 2 + top <= 0) {
-          top = -boxTop / 2;
-        }
-        positionData.positionX = left;
-        positionData.positionY = top;
-        positionData.moveStyle.left = "calc(50% + ".concat(left, "px)");
-        positionData.moveStyle.top = "calc(50% + ".concat(top, "px)");
+      var startX = e.clientX;
+      var startY = e.clientY;
+      document.onmousemove = function (evt) {
+        var diffX = evt.clientX - startX;
+        var diffY = evt.clientY - startY;
+        positionData.moveStyle.left = "".concat(boxLeft + diffX, "px");
+        positionData.moveStyle.top = "".concat(boxTop + diffY, "px");
       };
       document.onmouseup = function () {
         document.onmousemove = null;
@@ -954,7 +931,7 @@ function _isSlot(s) {
  * 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/directives/index.js

@@ -891,7 +891,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * 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.
  *
@@ -1019,7 +1019,7 @@ var popover_ = __webpack_require__(563);
  * 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.
  *
@@ -1131,7 +1131,7 @@ var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel
  * 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.
  *
@@ -1190,7 +1190,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.
  *
@@ -1245,9 +1245,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1261,7 +1258,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1485,7 +1482,7 @@ const external_overflow_title_namespaceObject = external_overflow_title_x({ ["ov
  * 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/dist.index.js

@@ -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.
  *

package/lib/divider/divider.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-divider {
   position: relative;

package/lib/divider/index.js

@@ -49,7 +49,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * 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.
  *
@@ -84,7 +84,7 @@ var dividerProps = {
  * 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.
  *
@@ -142,7 +142,7 @@ var dividerProps = {
  * 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/dropdown/dropdown.d.ts

@@ -36,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    isPopoverShow: import("vue").Ref<boolean>;
     afterShow: () => void;
     afterHidden: () => void;
     popoverRef: import("vue").Ref<any>;

package/lib/dropdown/dropdown.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-popover.bk-pop2-content {
   position: absolute;

package/lib/dropdown/index.d.ts

@@ -37,6 +37,7 @@ declare const BkDropdown: {
         onHide?: (...args: any[]) => any;
         onShowChange?: (...args: any[]) => any;
     }, {
+        isPopoverShow: import("vue").Ref<boolean>;
         afterShow: () => void;
         afterHidden: () => void;
         popoverRef: import("vue").Ref<any>;
@@ -128,6 +129,7 @@ declare const BkDropdown: {
         onHide?: (...args: any[]) => any;
         onShowChange?: (...args: any[]) => any;
     }, {
+        isPopoverShow: import("vue").Ref<boolean>;
         afterShow: () => void;
         afterHidden: () => void;
         popoverRef: import("vue").Ref<any>;
@@ -181,6 +183,7 @@ declare const BkDropdown: {
     onHide?: (...args: any[]) => any;
     onShowChange?: (...args: any[]) => any;
 }, {
+    isPopoverShow: import("vue").Ref<boolean>;
     afterShow: () => void;
     afterHidden: () => void;
     popoverRef: import("vue").Ref<any>;

package/lib/dropdown/index.js

@@ -90,7 +90,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -114,7 +114,7 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
  * 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.
  *
@@ -160,8 +160,13 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
   emits: ['showChange', 'show', 'hide'],
   setup: function setup(_props, _ref) {
     var emit = _ref.emit;
+    var popoverRef = (0,external_vue_namespaceObject.ref)(null);
+    var isPopoverShow = (0,external_vue_namespaceObject.ref)(false);
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     /** 弹层显示值变更 */
     var handleShowChagne = function handleShowChagne(val) {
+      isPopoverShow.value = val;
       emit('showChange', val);
     };
     /** 显示后回调 */
@@ -174,10 +179,8 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
       emit('hide');
       handleShowChagne(false);
     };
-    var popoverRef = (0,external_vue_namespaceObject.ref)(null);
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
     return {
+      isPopoverShow: isPopoverShow,
       afterShow: afterShow,
       afterHidden: afterHidden,
       popoverRef: popoverRef,
@@ -209,13 +212,15 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
         var _this$$slots$default, _this$$slots;
         return (0,external_vue_namespaceObject.createVNode)("div", {
           "class": ["".concat(_this.resolveClassName('dropdown-reference')), _this.disabled ? 'disabled' : '']
-        }, [' ', (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots), ' ']);
+        }, [(_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {
+          popoverShow: _this.isPopoverShow
+        })]);
       },
       content: function content() {
         var _this$$slots$content, _this$$slots2;
         return (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('dropdown-content'))
-        }, [(0,external_vue_namespaceObject.createTextVNode)(" "), (_this$$slots$content = (_this$$slots2 = _this.$slots).content) === null || _this$$slots$content === void 0 ? void 0 : _this$$slots$content.call(_this$$slots2), (0,external_vue_namespaceObject.createTextVNode)(" ")]);
+        }, [(_this$$slots$content = (_this$$slots2 = _this.$slots).content) === null || _this$$slots$content === void 0 ? void 0 : _this$$slots$content.call(_this$$slots2)]);
       }
     })]);
   }
@@ -226,7 +231,7 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
  * 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.
  *
@@ -289,7 +294,7 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
  * 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.
  *
@@ -341,7 +346,7 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
  * 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/exception/exception.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-exception {
   position: relative;

package/lib/exception/index.js

@@ -218,7 +218,7 @@ var search_empty_default = /*#__PURE__*/__webpack_require__.n(search_empty);
  * 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.
  *
@@ -351,7 +351,7 @@ var SceneEnum;
  * 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/fixed-navbar/fixed-navbar.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-fixed-navbar {
   position: fixed;

package/lib/fixed-navbar/index.js

@@ -50,7 +50,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * 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.
  *
@@ -127,7 +127,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * 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/form/form-item.d.ts

@@ -1,5 +1,6 @@
 import type { ComputedRef, ExtractPropTypes } from 'vue';
 declare const formItemProps: {
+    itemType: import("vue-types").VueTypeDef<string>;
     label: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -38,9 +39,15 @@ declare const formItemProps: {
     errorDisplayType: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 };
 export type FormItemProps = Readonly<ExtractPropTypes<typeof formItemProps>>;
 declare const _default: import("vue").DefineComponent<{
+    itemType: import("vue-types").VueTypeDef<string>;
     label: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -79,6 +86,11 @@ declare const _default: import("vue").DefineComponent<{
     errorDisplayType: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
     isShowLabel: ComputedRef<boolean>;
     labelStyles: ComputedRef<{
@@ -96,6 +108,7 @@ declare const _default: import("vue").DefineComponent<{
     isError: import("vue").Ref<boolean>;
     errorMessage: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    itemType: import("vue-types").VueTypeDef<string>;
     label: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -134,6 +147,11 @@ declare const _default: import("vue").DefineComponent<{
     errorDisplayType: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>>, {
     required: boolean;
     label: string;
@@ -145,5 +163,6 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: number;
     rules: unknown[];
     errorDisplayType: string;
+    errorTipAppendToParent: boolean;
 }, {}>;
 export default _default;

package/lib/form/form.css

@@ -19,12 +19,23 @@
   line-height: 20px;
   text-align: left;
 }
-.bk-form--vertical .bk-form-content {
-  text-align: left;
-}
 .bk-form-item {
   margin-bottom: 24px;
 }
+.bk-form-item--vertical .bk-form-label {
+  float: unset;
+  width: auto;
+  padding-right: 0;
+  margin-bottom: 6px;
+  line-height: 20px;
+  text-align: left;
+}
+.bk-form-item--default .bk-form-label {
+  float: left;
+  padding-right: 22px;
+  line-height: 32px;
+  text-align: right;
+}
 .bk-form-item.is-required .bk-form-label:after {
   position: absolute;
   top: 0;
@@ -51,6 +62,7 @@
 }
 .bk-form-label {
   position: relative;
+  box-sizing: border-box;
   float: left;
   padding-right: 22px;
   font-size: 14px;
@@ -59,7 +71,6 @@
   color: #63656e;
   text-align: right;
   vertical-align: middle;
-  box-sizing: border-box;
 }
 .bk-form-label-description {
   cursor: pointer;
@@ -71,6 +82,7 @@
 .bk-form-content {
   position: relative;
   line-height: 32px;
+  text-align: left;
 }
 .bk-form-error {
   position: absolute;

package/lib/form/form.less

@@ -26,16 +26,34 @@
       text-align: left;
 
     }
-
-    .@{bk-prefix}-form-content {
-      text-align: left;
-    }
   }
 }
 
 .@{bk-prefix}-form-item {
   margin-bottom: 24px;
 
+  &--vertical {
+
+    .@{bk-prefix}-form-label {
+      float: unset;
+      width: auto;
+      padding-right: 0;
+      margin-bottom: 6px;
+      line-height: 20px;
+      text-align: left;
+    }
+  }
+
+    &--default {
+
+    .@{bk-prefix}-form-label {
+      float: left;
+      padding-right: 22px;
+      line-height: 32px;
+      text-align: right;
+    }
+  }
+
   &.is-required {
     .@{bk-prefix}-form-label {
       &:after {
@@ -73,6 +91,7 @@
 
 .@{bk-prefix}-form-label {
   position: relative;
+  box-sizing: border-box;
   float: left;
   padding-right: 22px;
   font-size: 14px;
@@ -80,9 +99,7 @@
   line-height: 32px;
   color: #63656e;
   text-align: right;
-  text-align: right;
   vertical-align: middle;
-  box-sizing: border-box;
 }
 .@{bk-prefix}-form-label-description {
   cursor: pointer;
@@ -95,6 +112,7 @@
 .@{bk-prefix}-form-content {
   position: relative;
   line-height: 32px;
+  text-align: left;
 }
 
 .@{bk-prefix}-form-error {

package/lib/form/form.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 form-error-appear-animation {
   from {
@@ -149,12 +150,23 @@
   line-height: 20px;
   text-align: left;
 }
-.bk-form--vertical .bk-form-content {
-  text-align: left;
-}
 .bk-form-item {
   margin-bottom: 24px;
 }
+.bk-form-item--vertical .bk-form-label {
+  float: unset;
+  width: auto;
+  padding-right: 0;
+  margin-bottom: 6px;
+  line-height: 20px;
+  text-align: left;
+}
+.bk-form-item--default .bk-form-label {
+  float: left;
+  padding-right: 22px;
+  line-height: 32px;
+  text-align: right;
+}
 .bk-form-item.is-required .bk-form-label:after {
   position: absolute;
   top: 0;
@@ -181,6 +193,7 @@
 }
 .bk-form-label {
   position: relative;
+  box-sizing: border-box;
   float: left;
   padding-right: 22px;
   font-size: 14px;
@@ -189,7 +202,6 @@
   color: #63656e;
   text-align: right;
   vertical-align: middle;
-  box-sizing: border-box;
 }
 .bk-form-label-description {
   cursor: pointer;
@@ -201,6 +213,7 @@
 .bk-form-content {
   position: relative;
   line-height: 32px;
+  text-align: left;
 }
 .bk-form-error {
   position: absolute;