bkui-vue 0.0.1-beta.440 → 0.0.1-beta.442

package/dist/index.esm.js

@@ -33,7 +33,7 @@ var __publicField = (obj, key2, value) => {
   __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
   return value;
 };
-import { inject, reactive, defineComponent, computed, watch, provide, createVNode, mergeProps, h as h$1, ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, createApp, createTextVNode, withDirectives, vShow, Fragment, isVNode, renderSlot, toRefs, Teleport, resolveDirective, customRef, onBeforeMount, toRef, shallowRef, vModelText, unref, watchEffect, markRaw, onUpdated, render as render$1, onUnmounted, toRaw, withModifiers, TransitionGroup } from "vue";
+import { inject, reactive, defineComponent, computed, watch, provide, createVNode, mergeProps, h as h$1, ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, createApp, createTextVNode, withDirectives, vShow, isVNode, Fragment, renderSlot, toRefs, Teleport, resolveDirective, customRef, onBeforeMount, toRef, shallowRef, vModelText, unref, watchEffect, markRaw, onUpdated, render as render$1, onUnmounted, toRaw, withModifiers, TransitionGroup } from "vue";
 var reset = "";
 var alert = "";
 var affix = "";
@@ -7997,7 +7997,7 @@ var PlacementEnum = /* @__PURE__ */ ((PlacementEnum2) => {
   PlacementEnum2["LEFT_END"] = "left-end";
   return PlacementEnum2;
 })(PlacementEnum || {});
-function placementType() {
+function placementType$1() {
   return E().def("bottom");
 }
 function triggerType$1() {
@@ -10866,7 +10866,7 @@ var CollapsePanel = defineComponent({
   },
   render() {
     let _slot;
-    return createVNode(Fragment, null, [createVNode("div", {
+    return createVNode("div", {
       "class": `bk-collapse-item ${this.disabled ? "is-disabled" : ""} ${this.isActive ? "bk-collapse-item-active" : ""}`
     }, [createVNode("div", {
       "onClick": () => this.clickItem()
@@ -10874,7 +10874,7 @@ var CollapsePanel = defineComponent({
       "class": `bk-collapse-icon ${this.isActive && "rotate-icon" || ""}`
     }, null))]), createVNode(CollapseTransition, null, _isSlot$8(_slot = this.renderPanel()) ? _slot : {
       default: () => [_slot]
-    })])]);
+    })]);
   }
 });
 var Collapse = defineComponent({
@@ -11742,7 +11742,7 @@ const PopoverProps = __spreadValues({
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   content: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.any]).def(""),
   allowHtml: PropTypes.bool.def(false),
-  placement: placementType().def(PlacementEnum.TOP_START),
+  placement: placementType$1().def(PlacementEnum.TOP_START),
   theme: PropTypes.string.def("dark"),
   trigger: triggerType$1(),
   renderType: renderType(),
@@ -14995,21 +14995,16 @@ var OptionGroup = defineComponent({
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, !this.groupCollapse]])]), [[vShow, this.visible]]);
   }
 });
