bkui-vue 0.0.1-beta.407 → 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]
       })]);
     };
@@ -16866,6 +16864,11 @@ const settingSizeType = j("columnSize", {
 });
 const fixedType = j("columnSize", {});
 const sortScopeType = j("sortScope", {}).def("current");
+var ResizerWay = /* @__PURE__ */ ((ResizerWay2) => {
+  ResizerWay2["DEBOUNCE"] = "debounce";
+  ResizerWay2["THROTTLE"] = "throttle";
+  return ResizerWay2;
+})(ResizerWay || {});
 const IColumnType = {
   label: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")]),
   field: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")]),
@@ -16978,7 +16981,7 @@ const tableProps = {
     PropTypes.bool.def(true)
   ]).def(true),
   resizerWay: j("ResizerWay", {
-    default: "throttle"
+    default: "debounce"
   }),
   observerResize: PropTypes.bool.def(true)
 };
@@ -18373,7 +18376,10 @@ var TableCell = defineComponent({
       mode: overflowModeType
     })]).def(void 0),
     title: PropTypes.string.def(void 0),
-    observerResize: PropTypes.bool.def(true)
+    observerResize: PropTypes.bool.def(true),
+    resizerWay: j("ResizerWay", {
+      default: ResizerWay.DEBOUNCE
+    })
   },
   setup(props2, {
     slots
@@ -18394,6 +18400,9 @@ var TableCell = defineComponent({
     let bkEllipsisIns = null;
     const resolveTooltipOption = () => {
       let disabled = true;
+      let {
+        resizerWay
+      } = props2;
       let content = refRoot.value.innerText;
       let mode = "auto";
       if (typeof showOverflowTooltip === "boolean") {
@@ -18401,6 +18410,7 @@ var TableCell = defineComponent({
       }
       if (typeof showOverflowTooltip === "object") {
         disabled = showOverflowTooltip.disabled;
+        resizerWay = showOverflowTooltip.resizerWay || "debounce";
         content = showOverflowTooltip.content || refRoot.value.innerText;
         if (typeof showOverflowTooltip.content === "function") {
           content = showOverflowTooltip.content(props2.column, props2.row);
@@ -18413,7 +18423,8 @@ var TableCell = defineComponent({
       return {
         disabled,
         content,
-        mode
+        mode,
+        resizerWay
       };
     };
     const resolveOverflowTooltip = () => {
@@ -18444,14 +18455,15 @@ var TableCell = defineComponent({
     onMounted(() => {
       var _a;
       const {
-        disabled
+        disabled,
+        resizerWay
       } = resolveTooltipOption();
       if (!disabled) {
         resolveOverflowTooltip();
         if (((_a = props2.column.showOverflowTooltip) == null ? void 0 : _a.watchCellResize) !== false && props2.observerResize) {
           let observerIns = observerResize(refRoot.value, () => {
             resolveOverflowTooltip();
-          }, 60, true);
+          }, 60, true, resizerWay);
           observerIns.start();
           onBeforeUnmount(() => {
             observerIns.disconnect();
@@ -19287,7 +19299,8 @@ class TableRender {
       const showTitle = typeof cellText === "string" ? cellText : void 0;
       return createVNode(TableCell, {
         "title": showTitle,
-        "observerResize": this.props.observerResize
+        "observerResize": this.props.observerResize,
+        "resizerWay": this.props.resizerWay
       }, _isSlot$1(cells) ? cells : {
         default: () => [cells]
       });
@@ -29945,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"),
@@ -39604,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