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

package/lib/cascader/cascader.d.ts

@@ -123,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     overflowTagIndex: import("vue").Ref<number>;
     isCollapse: import("vue").ComputedRef<boolean>;
     isFocus: import("vue").Ref<boolean>;
+    isAlways: import("vue").Ref<boolean>;
     store: import("vue").Ref<{
         data: {
             id: string;

package/lib/cascader/index.d.ts

@@ -126,6 +126,7 @@ declare const BkCascader: {
         overflowTagIndex: import("vue").Ref<number>;
         isCollapse: import("vue").ComputedRef<boolean>;
         isFocus: import("vue").Ref<boolean>;
+        isAlways: import("vue").Ref<boolean>;
         store: import("vue").Ref<{
             data: {
                 id: string;
@@ -504,6 +505,7 @@ declare const BkCascader: {
         overflowTagIndex: import("vue").Ref<number>;
         isCollapse: import("vue").ComputedRef<boolean>;
         isFocus: import("vue").Ref<boolean>;
+        isAlways: import("vue").Ref<boolean>;
         store: import("vue").Ref<{
             data: {
                 id: string;
@@ -760,6 +762,7 @@ declare const BkCascader: {
     overflowTagIndex: import("vue").Ref<number>;
     isCollapse: import("vue").ComputedRef<boolean>;
     isFocus: import("vue").Ref<boolean>;
+    isAlways: import("vue").Ref<boolean>;
     store: import("vue").Ref<{
         data: {
             id: string;

package/lib/cascader/index.js

@@ -2455,6 +2455,8 @@ var Store = /*#__PURE__*/function () {
       setHover = _useHover.setHover,
       cancelHover = _useHover.cancelHover;
     var store = (0,external_vue_.ref)(new src_store(props));
+    // 用于处理在 removeTag 时， popOver panel 触发 clickOutside 消失的问题
+    var isAlways = (0,external_vue_.ref)(false);
     // 定义selectedText变量用于记录当前选择的值的文本
     var selectedText = (0,external_vue_.ref)('');
     // 定义selectedTags变量用于记录多选模式下已选的tag
@@ -2491,7 +2493,8 @@ var Store = /*#__PURE__*/function () {
     var inputRef = (0,external_vue_.ref)(null);
     // 用computed定义placeholder变量，用于处理props中的placeholder属性
     var placeholder = (0,external_vue_.computed)(function () {
-      return props.placeholder ? props.placeholder : t.value.pleaseSelect;
+      var placeholder = props.placeholder ? props.placeholder : t.value.pleaseSelect;
+      return modelValue.value.length === 0 ? placeholder : '';
     });
     var displayText = (0,external_vue_.computed)(function () {
       if (props.customTextFillback) {
@@ -2556,6 +2559,7 @@ var Store = /*#__PURE__*/function () {
     };
     // 移除tag
     var removeTag = function removeTag(value, index, e) {
+      isAlways.value = true;
       e.stopPropagation();
       var current = JSON.parse(JSON.stringify(value));
       var tag = current.splice(index, 1)[0];
@@ -2568,6 +2572,7 @@ var Store = /*#__PURE__*/function () {
       // 计算过后，关闭编辑状态
       setTimeout(function () {
         isEdit.value = isFocus.value;
+        isAlways.value = false;
       });
     };
     // modelValue的监听函数
@@ -2681,6 +2686,7 @@ var Store = /*#__PURE__*/function () {
       overflowTagIndex: overflowTagIndex,
       isCollapse: isCollapse,
       isFocus: isFocus,
+      isAlways: isAlways,
       store: store,
       updateValue: updateValue,
       selectedText: selectedText,
@@ -2780,9 +2786,11 @@ var Store = /*#__PURE__*/function () {
       return (0,external_vue_.createVNode)(popover_["default"], {
         "ref": "popover",
         "class": _this.resolveClassName('cascader-popover-wrapper'),
+        "always": _this.isAlways,
         "arrow": false,
         "boundary": "body",
         "disabled": _this.disabled,
+        "hideIgnoreReference": true,
         "offset": 4,
         "placement": "bottom-start",
         "referenceCls": _this.resolveClassName('cascader-popover-reference'),

package/lib/form/form-item.d.ts

@@ -38,6 +38,11 @@ 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<{
@@ -79,6 +84,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<{
@@ -134,6 +144,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 +160,6 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: number;
     rules: unknown[];
     errorDisplayType: string;
+    errorTipAppendToParent: boolean;
 }, {}>;
 export default _default;

package/lib/form/index.d.ts

@@ -212,6 +212,11 @@ declare const BkForm: {
         errorDisplayType: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
+        errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }, {
         isShowLabel: import("vue").ComputedRef<boolean>;
         labelStyles: import("vue").ComputedRef<{
@@ -267,6 +272,11 @@ declare const BkForm: {
         errorDisplayType: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
+        errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>, {
         required: boolean;
         label: string;
@@ -278,6 +288,7 @@ declare const BkForm: {
         maxlength: number;
         rules: unknown[];
         errorDisplayType: string;
+        errorTipAppendToParent: boolean;
     }, {}>;
     ComposeFormItem: import("vue").DefineComponent<{
         headBackgroundColor: {

package/lib/form/index.js

@@ -1983,7 +1983,8 @@ var formItemProps = {
   maxlength: shared_.PropTypes.number,
   rules: shared_.PropTypes.array,
   description: shared_.PropTypes.string,
-  errorDisplayType: shared_.PropTypes.oneOf(['tooltips', 'normal']).def('normal')
+  errorDisplayType: shared_.PropTypes.oneOf(['tooltips', 'normal']).def('normal'),
+  errorTipAppendToParent: shared_.PropTypes.bool.def(false)
 };
 var hasOwn = function hasOwn(obj, key) {
   return Object.prototype.hasOwnProperty.call(obj, key);
@@ -2298,7 +2299,10 @@ var isValid = function isValid(value) {
       if (_this.errorDisplayType === 'tooltips') {
         return (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('form-error-tips'))
-        }, [(0,external_vue_.createVNode)(icon_namespaceObject.ExclamationCircleShape, null, null)]), [[(0,external_vue_.resolveDirective)("bk-tooltips"), _this.errorMessage]]);
+        }, [(0,external_vue_.createVNode)(icon_namespaceObject.ExclamationCircleShape, null, null)]), [[(0,external_vue_.resolveDirective)("bk-tooltips"), {
+          content: _this.errorMessage,
+          boundary: _this.errorTipAppendToParent ? 'parent' : document.body
+        }]]);
       }
       return (0,external_vue_.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('form-error'))

package/lib/index.js

@@ -3,5 +3,5 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export const version = "2.0.2-beta.19";
+export const version = "2.0.2-beta.20";
 window.__bkui_vue_version__ = version;

package/lib/modal/index.js

@@ -129,6 +129,7 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
 var useContentResize = function useContentResize(root, resizeTarget, props) {
   var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
+  var slots = (0,external_vue_namespaceObject.useSlots)();
   var isContentScroll = (0,external_vue_namespaceObject.ref)(false);
   var contentStyles = (0,external_vue_namespaceObject.ref)({});
   var calcContentScroll = (0,throttle_namespaceObject["default"])(function () {
@@ -147,7 +148,7 @@ var useContentResize = function useContentResize(root, resizeTarget, props) {
     isContentScroll.value = windowInnerHeight < headerHeight + contentHeight + footerHeight + footerMarginTop;
     if (isContentScroll.value || props.fullscreen) {
       contentStyles.value = {
-        height: "".concat(windowInnerHeight - headerHeight - 48, "px"),
+        height: "".concat(windowInnerHeight - headerHeight - (slots.footer ? 48 : 0), "px"),
         overflow: 'auto',
         'scrollbar-gutter': 'stable'
       };

package/lib/popover/index.js

@@ -4730,6 +4730,7 @@ var parentNodeReferId = null;
         hideFn();
       }
     };
+    debugger;
     if (hideIgnoreReference) {
       setTimeout(function () {
         if (ReferenceClickSharedState[uniqKey]) {

package/package.json

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