+function placementType() {
+  return E().def("bottom");
+}
 var props = {
-  content: String,
-  type: {
-    type: String,
-    default: "title"
-  },
-  calType: {
-    type: String,
-    default: "dom"
-  },
-  placement: {
-    type: String,
-    default: "top"
-  },
-  resizeable: Boolean
+  content: PropTypes.string,
+  type: PropTypes.oneOf(["tips", "title"]).def("title"),
+  calType: PropTypes.oneOf(["dom", "canvas"]).def("dom"),
+  boundary: PropTypes.oneOfType([PropTypes.string.def("parent"), PropTypes.instanceOf(HTMLElement)]).def(document.body),
+  placement: placementType().def("top-start"),
+  resizeable: PropTypes.bool
 };
 function getActualWidthByCanvas(text, options) {
   const { fontSize = 14, fontFamily = "Microsoft YaHei" } = options;
@@ -15108,7 +15103,8 @@ var OverflowTitle = defineComponent({
       "class": "position-relative"
     }, [createVNode(BkPopover, {
       "disabled": this.type === "title" || !this.isShowTips,
-      "placement": this.placement
+      "placement": this.placement,
+      "boundary": this.boundary || document.body
     }, {
       default: () => createVNode("div", mergeProps({
         "ref": "textRef",
@@ -16091,12 +16087,14 @@ var SelectTagInput = defineComponent({
     };
   },
   render() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const prefix = (_b = (_a = this.$slots) == null ? void 0 : _a.prefix) == null ? void 0 : _b.call(_a);
     const selectTagClass = classes({
       [resolveClassName("select-tag")]: true,
       [resolveClassName("select-tag--default")]: true,
       "is-disabled": this.disabled,
-      "collapse-tag": this.collapseTags
+      "collapse-tag": this.collapseTags,
+      "has-prefix": !!prefix
     });
     const tagWrapperClass = classes({
       [resolveClassName("select-tag-wrapper")]: true
@@ -16106,9 +16104,9 @@ var SelectTagInput = defineComponent({
     };
     return createVNode("div", {
       "class": selectTagClass
-    }, [(_b = (_a = this.$slots) == null ? void 0 : _a.prefix) == null ? void 0 : _b.call(_a), createVNode("span", {
+    }, [(_d = (_c = this.$slots) == null ? void 0 : _c.prefix) == null ? void 0 : _d.call(_c), createVNode("span", {
       "class": tagWrapperClass
-    }, [(_e = (_d = (_c = this.$slots).default) == null ? void 0 : _d.call(_c)) != null ? _e : this.selected.map((item, index2) => createVNode(BkTag, {
+    }, [(_g = (_f = (_e = this.$slots).default) == null ? void 0 : _f.call(_e)) != null ? _g : this.selected.map((item, index2) => createVNode(BkTag, {
       "closable": true,
       "theme": this.tagTheme,
       "style": {
@@ -16135,7 +16133,7 @@ var SelectTagInput = defineComponent({
       "value": !this.filterable ? "" : this.value,
       "onInput": this.handleInput,
       "onKeydown": this.handleKeydown
-    }, null)]), (_g = (_f = this.$slots) == null ? void 0 : _f.suffix) == null ? void 0 : _g.call(_f)]);
+    }, null)]), (_i = (_h = this.$slots) == null ? void 0 : _h.suffix) == null ? void 0 : _i.call(_h)]);
   }
 });
 var Component$k = defineComponent({
@@ -16180,7 +16178,8 @@ var Component$k = defineComponent({
     enableVirtualRender: PropTypes.bool.def(false),
     allowEmptyValues: PropTypes.array.def([]),
     autoFocus: PropTypes.bool.def(false),
-    keepSearchValue: PropTypes.bool.def(false)
+    keepSearchValue: PropTypes.bool.def(false),
+    prefix: PropTypes.string
   },
   emits: ["update:modelValue", "change", "toggle", "clear", "scroll-end", "focus", "blur"],
   setup(props2, {
@@ -16730,7 +16729,15 @@ var Component$k = defineComponent({
         }, {
           prefix: () => {
             var _a, _b;
-            return (_b = (_a = this.$slots).prefix) == null ? void 0 : _b.call(_a);
+            if (typeof this.$slots.prefix === "function") {
+              return (_b = (_a = this.$slots).prefix) == null ? void 0 : _b.call(_a);
+            }
+            if (this.prefix) {
+              return createVNode("div", {
+                "class": "bk-select--prefix-area"
+              }, [createVNode("span", null, [this.prefix])]);
+            }
+            return "";
           },
           default: this.$slots.tag && (() => this.$slots.tag({
             selected: this.selected
@@ -16738,7 +16745,7 @@ var Component$k = defineComponent({
           suffix: () => suffixIcon()
         });
       }
-      return createVNode(BkInput, {
+      return createVNode(BkInput, mergeProps({
         "ref": "inputRef",
         "type": "text",
         "modelValue": this.isInput ? this.searchKey : this.selectedLabel.join(","),
@@ -16752,13 +16759,16 @@ var Component$k = defineComponent({
         "onInput": this.handleInputChange,
         "onEnter": this.handleInputEnter,
         "onKeydown": (_2, e) => this.handleKeydown(e)
-      }, {
+      }, this.prefix ? {
+        prefix: this.prefix
+      } : null), __spreadProps(__spreadValues({}, typeof this.$slots.prefix === "function" ? {
         prefix: () => {
           var _a, _b;
           return (_b = (_a = this.$slots).prefix) == null ? void 0 : _b.call(_a);
-        },
+        }
+      } : null), {
         suffix: () => suffixIcon()
-      });
+      }));
     };
     const renderSelectTrigger = () => {
       var _a, _b;
@@ -31690,7 +31700,7 @@ var Dropdown = defineComponent({
   name: "Dropdown",
   props: {
     isShow: PropTypes.bool.def(false),
-    placement: placementType(),
+    placement: placementType$1(),
     trigger: triggerType$1(),
     disabled: PropTypes.bool.def(false),
     popoverOptions: PropTypes.object.def({}),
@@ -41114,7 +41124,7 @@ const PopConfirmProps = {
   content: PropTypes.string.def(""),
   confirmText: PropTypes.string.def(""),
   cancelText: PropTypes.string.def(""),
-  placement: PropTypes.oneOfType([placementType().def(PlacementEnum.TOP), PropTypes.string]).def(PlacementEnum.TOP),
+  placement: PropTypes.oneOfType([placementType$1().def(PlacementEnum.TOP), PropTypes.string]).def(PlacementEnum.TOP),
   theme: PropTypes.string.def("light "),
   icon: PropTypes.string.def(""),
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto")