bkui-vue 0.0.1-beta.408 → 0.0.1-beta.409

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, createTextVNode, isVNode, withDirectives, vShow, renderSlot, Fragment, toRefs, Teleport, resolveDirective, createApp, customRef, onBeforeMount, toRef, shallowRef, onUnmounted, vModelText, unref, watchEffect, markRaw, onUpdated, render as render$1, toRaw, withModifiers, TransitionGroup } from "vue";
+import { inject, reactive, defineComponent, computed, watch, provide, createVNode, mergeProps, h as h$1, ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, createTextVNode, withDirectives, vShow, isVNode, renderSlot, Fragment, toRefs, Teleport, resolveDirective, createApp, customRef, onBeforeMount, toRef, shallowRef, onUnmounted, vModelText, unref, watchEffect, markRaw, onUpdated, render as render$1, toRaw, withModifiers, TransitionGroup } from "vue";
 var reset = "";
 var alert = "";
 var affix = "";
@@ -44,6 +44,7 @@ var button = "";
 var card = "";
 var checkbox = "";
 var collapse = "";
+var collapseTransition = "";
 var dialog = "";
 var exception = "";
 var fixedNavbar = "";
@@ -9603,6 +9604,78 @@ var ButtonGroup = defineComponent({
   }
 });
 const BkButton = withInstallProps(Component$x, { ButtonGroup });
+var CollapseTransition = defineComponent({
+  name: "CollapseTransition",
+  setup(_props, {
+    slots
+  }) {
+    const on2 = {
+      onBeforeEnter(el) {
+        if (!el.dataset)
+          el.dataset = {};
+        el.dataset.oldPaddingTop = el.style.paddingTop;
+        el.dataset.oldPaddingBottom = el.style.paddingBottom;
+        el.style.maxHeight = "0";
+        el.style.paddingTop = "0";
+        el.style.paddingBottom = "0";
+      },
+      onEnter(el) {
+        el.dataset.oldOverflow = el.style.overflow;
+        if (el.scrollHeight !== 0) {
+          el.style.maxHeight = `${el.scrollHeight}px`;
+          el.style.paddingTop = el.dataset.oldPaddingTop;
+          el.style.paddingBottom = el.dataset.oldPaddingBottom;
+        } else {
+          el.style.maxHeight = "0";
+          el.style.paddingTop = el.dataset.oldPaddingTop;
+          el.style.paddingBottom = el.dataset.oldPaddingBottom;
+        }
+        el.style.overflow = "hidden";
+      },
+      onAfterEnter(el) {
+        el.style.maxHeight = "";
+        el.style.overflow = el.dataset.oldOverflow;
+      },
+      onBeforeLeave(el) {
+        if (!el.dataset)
+          el.dataset = {};
+        el.dataset.oldPaddingTop = el.style.paddingTop;
+        el.dataset.oldPaddingBottom = el.style.paddingBottom;
+        el.dataset.oldOverflow = el.style.overflow;
+        el.style.maxHeight = `${el.scrollHeight}px`;
+        el.style.overflow = "hidden";
+      },
+      onLeave(el) {
+        if (el.scrollHeight !== 0) {
+          el.style.maxHeight = "0";
+          el.style.paddingTop = "0";
+          el.style.paddingBottom = "0";
+        }
+      },
+      onAfterLeave(el) {
+        el.style.maxHeight = "";
+        el.style.overflow = el.dataset.oldOverflow;
+        el.style.paddingTop = el.dataset.oldPaddingTop;
+        el.style.paddingBottom = el.dataset.oldPaddingBottom;
+      }
+    };
+    return {
+      on: on2,
+      slots
+    };
+  },
+  render() {
+    const name = resolveClassName("collapse-transition");
+    return createVNode(Transition, mergeProps({
+      "name": name
+    }, this.on), {
+      default: () => [this.slots.default ? this.slots.default() : null]
+    });
+  }
+});
+CollapseTransition.install = (Vue) => {
+  Vue.component(CollapseTransition.name, CollapseTransition);
+};
 const inputType = {
   type: PropTypes.string.def("text"),
   clearable: PropTypes.bool,
@@ -9942,7 +10015,7 @@ var Component$v = defineComponent({
     };
   },
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f;
     const wrapperName = "bk-card";
     const cardClass = classes({
       [`${wrapperName}`]: true,
@@ -9974,11 +10047,16 @@ var Component$v = defineComponent({
     }, [this.$props.isCollapse && ((_c = (_b = (_a = this.$slots).icon) == null ? void 0 : _b.call(_a)) != null ? _c : defaultIcon), (_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : defaultHeader, this.$props.isEdit && !this.showInput && createVNode(editLine, {
       "class": `${wrapperName}-edit`,
       "onClick": this.clickEdit
-    }, null)]) : "", this.collapseActive ? createVNode("div", null, [createVNode("div", {
-      "class": `${wrapperName}-body`
-    }, [(_i = (_h = (_g = this.$slots).default) == null ? void 0 : _h.call(_g)) != null ? _i : "Content"]), this.$props.showFooter ? createVNode("div", {
-      "class": `${wrapperName}-footer`
-    }, [(_l = (_k = (_j = this.$slots).footer) == null ? void 0 : _k.call(_j)) != null ? _l : "Footer"]) : ""]) : ""]);
+    }, null)]) : "", createVNode(CollapseTransition, null, {
+      default: () => {
+        var _a2, _b2, _c2, _d2, _e2, _f2;
+        return [withDirectives(createVNode("div", null, [createVNode("div", {
+          "class": `${wrapperName}-body`
+        }, [(_c2 = (_b2 = (_a2 = this.$slots).default) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : "Content"]), this.$props.showFooter ? createVNode("div", {
+          "class": `${wrapperName}-footer`
+        }, [(_f2 = (_e2 = (_d2 = this.$slots).footer) == null ? void 0 : _e2.call(_d2)) != null ? _f2 : "Footer"]) : ""]), [[vShow, this.collapseActive]])];
+      }
+    })]);
   }
 });
 const BkCard = withInstall(Component$v);
@@ -10240,85 +10318,6 @@ const propsCollapsePanel = __spreadValues({
   modelValue: PropTypes.bool.def(false),
   alone: PropTypes.bool.def(false)
 }, CollapsePanelEventProps);
-const trimArr$1 = function(s2) {
-  return (s2 || "").split(" ").filter((item) => !!item.trim());
-};
-function removeClass$1(el, cls) {
-  if (!el || !cls)
-    return;
-  const classes2 = trimArr$1(cls);
-  let curClass = el.getAttribute("class") || "";
-  if (el.classList) {
-    el.classList.remove(...classes2);
-    return;
-  }
-  classes2.forEach((item) => {
-    curClass = curClass.replace(` ${item} `, " ");
-  });
-  const className = trimArr$1(curClass).join(" ");
-  el.setAttribute("class", className);
-}
-function addClass$1(el, cls) {
-  if (!el)
-    return;
-  let className = el.getAttribute("class") || "";
-  const curClass = trimArr$1(className);
-  const classes2 = (cls || "").split(" ").filter((item) => !curClass.includes(item) && !!item.trim());
-  if (el.classList) {
-    el.classList.add(...classes2);
-  } else {
-    className += ` ${classes2.join(" ")}`;
-    el.setAttribute("class", className);
-  }
-}
-const collapseMotion$1 = (emit) => ({
-  css: true,
-  onBeforeEnter: (el) => {
-    addClass$1(el, "collapse-transition");
-    if (!el.dataset)
-      el.dataset = {};
-    el.style.height = "0px";
-  },
-  onEnter: (el) => {
-    el.dataset.oldOverflow = el.style.overflow;
-    if (el.scrollHeight !== 0) {
-      el.style.height = `${el.scrollHeight}px`;
-      el.style.maxHeight = `${el.scrollHeight}px`;
-    } else {
-      el.style.height = "0px";
-    }
-    el.style.overflow = "hidden";
-  },
-  onAfterEnter: (el) => {
-    el.style.height = "";
-    el.style.maxHeight = "";
-    el.style.overflow = el.dataset.oldOverflow;
-    removeClass$1(el, "collapse-transition");
-    emit("before-enter");
-  },
-  onBeforeLeave: (el) => {
-    if (!el.dataset)
-      el.dataset = {};
-    el.dataset.oldOverflow = el.style.overflow;
-    el.style.height = `${el.scrollHeight}px`;
-    el.style.maxHeight = `${el.scrollHeight}px`;
-    el.style.overflow = "hidden";
-  },
-  onLeave: (el) => {
-    if (el.scrollHeight !== 0) {
-      addClass$1(el, "collapse-transition");
-      el.style.transitionProperty = "height";
-      el.style.height = "0px";
-    }
-  },
-  onAfterLeave: (el) => {
-    removeClass$1(el, "collapse-transition");
-    el.style.height = "";
-    el.style.maxHeight = "";
-    el.style.overflow = el.dataset.oldOverflow;
-    emit("after-leave");
-  }
-});
 function _isSlot$7(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
@@ -10369,7 +10368,6 @@ var CollapsePanel = defineComponent({
         });
       }
     }
-    const transition = ref(collapseMotion$1(emit));
     function getContent() {
       if (props2.content) {
         return props2.content;
@@ -10418,7 +10416,7 @@ var CollapsePanel = defineComponent({
         "class": `bk-collapse-item ${props2.disabled ? "is-disabled" : ""} ${isActive.value ? "bk-collapse-item-active" : ""}`
       }, [createVNode("div", {
         "onClick": () => clickItem(props2)
-      }, [renderHeader()]), createVNode(Transition, transition.value, _isSlot$7(_slot = renderPanel()) ? _slot : {
+      }, [renderHeader()]), createVNode(CollapseTransition, null, _isSlot$7(_slot = renderPanel()) ? _slot : {
         default: () => [_slot]
       })]);
     };
@@ -29960,11 +29958,12 @@ var Component$8 = defineComponent({
     } = useEmpty(props2, ctx);
     useNodeDrag(props2, ctx, root, flatData);
     const renderTreeContent = (scopedData) => {
+      var _a, _b, _c;
       if (scopedData.length) {
         return scopedData.map(renderTreeNode);
       }
       const emptyType = isSearchActive.value ? "search-empty" : "empty";
-      return renderEmpty(emptyType);
+      return (_c = (_b = (_a = ctx.slots).empty) == null ? void 0 : _b.call(_a)) != null ? _c : renderEmpty(emptyType);
     };
     return () => createVNode(BkVirtualRender, {
       "class": resolveClassName("tree"),
@@ -39201,9 +39200,6 @@ var SearchSelectInput = defineComponent({
         return;
       }
       usingItem.value.addValue(item);
-      if (usingItem.value.multiple) {
-        keyword.value = "";
-      }
       const res = await validateUsingItemValues(item);
       if (!res)
         return;
@@ -39622,7 +39618,7 @@ var Component = defineComponent({
   }) {
     const t2 = useLocale("searchSelect");
     const localConditions = computed(() => {
-      if (props2.conditions === void 0 || props2.conditions.length === 0) {
+      if (props2.conditions === void 0) {
         return [{
           id: "or",
           name: t2.value.or